August 29 - September 9 (Basic HTML and Home Page)

• Course Notes:
  • Course Review
    • Review Assignments
    • Look over Textbook
    • Discussions, Quizs, and Assignment Submissions are on Moodle.
  • Schedule and Readings
    • Review this schedule
    • Note Assignment Due Dates
    • Section Notes (below) hilight topics or areas in the readings that you should be sure to review.
  • Web Authoring Software
    • Students must acquire web authoring software.
    • See the course syllabus for details.
  • Uploading Web Pages and Files to your Classes Account
    • The course will be using classes.lt.unt.edu for assignment upload and presentation. The instructor will provide additional details on using the server.
      • If you have problems getting to the classes.lt.unt.edu page check the following solutions depending on your browser Internet Explorer or Firefox.
    • You will need software to transfer your files onto the Course server.
      • Windows - WINSCP (download)
      • Mac - Fugu
    • UPLOADED YOUR COURSE HOME PAGE FOR ASSIGNMENT 1 AS SOON AS POSSIBLE IN ORDER TO ENSURE YOU CAN ACCESS classes.lt.unt.edu BEFORE THE FIRST ASSIGNMENT IS DUE.
    • Details on using classes.lt.unt.edu are found below and on the classes system under "Server Use Instructions"
• Reading:
  • Sessions 1 and 2
  • Additional Case 1, Appendix A-C
  • The Dos and Don’ts Guide to Great Web Design

• Section Notes:
  • Session 1
  • Session 2
    • Introduction to HTML and Web Pages
    • HTML Overview
    • Anatomy of an HTML document
    • Learning to Use HTML
      • When reading the course text, be sure to enter the HTML code as you read it so that you can get a feel for what the code is doing. Entering the code is a much more effective way to learn HTML than simply reading about it.
    • Important HTML Elements
      • Be sure to read the textbook to understand all the HTML elements
    • Other HTML elements and concepts to review
      • Text Basics (logical and physical)
      • Lists
      • Inserting a Link
      • Linking Documents, hyperlinks
      • Web Page Structures
    • File Names
      • NEVER USE spaces or special characters (!@#$%^&, etc) in your file names. A space when used becomes %20 which a user has a very hard time typing into a URL.
      • If you must have a space use an underscore '_' instead as in page_1.html
      • ALL html files must use the extension .html not .htm.

• Captivates

Web Development Cycle A discussion on the cycle/process of creating, editing, and reviewing web development.
Using Dreamweaver A short overview of how DW is used in this course. Be sure to visit the following sites for additional tutorials: Dreamweaver There are a number of online books at the UNT library using the Safari Books Online system. Look under e-books and search on dreamweaver. Also, the Internet is loaded with tutorials and examples.
Managing Dreamweaver Sites DW uses sites (what I like to call projects) to hold your web pages. You have to create a site, before you can begin developing web pages.
Creating your Standard HTML HOME page using DW CS5 This captivate will run through the steps of create a basic home page (index.html).
Creating an Alternate CSS HOME page using DW CS6 This captivate will run through the steps of create a more advanced CSS based home page (index.html). Download the following files to use (right click and save as) CSS External Style Sheet UNT Logo Home Page Template Based on Tutorial 1, p. 61
Uploading index.html to classes.lt.unt.edu This captivate will run through how to use winscp to upload your content to classes.lt.unt.edu BE SURE that you upload into the course directory (i.e. LTEC_3260_020 or CECS_5420_020) which will be under the SEMESTER directory. That will be two directories below the directory that your SFTP program will place you, which will be named your EUID.
Assignment 1 Overview This captivate walks your through the steps to a) create three of the five assignment 1 pages, link them together with a common navigation elements, upload, and examine the results on your server account.
Validating This captivate talks about validating your home page.

• Other Notes:
  • Practice uploading to course account.
  • Why Validate your Web page?
  • About the W3C Validation Service
  • A very handy validation addon for Firefox that can be used while you are looking at your web page. I find this quicker to use than the web-based validation service.
  • Assignment 1 Discussion, Quiz, Home Page, Web Site Due

September 10 - 30 (Introduction to CSS)

• Reading:
  • Session 3
  • Additional Case 2, Appendix F
  • Working with Images (Inline and Background)
  • Working with Image Maps

• Intro CSS (Cascading Style Sheets)
  • http://www.w3schools.com/css/css_intro.asp
  • http://www.csszengarden.com/
  • http://www.yourhtmlsource.com/stylesheets/introduction.html

• Assignment 3 - CSS Page Layout. The following are for use with the textbook and come from the student materials.
  • Download zip file containing Exercise Materials for the CSS Web Page. Tutorial 3. Session 3.
  • Download zip file containing Review Materials for the CSS Web Page. Tutorial 3. Session 3. Page 212.

• Captivates

Assignment 2 Overview This presentation covers what is required for CSS in assignment 2.

• Other Notes:
  • Think about how you will create your own set of CSS for the next assignment.
  • Short YouTube video on Dreamweaver and Image Maps
  • Assignment 2 Discussion, Quiz, Web Site Due

October 1 - 21 (More CSS with Tables and Other Stuff)

• Reading:
  • Sessions: 4 and 5
  • Working with Tables

• CSS with Tables and Other Stuff
  • CSS Effects
  • CSS Classes
  • Overflow
  • Clipping
  • Tables
  • Formatted Style Lists

• Captivates

Assignment 3 Overview This presentation covers the elements of assignment.

• Other Notes:
  • Assignment 3 Discussion, Quiz, Web Site Due

October 22 - November 11 (CSS with Forms and Media)

• Reading:
  • Sessions: 6, 7, 8, and 10
  • Working with Media
  • Working with Forms
  • Working with JavaScript
  • How jQuery Works
  • Tutorials for jQuery (JavaScript)
  • 50+ Amazing Jquery Examples

• CSS with Forms and Media
  • Forms
  • Digital Audio
  • Digital Media/Movies
  • JavaScript

• Captivates

Assignment 4 Overview This presentation covers the elements of assignment.

• Other Notes
  • Assignment 4 Discussion, Quiz, Web Site Due

November 12 - December 3 (Final Project)

• Final Project
  • Students must submit assignment 5 proposal by due date of assignment 4. The proposal will outline what the final web project will be on.

• Other Notes
  • Assignment 5 Quiz, Web Site Due

Assignment 5 Overview This presentation covers the elements of assignment.