Web Design Essentials
- Media Technology Domain -
The ICT Web Design Essentials course focuses on fundamentals of designing Web sites. Students will:
- Learn to identify elements of a Web page, and will evaluate the aesthetics and functionality of Web sites
- Learn the steps in the Web design process, such as determining Web site purpose, goals and target audience, and planning the site content, structure and navigation
- Explore Web authoring tools
- Learn the technical aspects of the Internet and the World Wide Web
- Build a Web site using a GUI Web editor
- Create Web pages that include audio, video and animation
- Prepare their Web sites for publishing
- Learn about Web hosting services, domain names, uploading files, implementation issues (bandwidth, compression, streaming) and collaboration tools (wikis, blogs)
Course Table of Contents
Lesson 1: Principles of Web Design
Lesson Sections
- Web Site Categories and Domains
- Aesthetic Web Design
- Functional and Usable Design
- Multimedia and Interactivity
Suggested Activities
- Matching Web Site Categories and Domains (Hands-on and Online)
- Searching Web Site Categories and Domains (Hands-on)
- Evaluating CARP Principles (Hands-on)
- Exploring the Meaning of Color (Teacher-Led)
- Using a Color Scheme Generator (Hands-on)
- Having Fun with Typography (Hands-on)
- Writing Effective Web Content (Hands-on)
- Evaluating Web Site Accessibility (Hands-on)
- Evaluating Web Site Usability (Hands-on)
- Analyzing Multimedia and Interactivity (Hands-on)
- Evaluating Best Practices (Hands-on)
Lesson 1 Quiz
Lesson 2: Planning a Web Site
Lesson Sections
- Web Site Planning Steps
- Using an HTML Text Editor or GUI Web Editor
- Using an Online Site Builder
- Using an Offline Site Builder
- Using a Content Management System (CMS)
Suggested activity
- Determining Web Site Purpose and Goals (Hands-on)
- Determining Target Audience (Hands-on)
- Creating a Mind Map (Teacher-Led)
- Describing Navigation Structures (Hands-on)
- Evaluating Web Tools (Hands-on)
- Reviewing Steps for Web Design Planning (Online)
- Searching for Web Terms (Hands-on)
- Putting It All Together to Plan a Web site (Hands-on)
Case Study
- All About Me - Assignment 1
Lesson 2 Quiz
Lesson 3: Creating a Web Site
Lesson Sections
- The World Wide Web
- Introduction to HTML
- Elements of a Web Page
- Multimedia and Interactivity
- List of Basic HTML Tags
- List of Basic HTML Attributes
Suggested activity
- Using Meta Tags with W3Schools Try It Now (Hands-on)
- Putting HTML Code in the Correct Order (Online)
- Writing HTML Code with W3Schools Try It Now - Part 1 (Hands-on)
- Using Thimble to Create a KEEP CALM poster (Hands-on)
- Using Code Academy to Learn HTML and CSS (Hands-on)
- Writing HTML Code with W3Schools Try It Now - Part 2 (Hands-on)
- Writing HTML Code with W3Schools Try It Now - Part 3 (Hands-on)
- Using Thimble to Create a Meme (Hands-on)
- Filling in the Missing Code (Hands-on)
- Creating a Web page - Part 1 (Hands-on)
- Creating a Web page - Part 2 (Hands-on)
- Filling in the Missing Code – Advanced (Hands-on)
- Using Thimble to Create a Movie Poster (Hands-on)
- Creating an Animated Scrolling Text Box (Hands-on)
- Writing the Code Required to Insert a Video in a Web page (Hands-on)
- Creating a Video Tutorial (Hands-on)
- Creating a 3D Photo Slide Show (Hands-on)
Case Study
- All About Me - Assignment 2
Lesson 3 Quiz
Lesson 4: Publishing a Web Site
Lesson Sections
- Collaboration
- Blogs
- Wikis
- Preparing to Publish
- Uploading Your Web Site
Suggested Activities
- Reviewing and Posting to a Blog (Teacher-Led)
- Creating a Blog (Hands-on)
- Comparing Wikis and Blogs (Hands-on)
- Being Legal and Fair (Hands-on)
- Validating a Web Site's Code (Hands-on)
- Choosing a Domain Name (Hands-on)
- Encrypting and Decrypting Vocabulary Terms (Teacher-Led/Team)
Case Study
- All About Me - Assignment 3
