My Projects

Module 1: Making a simple web page

Initial Web Page

Creating and uploading your first web page

Module 2: Hand Coding HTML

Introducing Styles

Adding styles to your HTML code

HTML formating

Introducing simple formatting concepts

Advertising Page

Using different text features to create an advertising page

Module 3: Editing and Working With Images

Images

Editing and styling images for the web

Creative Commons

Finding and using creative commons resources

Module 4: Adding content

Links and CSS

Exploring types of links

Lists

Creating and styling lists

Creating a multi-page site with an External Style Sheet

Create a two-page site where both pages link to an external style sheet.

Module 5: Planning Tools

Selecting Colors

Gain an understanding of how to select colors for websites

Selecting Fonts

Select and implement multiple web fonts

Create and Style Your Index Page

Alternate stlying for index pages

Module 6: Semantic Layout Using CSS

Tables

Explore creating and styling tables

Blocks

Compare inline, block, and inline-block layouts

Layout

Create CSS layouts to match wireframes

Semantic Design / Document Flow

Create a 4-page website on the topic of your choice

Module 7: Multimedia

Sound

Integrate .mp3 files with audio controls into your website

IFrame

Learn to embed content from other sites/pages using an Iframe

YouTube

Create a dark theme using CSS and embed YouTube videos

Module 8: Responsive Layout

Creating a Responsive Grid

Create a website that responds to screen size (aka a responsive website)

Create a Responsive Website

Cumulative Web Site that is ACCESSIBLE