Topic outline

  • Web Design

    Web Design Q2

    This course is designed to progress students' skills into the realm of Web design. Students will move from being simply web page creators to web site designers. We will dive into topics such as art theory, design principles, information architecture, usability, accessibility, and user interactivity. This course takes up where Web Essentials left off, pushing students who have a basic understanding of XHTML and CSS into advanced levels. This class will demonstrate to students what the Web design industry is like and if this field might be a good fit for them.


    Creative Commons License
    Web Design course materials created by the Open High School of Utah are licensed under a Creative Commons Attribution 3.0 Unported License. This course contains open educational resources produced by other organizations which may use a different open license. Please confirm the license status of these third-party resources before reusing them. See OpenCourseWare for additional information about licensing. 

    • Web Design Q2 Moodle Course File

  • Topic 1

  • Topic 2

  • Topic 3

    • Introduction

    • INTRODUCTION to Week 3 Page

    • Chapter 3.1 Site Planning

    • READ: Step 2 - Developing Site Structure and Prototype Information Page
    • READ: Naming Files and Folders Book
    • READ: Collecting Content Book

    • Chapter 3.2 Web Site Outlines

    • WATCH: Creating a Web Site Outline Book

    • Chapter 3.3 Web Site Maps

    • READ: Web Site Maps Book
    • WATCH: Bubbl.us - A Mind-Mapping Tool Book
    • READ: Online Portfolios Book

  • Topic 4

    • Introduction

    • INTRODUCTION to Week 4 Page

    • Blog Entry

    • Chapter 4.1 Thumbnails and Composites

    • READ: Thumbnails and Composites Book
    • READ: The Role of Sketching in the Design Process Page
    • READ: 10 Beautiful Sketches for Website Prototypes Page

    • Chapter 4.2 Creating a Logo

    • WATCH: Introduction to Logos Page
    • WATCH: What Makes a Good Logo? Page
    • READ: Building a Good and Effective Logo URL
    • READ: 5 Vital Logo Design Tips Page
    • READ: Logo Design Process Page
    • READ: 11 Trends in Web Logo Design Page
    • READ: Examples of Logos Book
    • WATCH: Paths and Nodes Page

    • Quiz

    • READ: Chapter 3 and 4 Study Guide URL

  • Topic 5

    • Introduction

    • INTRODUCTION to Week 5 Page

    • Chapter 5.1 Layout

    • RESOURCES Page
    • READ: Step 3 - Page Structure and Layout
    • WATCH: Planning Layouts Page
    • READ: 10 Rock Solid Website Layout Examples Page
    • READ: Grid-based Layout Page
    • READ: Hierarchy Page
    • READ: "Lorem Ipsum" Type Page

    • Chapter 5.2 Project

    • WATCH: Designing a Web Page Book

  • Topic 6

    • Introduction

    • RESOURCES Page

    • Chapter 6.1 CSS Properties

    • READ: Step 5 - Build Web Site Page
    • READ: CSS Basics Page
    • Flashcards: CSS Properties URL

    • Chapter 6.2 CSS Positioning and Floats

    • READ: Introduction to Positioning and Floats Page
    • READ: Positioning Elements Book
    • WATCH: CSS Floats Book

    • Chapter 6.3 XHTML Semantics

    • READ: XML, XHTML, and Structure Page
    • READ: Semantics and XHTML Elements Page
    • READ: Semantic Methods - Some Comparisons Page
    • READ: Common XHTML Validation Errors Page
    • READ: Prototyping XHTML for a Template Page

    • Quiz

    • READ: Chapter 5 and 6 Study Guide URL

  • Topic 7

  • Topic 8

    • Introduction

    • INTRODUCTION to Week 8 Page

    • Chapter 8.1 Multimedia

    • READ: Intro to Multimedia on the Web Page
    • READ: Multimedia Players and Plug-ins Page
    • READ: Web Multimedia with A and EMBED Elements Book
    • READ: Embedding Movies with EMBED Book

    • Quiz

    • READ: Chapter 7 and 8 Study Guide URL

  • Topic 9

  • Topic 10