10.07.2017 Views

246996016-HTML5-Step-by-Step

Create successful ePaper yourself

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

330 Chapter 17<br />

Place Images on a Page<br />

After you have added images to a Web site, you can easily drag them into the Web page<br />

layout wherever you want them.<br />

In this exercise, you will insert graphics on a Web page.<br />

SET UP Start in Expression Web, with the Web site still open from the previous<br />

exercise.<br />

1. Drag the btn home.gif button from the Folder List pane into the #topnav division<br />

in the Design pane (the second division from the top).<br />

An Accessibility Properties dialog box opens.<br />

2. In the Alternate Text box, type Home navigation button.<br />

3. Click the OK button.<br />

4. Repeat steps 1–3 for the following buttons, in the order shown, placing each new<br />

button to the right of the previous one. You can assign alternate text as appropriate<br />

for the button’s name. Depending on the width of the Expression Web window, the<br />

buttons might wrap to a second row.<br />

●<br />

●<br />

●<br />

●<br />

●<br />

Btn tips.gif<br />

Btn problem.gif<br />

Btn products.gif<br />

Btn about.gif<br />

Btn contact.gif

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

Saved successfully!

Ooh no, something went wrong!