22.04.2013 Views

HTML, XHTML & CSS

HTML, XHTML & CSS

HTML, XHTML & CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

56<br />

Part IV: Scripting and (X)<strong>HTML</strong><br />

Figure 15-3: A Flickr photostream page.<br />

If you look at the markup for that page, you’ll see that we customized some<br />

of the <strong>HTML</strong> to fit the overall design for that page, and you can easily do likewise<br />

for yourself. In our case, we created a div section with an id value of<br />

“content” so that we could set up a background color and margin controls.<br />

The real value of embedding Flickr on a page is that every time you upload a<br />

new photo to Flickr into your photostream, it automatically displays in the<br />

gallery on your new <strong>HTML</strong> page as well!<br />

Creating a map<br />

Another good example to illustrate the power of embedding content is a<br />

simple map. Say that Ed is having a party, and he creates a Web site for<br />

the party information and to give some of his out of town friends a map of<br />

Austin, TX, in case they get lost. He can do something like what’s shown in<br />

Figure 15-4 (also available at www.dummieshtml.com/examples/ch15/<br />

map-image.html).

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!