Module 1: Making a simple web page
Initial Web PageCreating and uploading your first web page
Module 2: Hand Coding HTML
Introducing StylesAdding styles to your HTML code
HTML formatingIntroducing simple formatting concepts
Advertising PageUsing different text features to create an advertising page
Module 3: Editing and Working With Images
ImagesEditing and styling images for the web
Creative CommonsFinding and using creative commons resources
Module 4: Adding content
Links and CSSExploring types of links
ListsCreating and styling lists
Creating a multi-page site with an External Style SheetCreate a two-page site where both pages link to an external style sheet.
Module 5: Planning Tools
Selecting ColorsGain an understanding of how to select colors for websites
Selecting FontsSelect and implement multiple web fonts
Create and Style Your Index PageAlternate stlying for index pages
Module 6: Semantic Layout Using CSS
TablesExplore creating and styling tables
BlocksCompare inline, block, and inline-block layouts
LayoutCreate CSS layouts to match wireframes
Semantic Design / Document FlowCreate a 4-page website on the topic of your choice
Module 7: Multimedia
SoundIntegrate .mp3 files with audio controls into your website
IFrameLearn to embed content from other sites/pages using an Iframe
YouTubeCreate a dark theme using CSS and embed YouTube videos
Module 8: Responsive Layout
Creating a Responsive GridCreate a website that responds to screen size (aka a responsive website)
Create a Responsive WebsiteCumulative Web Site that is ACCESSIBLE