HTML & CSS

Duckett HTML: Chapter 16: “Images” (pp.406-427)

controlling images in CSS:
adjust width and height, just like any other box
specify image size
same image of diff sizes - use ids like small, med, large
can reference intended alignement of image in class or id
images are inline elements by default (flow with text)
to center - change to block-level with display: block
- use text-align: center on the containing element to center the img
- or on img use margin and set left and right to auto
background-image - lets you put an img behind any element
- will repeat by default to fill the container
background-repeat - set to no-repeat to show image once
background-attachment - fixed = image stays in same position
scroll - background img moves with scrolling
background-position - position background-image - (pg.415)
rollover - img changes when user hovers over it (pg. 417)
repeating background image aka 'wallpaper'
background image needs to be low contrast for overlay text to be readable
'sprite' - an img used multiple times - browser loads faster (pg. 417)

Search Engine Optimization (SEO) - process of making your website more visible in search engine results
- use keywords in your site that people are likely to search
- get other sites to link to your page
Google Analytics - lets you see user behavior - where they came from, the page they left your site from
Domain Names and Hosting:
- Domain name - your web address
- Web hosting - uploading your page to a server to be publicly visible
- Disk space - the total size of all files for your site
- Bandwidth - amount of data sent to your users to view your site
FTP & Third Party Tools:
- File transfer protocol (FTP) - transfer files from computer to web hosting server