Module | Description | File Link |
Intro | Text - Introduction | Making_Basic_Web_Pages.html |
M1 | Text - Making Basic Web Pages | Making_Basic_Web_Pages.pdf |
M1 | Text - What is HTML? | M1/what_is_HTML.pdf |
M1 | Code - Very basic HTML Layout | M2/Basic_Layout.html |
M2 | Text - Basic Formatting | M2/Basic_Formatting.pdf |
M2 | Code - Why Paragraphs, Headings and breaks? | M2/Why_Paragraphs.html |
M2 | Code - Use Paragraphs | M2/Use_Paragraphs.html |
M2 | Code - Poem Problems | M2/Poem_Problems.html |
M2 | Code - The Six Headings | M2/headings.html |
M2 | Code - Heading Appearance with Styles | M2/headsize.html |
M3 | Text - Text Editors | M3/Text_Editors.pdf |
M4 | Text - HTML Styling | M4/HTML_Styling.pdf |
M4 | Code - Inline Text Styling | M4/Inline_Text_Styling.html |
M4 | Code - Internal Styling | M4/Internal_Styling.html |
M4 | Code - External css Styling | M4/External_css_Styling.html |
M4 | Code - CSS Selectors | M4/css_Selector_Styling.html |
M5 | Text - Colors | M5/Screen_Colors.pdf |
M5 | Code - Making Colors | M5/Stanford_Color.html |
M5 | Code - Color Chart | M5/Color_Choice.html | M6 | Text - Images | M6/Images.pdf |
M6 | Code - Images from Photos | M6/ImageFromPhoto.html |
M6 | Code - Sizing Images | M6/Image_Sized.html |
M6 | Code - Reduced Images | M6/Image_Reduced.html |
M6 | Code - Images and text | M6/ImageAndText.html |
M6 | Code - Image and float | M6/ImageAndFloat.html | M7 | Text - Hyperlinks | M7/Hyperlinks.pdf |
M7 | Code - Web site links | M7/ch_index.html | M8 | Text - Containers - Tables and Divs | M8/containers.pdf |
M8 | Code - Sample Table | M8/sample-table.html |
M8 | Code - Container views | M8/City_of_London.html |
M8 | Code - Container borders | M8/Borders_of_London.html |
M8 | Code - Edge work | M8/edgework.html | M9 | Text - Putting it all together | M9/AllTogether.pdf |
M9 | Code - Champ the Chimp | M9/index.html |
M9 | Text - File Transfer Protocol | M9/FTP.pdf |
Reference - Web Form Demonstration | FormWork/index.html | |
Reference - Web Page Links | web_links.html |