This one-semester Fundamentals of Web. Development course is structured to
introduce students to both Web site design and development. The course will ...
Web Development Syllabus
ELHS.11.1.1
Course Description There’s more to creating a Web site than writing HTML code and uploading files. A good Web site must be designed before it can be created. This one-semester Fundamentals of Web Development course is structured to introduce students to both Web site design and development. The course will introduce students to the basic Web site design principles. Students will use these principles to design and evaluate their own sites and to evaluate other sites. Students will learn development languages such HTML and CSS. In addition, students will be introduced to two software programs: GIMP, an image-editing program, and Nvu, a Web development program. Course Objectives Upon completion of this course, you will be able to: • perform an audience analysis in order to successfully design a Web site • take into account the appropriate Web design considerations in order to successfully design a Web site • use basic HTML to create a simple Web page • define and differentiate between the various types of Web-compatible images • describe the major copyright concerns regarding image use on the Web • use GIMP to create and save a graphic Unit 1: Site Design and Planning (Weeks 1-2) This unit will introduce you to the basic Web site design principles. You can use these principles to both design and evaluate your own sites and to evaluate other sites. The unit will also cover concepts such as site architecture and navigation. Lessons 1. Introduction to the World Wide Web 2. Web sites 3. Interface Design 4. Audience Analysis 5. Navigation 6. Designing for the Web Assignments Title Unit 1 Quiz #1: Interface Design Unit 1 Paper Assignment #1: Audience Analysis Unit 1 Quiz #2: Navigation Unit 1 Project Assignment #2: Web Site Design Unit 1 Paper Assignment #3: Web Site Evaluation Unit 1: Site Design and Planning Unit Test
Type Quiz Paper/Essay Quiz Project Paper/Essay Test
Points 3 8 3 8 8 10
Unit 2: Basic HTML (Weeks 3-5) The development of a Web site starts with HTML code, the building block on which all sites are based. This unit introduces the basics of HTML code.
Lessons 1. Introduction to HTML 2. Formatting and Structuring HTML 3. Basic Tags 4. Attributes 5. Lists 6. Tables 7. Entities 8. Cascading Style Sheets (CSS) 9. Naming and Storing Web Site Files Assignments Title Unit 2 Quiz #1: Basic HTML Unit 2 Homework Assignment #1: HTML Tags Unit 2 Homework Assignment #2: HTML Attributes Unit 2 Homework Assignment #3: Lists, Tables, and Entities Unit 2 Project Assignment: My First Web Page Unit 2: Basic HTML Unit Test
Type Homework Assignment Homework Assignment Homework Assignment Homework Assignment Project Test
Points 3 5 5 5 8 10
Type Homework Assignment Project Project Project Test
Points 8 8 8 8 10
Unit 3: Introduction to JavaScript (Weeks 6-8) Lessons 1. Introduction to JavaScript 2. Comparisons and Conditionals 3. JavaScript Functions 4. Checking if JavaScript is Enabled 5. Working with Date and Time 6. Working with Images Assignments Title Unit 3 Homework Assignment #1: Basic JavaScript Unit 3 Project Assignment #1: Redirecting Visitors Unit 3 Project Assignment #2: Displaying the Date Unit 3 Project Assignment #3: Creating a Rollover Image Unit 3: Introduction to JavaScript Unit Test
Fundamentals of Web Development Midterm Exam (Week 9) Spend one day reviewing the material from the previous three units in this course before taking the midterm exam. Assignments Title Fundamentals of Web Development Midterm Exam
Type Exam
Points 18
Unit 4: Image Editing (Weeks 10-13) This unit covers the factors to consider when using graphics and photographs online, including the types and sizes of images that can be used online. The unit also discusses copyright laws in relation to the use of images on the Web. In addition, this unit introduces GIMP, a free, open source, image-editing software program. Lessons 1. Images on the Web
2. 3. 4. 5. 6. 7. 8. 9.
Image Formats Copyright Color Color on the Web Introduction to GIMP GIMP—Basic Tools GIMP—Editing an Image GIMP—Creating a New Image
Assignments Title Unit 4 Homework Assignment #1: Images on the Web Unit 4 Quiz #1: Copyright Unit 4 Homework Assignment #2: Color on the Web Unit 4 Homework Assignment #3: GIMP Unit 4 Project Assignment #1: Web Page with Image Unit 4: Image Editing Unit Test
Type Homework Assignment Quiz Homework Assignment Homework Assignment Project Test
Points 5 3 5 5 8 10
Type Quiz Project
Points 3 8
Unit 5: Introduction to Nvu (Weeks 14-17) Lessons 1. Introduction to Nvu 2. Nvu—Basic Tools 3. Nvu—Working with CSS 4. Nvu—Publishing your Site Assignments Title Unit 5 Quiz #1: Nvu Unit 5 Project Assignment #1: Web Site
Fundamentals of Web Development Final Exam (Week 18) Spend one day reviewing the material from all of the units in this course before taking the final exam. Assignments Title Fundamentals of Web Development Final Exam
