Mr. Dietrick's Website

Web Design I

Course Description

This course is designed to give students basic web design and development. Students will learn how to create a basic webpage utilizing both HTML code and CSS, as well as WYSIWYG approach using the online sitebuilder, WIX.

Course Syllabus

The course syllabus, classroom rules & procedures, and participation grading scale can be viewed online or downloaded below using Adobe Acrobat

• Syllabus (.pdf)

HTML & CSS

1. HTML - Structuring Websites

• • Introduction to HTML

  • Structure of an HTML page

  • Formatting text

  • Links

  • Images

  • Copyright

  • HTML Tables

  • HTML Styles

  • HTML Colors

2.  CSS - Styling Websites

• • Introduction to CSS

  • CSS Select by Tag

  • CSS Select by Class

  • CSS Select by ID

  • The Cascade

3.  Advanced HTML and CSS

• • Getting Started - Advanced HTML and CSS

  • Multi-file Websites

  • Embedding iframes

  • Divs

  • Spans

  • Semantic Tags

  • Combining CSS Selectors

  • Special Selectors

  • Visibility

  • Reading Documentation

  • The Box Model

Wix

• Identify the difference between WYSIWYG and Code based Websites

• Choose page design & navigation in Wix

• Add & formatt text content in Wix

• Incorporate multimedia content to a Wix Website

Mr. John Dietrick | Emmaus High School | 500 Macungie Ave. | Emmaus, PA 18049 |

(610) 965-1650 ext. 21244 | jdietrick@eastpennsd.org| https://sites.google.com/eastpennsd.org/mrdietrick