Course Objectives
- Recognize and adhere to HTML syntax
- Know the essential elements of a web page
- Be familiar with the most common HTML elements
- Use web searches and other tools to lookup the usage of less common HTML elements
- Recognize and adhere to CSS syntax
- Understand the various ways to present CSS commands to your browser: external style sheet, internal style element and inline style attribute.
- Given a style request, translate that into the proper CSS syntax
- Introduce PHP
- Introduce Javascript
- Introduce JQuery
Web Design 101
Web Design 101 is designed for High School age or capably equivalent students who'd like to learn the basics of Web Design.
You'll learn the basics of HTML and CSS with a little bit of elementary PHP thrown in to ease some of the grunt work. You'll also download freeware tools that will be used to construct and edit a website on a personal computer or flash drive, and then upload the website to a web server. This course is structured to give the student the minimum tools to create modern sites, and to facilitate continuing self-education.
Proposed Syllabus
- Day 1 HTML
- Hour 1 Workspace Environment
- Hour 2 Basic Syntax
- Hour 3 Attributes and common elements
- Hour 4 Block vs inline, Forms
- Day 2 CSS
- Hour 1 Syntax
- Hour 2 Selector Options
- Hour 3 Pseudo Elements
- Hour 4 Absolute vs Relative sizes, Colors
- Day 3 Site Creation
- Hour 1 Basic Site
- Hour 2 PHP Includes, iframes
- Hour 3 Extra pages and content
- Hour 4 Upload and version control
- Day 4 PHP, Forms, JQuery
Site Completion
- Hour 1 PHP codes, date(), rand(), opendir()
- Hour 2 Forms
- Hour 3 MadLibs page
- Hour 4 JQuery
- Site Presentation