DESIGN FOR WED - SH SESSION 04

Create 3 buttons and the roller counterpart

Save for web – 24-PNG

Add first button

<div id=”button”>

Then:

-       Insert

-       Image objects

-       Roll over image

-       Select the two files

-       Save and then view

Repeat for all buttons

Link buttons

 

 

 

Change ‘#’s to the names of the pages

Content

Box model

#left                                                #right

top 20px                                         top 20px

right 10px                                       right 20px

left 20px                                         left 10px

bottom 20px                                  bottom 20px

Any mistakes will stop the website from working

Lorem Ipsum

<p>    - paragraph break

<br>   - line break

In CSS can change the colour//font//size

-       h1, h2, h3, etc.

-       close </h1>

Use vimeo for videos

Lightbox      - Image gallery (how to)