Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now that we've set up a no-frills HTML gallery and saved off our settings as this style called four-column HTML (4colHTML). Let's go ahead and actually generate our HTML site. But before we do, we might as well preview the site inside of a browser, so that we have a sense of what's right and what's wrong about it. So, click on Preview in browser in order to save off a temporary version of the HTML site and load it up inside the default Web browser, which, in my case, is Firefox. I see right away that something is wrong. The four columns work out nicely, but I went ahead and left rows set to 3.
As a result, I have this blank row down at the bottom. So, that's something I'm going to need to fix. I'll close out of this browser, return to the Bridge, go to Number of Rows here and try to change it to 2, but doh! It's not an option. So, 3 is the fewest number of rows I can select. That means I'm going to have to turn around and edit the HTML code. Fortunately, I know how to do that, so that's not going to be all that tough, but what a pain in the neck! They could have just given me two rows right there. All right! So, I know what the problems are.
I'm ready to meet the challenge. I'll go ahead and click on Create Gallery. What you're doing at this point is you're naming the folder that's going to contain the gallery on your hard drive. So I'll go ahead and name this guy No Frills HTML. Then I need to specify a location in which to save the site. So I'll click on the Browse button. I will navigate my way here on the desktop to the exercise_files folder inside the printing folder. I have this empty folder currently. It's empty for me. It will be full for you, called Final site. I'll click OK in order to select it.
That will become the location of my new No Frills HTML folder that will contain the HTML and the image files. Now, if you want to upload your site to an FTP server, then you would enter that FTP information right there. I could enter ftp.deke.com, and then enter my user name, password and so on. I'm not likely to do that in front of you, of course. However, that is something you can do. Then you would go ahead and either upload the site to the FTP server or you'd save the site to your hard drive. I'm going to click on Save, right there, in order to go ahead and save out my site.
You can see how that is happening live right in front of my eyes, and the gallery is created. Awesome! Excellent news! All right! So let's go ahead and open up that folder. I'm going to minimize the Bridge. I have the folder right ready to go in the background here. You can see I'm working inside the exercise_files folder, 11_printing, Final site and then down to the No Frills HTML subfolder. I have this file called index.html. Now, I'm going to edit that file, by right-clicking on it and choosing Open with and then WordPad of all programs.
Just a simple text editor will do. Go ahead and open the HTML file inside the text editor of your choice, or even Dreamweaver, if you want to work that way. I'm going to scroll down to the bottom of the list. You can see that there is a bunch of div classes here that are called emptyThumbnail, borderTopLeft, borderBottom etcetera. Anyway, I want to grab these. If you're not comfortable with HTML and you don't feel like doing this part. That's just fine. But I'm going to grab these guys, these four div codes right there, and I'm going to press the Backspace key or the Delete key on the Mac in order to delete them.
Then I'll go up to this icon and choose the Save command in order to update my changes and close out of WordPad. Now, I'm going to double-click on this index.html file in order to open it up inside of Firefox, and you can see, I now have just two rows. Isn't that wonderful? I can click on one of these images in order to preview it at a larger size onscreen. There we have it! That is how you go about creating a simple HTML site using the Web Gallery feature inside of Bridge CS5.
In the next and last exercise, I'll show you how to create a more dynamic, more interactive, airtight site, join me!
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58373 Viewers
119 Video lessons · 67617 Viewers
84 Video lessons · 16892 Viewers
125 Video lessons · 29792 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.