Syllabus

SYLLABUS FOR WEB DESIGN

 

CURRENT UNIT
Unit 4 : Types of Websites

  • E-Commerce 
  • Games 
  • Informational
  • Promotional, Database Driven, 
  • Social Media
  • Today’s Impact

Unit 1 :  Introductions

  • Classroom rules, grading policy, and extra credit opportunities will be discussed.
  • Prepare Accounts

Unit  2 : Prep

  • Google ClassRoom
    • Download App
    • Join Class
  • Understanding Workflow
  • Software Needed
    • Adobe Dreamweaver
    • Adobe Photoshop
    • TeamViewer.com
    • Screencast-o-Matic.com

INTRO TO THE WEB

Unit 3 : Understanding the WWW

  • Creation of the Internet
  • How WebSites Work
      • Creation
      • Domain Names
      • Web Hosting

Unit 4 : Types of Websites

  • E-Commerce 
  • Games 
  • Informational
  • Promotional, Database Driven, 
  • Social Media
  • Today’s Impact

Unit 5 : Tools for USE

  • What is HTML
  • HTML Editors
  • WYSIWYG
  • Cascading Style Sheets
  • JavaScript

From CODING to WYSIWYG

UNIT 6: Intro to Coding

  • HTML 5.0
  • CSS

UNIT 7:  Getting Started with Dreamweaver

  • The Role of Dreamweaver
  • Welcome Screen
  • Dreamweaver Workspaces
  • Creating HTML Pages
  • Code View vs. Design View
  • The Dreamweaver Interface
    • Panels
    • Insert Panel
    • Properties Inspector
    • CSS Styles Panel
    • Files Panel
  • Previewing your Page 
    • Preview in Browser
    • Live View
  • Setting up a Web Site
  • Edit Preferences

UNIT 8:  Dreamweaver (HTML 5.0)

  • Header
    • Understanding HTML Doctypes
    • Adding a Title to Your Page
  • Tables
    • Adding a Table to your Page
    • Sorting Tables
    • Modifying Tables
      • Inserting Rows
      • Inserting Columns
      • Inserting Multiple Rows or Columns at One Time
      • Merging Cells
      • Splitting Cells
    • Importing Data into Tables
    • Dreamweaver and Styling Tables
  • Text
    • Paragraphs, Headings and Blockquotes
      • Paragraphs
      • Headings
      • Blockquotes
    • Breaks and Horizontal Rules
    • Special Characters
  • Links
    • Adding Links
    • Absolute vs. Relative Paths
    • Target
    • Email Links
    • Anchors
    • Quick Tricks for Adding Links in Dreamweaver
      • Point to File
      • Browse for File
      • Drag File from Files Panel
  • Images
    • Inserting Images
      • Accessibility Attributes
      • Image Properties
    • Image Links
    • Rollover Images
    • Image Maps
    • Inserting Photoshop .psd documents directly – Photoshop Smart Objects
  • Lists
    • Ordered and Unordered Lists
      • Nesting Lists
      • Converting Lists
    • Definition Lists
    • Converting Existing Content to Lists

DREAMWEAVER STYLES
UNIT 9:   Styling Content

    • CSS Rules
    • Selectors
      • Type Selectors
      • Descendant Selectors
      • Class Selectors
      • ID Selectors
      • ID vs. Class
    • Modifying the Rule
      • Making Sure the CSS File Saves
    • CSS Properties
      • Type
      • Background
      • Block
      • Box
      • Border
      • List
    • The Cascade
      • Embedded Style Sheets
      • Inline Styles

PUBLICATIONS
UNIT 10:   PUBLISHING WEB SITE

    • Web Hosting
    • Domain Name revamp
    • Uploading Website

Mr Hague's Class