Web Session 3: Getting Started

first button (home button)

to insert the rollover button

insert >
image > 
objects >
rollover button

images have to be saved as PNG 24 , with transparency

all 4 buttons

# tells the link its not going anywhere

 home button= index

all the pages linked to new pages ready to be made

to correspond the pages to the links you have to create a new page, to do this you have to save the file as the corresponding button i.e work.html, as work.html, this will create a new page, to have a visual indication of this we changed the type to match the corresponding page, so home, index.html was 'this is the HOME page', work, work.html 'this is the WORK'

Box model

the width all gets added on to the div id to get the total width, so if you wanted padding the content box would not be the total width 

minus the width of the padding etc , of the total pixels 

to put in columns it has to be after the nav bar code and in the container (the overall frame)

I had typed in the width measurements wrong in the CSS style sheet (328px, instead of 382px)

lorem ipsum

- gives you fake text (like placeholder on indesign)

Image with a background and photographs need to be saved as a JPEG
Image with no background save as a PNG

Video 

use vimeo 
upload the video the website will compress it for you for web

you can get the embed code, 

on the video you can also change the option e.g
the colour
the size
show which parts of text or not 
show descriptions
autoplay
loop 

copy and paste the embed code into the place where you want it to go


for an image with a background on photoshop 
> save for web 
save as a jpeg 
change the size to the size you want 
try make the quality as low as possible without sacrificing the quality of the actual image

save in the images folder of your site

in the code 
insert it where you want it 
insert 
> image

<p> paragraph ( separates it like the text )