Video: GENERATING HTML PHOTO GALLERY WITH EXPRESSION MEDIA

Presenter:Todd Miranda

While there are many examples on the web of photo galleries and media galleries, it still takes some work to set up your own gallery with custom media content. Expression Media can simplify the process by generating the HTML and directories for you based on media already contained in your Expression Media catalogs. In this presentation Todd Miranda demonstrates how to create an HTML media gallery using media content stored in an Expression Media catalog.

The following text is a software generated transcript of the video. Click on a minute link to jump to a location within the video



Minute 0

Pillow fight for Brandenburg is this presentation is to demonstrate how to use Mark self expression media to create a media gallery for your external website but again by using a new catalog and will add some images to our catalog will let all these images of our catalog aid if we wanted to we could resize some of these we could flip some of these are in window but will not do is we want to make a photo gallery for a website of these images is an easy way to do that Mark self expression media of our menu marshals expression media is many are called make


Minute 1

This slideshow and save it as a movie we can back of this particular catalog to a CD ROM or to a backup location we can create contact sheets XML data files or images containing the metadata for those images what we re interested in is our HTML gallery salicylate a female gallery field of it we have a site title will call this my media files we also have a number of themes given to us by default with Luther sometimes hear some basic claims he saved our images are framed and we have these little arrow icons used to navigate you go to this blog over saying blue delicious main


Minute 2

Latham blue ribbon fame and look through some of the options that we have available to us are indexed table this essentially shows that our output will be one page for five catalog items for three of the five items that we want to be in our HTML catalog table can be six about one we can specify the number of sales that rose to want that laid out his frogs for thumbnails go we can indicate that we were thumbnails scaled to fit over this did to the floor so I know what that means is that the smallest out of your image will be paid to the same vertical level so that they won t necessarily be scaled by their smallest side will all be about the same size and we can specify that this was


Minute 3

Either the default of eight pixels that is for the thumbnails what about media would you specify media a little differently natural size scale to fit or this gets more sauce will with media were to simply go scale it we want to retain its aspect ratio so will the scale to fit in with specify the pixel dimensions that we want to be scaled to win completed we will launch a browser so you see what this looks like a click options here you can save these options to be your default options next time you want to do a female photo gallery or media gallery with our settings this indicates what extension we want pages to be put out as giving a female official PHP ASP or XML will leave it HTML or you can use HTML the file names for the page


Minute 4

Could be numbers we won t check that box and we did it create captions as raw HTML we will do that as well but you could use your captions as raw HTML when you generate the photo gallery page will specify the warranty they quoted a high and we can frame the images we won t do that because certain themes do framing for us we can embed annotations into our pages would you prefer a color profile specified water preserve the entire GPS metadata if you take photos and use photos in any of the cuff photo application to be familiar with the metadata goes along with some of the photos from things like a digital camera know about movies we ll have any movies so we will worry about the section of settings for now we get FTP this


Minute 5

To a server once it s done generating and we specify the server name here with all the appropriate authentication information and the remote directory we can all sleep till it to skip existing image files of some of the fault already have our website where do this with a generator or local machine and preview at their beauty also specified name value key fields to go along with your things for this example were to worry about saying fields so we got most of our settings may bless click on the make button to specify where to walk put it there but it just on the desktop and open in a new folder called picture gallery pretty fast it generates a gallery force and is to launch a browser as you can see we ve got a page called my media files


Minute 6

Fears of my media files title for a single page and here he is all for images noted that all of the landscape images have about 80 pixels in height and or portrait images have about 80 pixels and with this was that again to small aside 80 pixels that we have discussed you if we had lots of images in a photo gallery we could use our right and left written to go back and forth for those images we only have five we can quickly for the images they receive that we get a four or five the name of the image and some of the metadata goes along with it and we didn t do any work to do this is that you look briefly at the files are created for us


Minute 7

Will open up a picture gallery folder notice that we have our index htm file which you can go in and edit if you wanted to we have a resource which each one of these is one page per image this is the full size image and these are the corresponding full size images for each page which is dedicated to one full size image you also have a preview folder and these are the thumbnails that were created for us for our images to show our ribbon and we have sets folder which gives us any JavaScript files and other images that are really part of a theme so this is where you go find your theme files notice that this is also where you ll find your style


Minute 8

To too many times a way to generate it is just fun they ll listen to what look at other options without doing anything else you go back for a single gallery and we can simply choose a different fame about that and would you make which is the same folder it will overwrite the directories are created the first with the new ones you ll see that our browser comes up we have completed a sane pure silver images listed here we can click on image to go to our specific image page for each individual image that is we ve got navigation up here we go directly back to the index or we can go next previous


Minute 9

So that s vice for images is there anything else that we can use in our media gallery doesn t just have to be a photo gallery lets add a video file to our catalog were at a video files or expression media catalog in the mail will use that same theme that we just saw and will say may again choose the same directory they ll if you remember you are a single gallery settings movies were set to auto play and we want to display the video controller we can also make it continuous and pretty kiosk where we don t want continuous as it is going to auto play really just want to play once the will to do autoplay and display video controller and Ellis take a look we see a film


Minute 10

Ill of horror movie here sweeter than we can put our images and vector and asked if we click on a video file will have still explored to allow the ActiveX content but you see here that when this page came up in our video autostart is a autoplay and we do display or controller here for the user can affect their volume they can play that Paul s and they can stop an ex just like any other element of our gallery saw a teammate of picture gallery but you can make a true media gallery if you include any type of media element that you got in your box office expression media catalog and generate an HTML gallery that you put on your site that contains images media audio movies anything that you point


Minute 11



Click here to go to original video page