12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Images<br />

block-level element so that the images for each link appear to be on one line after the next<br />

in a vertical menu.<br />

<br />

<br />

Inline Graphics<br />

You can place images inside of block-level elements in a way that makes them look like<br />

they are on the same line as the rest of, say, the paragraph text, or in columns of a table.<br />

This is also a technique used to place navigation linking images side by side is a horizontal<br />

menu.<br />

<br />

&nbsp; &nbsp;<br />

<br />

<br />

Background Graphics<br />

Images can be used as background in a table, table row, table cell, the body of a whole<br />

web page, as a background, etc. We’ll cover more about how this works when we<br />

talk about styling.<br />

The rest of the body<br />

coding<br />

Favicons<br />

Have you seen a website where there is a tiny image to the left of the URL in the browser<br />

address bar? Check out Starbucks and Adobe for examples. A favicon is a graphic image<br />

(icon) associated with a particular web page and/or website. Many recent user agents<br />

(such as graphical browsers and newsreaders) display them as a visual reminder of the<br />

website identity in the address bar or in tabs.<br />

To add a favicon to your website, you’ll need both an image and a method for specifying<br />

that the image is to be used as a favicon. However, the format for the image you have<br />

chosen must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The for-<br />

105

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

Saved successfully!

Ooh no, something went wrong!