Monday, August 25, 2008
Build Your Own Web Gallery
A step-by-step guide with screenshots for building your first website
STEP 5g: Image Tags In Code View
Here's our code with the image inserted on line 12. Note the new tag <img>, which specifies the source URL of the image and its width and height. Note also that <img> is a self-closing tag, with the closing forward slash character at the end of the tag. We see the image is properly placed in the Design View below.
STEP 5h: Inserting The Gallery Photos
The title graphic is the only content in the first row, so we're ready to move on to row 2 and our gallery photos. Repeat Step 5e to add all three photos to the three center cells of row 2 (lines 19, 20 and 21 in the code).
Finally, repeat step 5e one more time to add the "page" graphic to the second-to-last cell in row 3 (line 28 in the code).
Page 13 of 19