William M. Pegram
Home | Courses | Web Design | Server-Side Scripting | About Me

ITD 110 Schedule - Section 001N- Spring 2019

Revised: May 2, 2019

The schedule will be updated with links to homework exercises and additional material as the course progresses.  The most current copy of this schedule can be found www.billpegram.com. Material below the X in the first column is tentative; students should not work on assignments shown below the X since the assignment will likely change. Some of the HTML/CSS material shown below we may not get to.

  Week Class Topics Reading/Homework Due (more will be added as course progresses) 
 

Week 1
1/15
Course Introduction,

 

Chapter 1: Introduction to the Internet and World Wide Web

  1/17 HTML
  • starter.html - a file you can use as a start file for coding in this course
  • Viewing the source code of a web page in a browser - Chrome or Firefox: Right-click in empty area of page (not over an image)> View page source. Edge: Right-click in page> View source
  • File>Open in Browser (Ctrl O in any browser)
  • Introduction to NotePad
  • When you make a change in the file in the text editor, you must save the file and refresh/reload the page in the browser
  • making filename extensions visible: In Windows 10, click on the Folder icon in the task bar to open in File Explorer, then select "View" on the menu and check the box "File name extensions". For earlier Windows operating systems, do a search on this topic.
  • Browsers ignore whitespace in file
  • * <!DOCTYPE html>, <html>. <head>, <body>, head and body sections, <title> tag
  • naming folders and pages - no spaces, lowercase (because case-sensitive on some servers), .html or .htm (use one consistently) for pages
  • Save and refresh - Brackets allows you to skip the refresh
  • * <h1> ... <h6>, <p>, <br>, <hr>, <blockquote>, phrase/logical elements
  • * ordered and unordered lists, special entity characters (e.g. &nbsp;)
  • * Structural elements - <div>, HTML5 structural elements: <header>, <nav>, <footer>

 

  • Chapter 2 - HTML Basics
  • * HTML Tutorial
    • So You Want to Make a Website
    • Creating Your First Web Page
    • Naming Your Page
    • Viewing Your Page in a Browser
    • Revising Your Web Page
    • Lists
  • W3Schools HTML Tutorial

    • HTML Intro
    • text editors and viewing your page in a browser
    • HTML Basic Examples
    • HTML Elements
    • HTML Attributes
    • HTML Headings
    • HTML Paragraphs
 

Week 2
1/22, 1/24
HTML

HTML

  • * absolute and relative links, email links
  • Advantages of NotePad++ over NotePad (once file is saved as html or htm)
    • color-coding
    • can have multiple tabs, one file per tab
    • line numbers
    • tag and attribute suggestions
    • "fold up" sections of code
    • Can launch browser from NotePad++ program to display file in tab
  • Validation
  • Using myDrive as your webspace - myDrive instructions - put everything in a folder called public; the public folder must be part of the URL the user enters in the browser, thus users should not see the myDrive logo or the file manager
  • To upload your files, you can either use the myDrive file manager or use an FTP program such as Core FTP Cascading Style Sheets
    • * external, embedded, and inline CSS - external is generally best (ease of maintenance, consistency, responsiveness (can have different styles for different viewports (devices) through use of media queries (later in course)
    • * styling tags - e.g. h2 {color:red}
    • * CSS ways of specifying color - color names, hexadecimal, RGB
    • * commonly used CSS properties - color, font-size, background-color, text-align, font-family (specifying first, second, and third choices)
    • * external, embedded, and inline overriding examples

 

 

Week 3
1/29 (class cancelled due to weather) 1/31
CSS

 

Week 4
2/5, 2/7
Web Graphics,

  • * images - img tag, height, width, and alt attributes

 

  Week 5
2/12, 2/14
Web Design

 

  • Chapter 5 - Web Design
  Week 6
2/19, 2/21


Week 7
2/26, 2/28

 

 

 
  Week 8
3/5, 3/7

  • Chapter 6 Case Study due March 4
  • Chapter 7 - More on Links, Layout, and Mobile
  3/12, 3/14
  • NVCC Spring Break - no classes
 
 

Week 9

3/19, 3/21

 

 

 

 

  Week 10
3/26, 3/28


  • Chapter 8 - Tables
  • Tables section of Judy Miller tutorial
  • Chapter 9 - Forms

 

 

Week 11
4/2, 4/4

  • Chapter 10 - Web Development
 
X

Week 12
4/9, 4/11

  • Chapter 11 - Web Multimedia and Interactivity
 

Week 13
4/16, 4/18

  • Chapter 12: E-Commerce Overview
  • Chapter 13: Web Promotion

 

 

Week 14
4/23, 4/25




 
  4/30, 5/2

 

 

Week 15
Tuesday 5/7 2-3:40pm

 
Topics not covered or assigned Flash Short Assignment 2
Flash Assignment 3