ITD 110 Web Page Design I


Instructions - Spring 2017

  • You will complete most of your assignments, projects and quizzes using the Code Avengers web site this semester.
  • Read the FAQ. Late assignments are NOT accepted. You will automatically earn a 0 grade for any assignment submitted late. If you need to be out of town, then work ahead. All the assignments for this semester are already posted.
  • You will FTP assignments to a web server during the last half of the semester.
    • See the NRCC proctored testing information at the beginning of the semester if you cannot take the 3 exams at the Dublin or Mall locations.
  • Classroom Students:
    • Assignments are due at the beginning of class at 1:30.
    • All exams are closed book and will be held during class time.
Dreamweaver CS6
Course Notes


All Students:

  • Email questions to Mrs. Eaton at
  • Important: Use Subject: ITD 110 Question - Your Name to help me respond to your emails faster. I do not respond to emails that do not have a subject.

Page Updated: May 2, 2017 10:07 AM

Week #
Due M1
Due DE Noon Assignment to Submit To Do and Corresponding Reading for Lecture

Week 1
Jan 23

T Jan 24 H Jan 26

See Blackboard for more to do this week.

Degree Track Sheet
IT majors use and complete your degree plan, and attach unofficial transcript. (20 points)
Important: If you are in another class with me this semester, then submit a document that states the class where you already completed the track sheet. You don't need to do the track sheet twice this week.

Note: If you are not an IT major, then check with your advisor or instructor for the location of track sheets for your degree program.

bullet1 Get Started with Code Avengers (20 points)
- Code Avengers Digital Systems I
-- Lesson 1 World Wide Web
-- Lesson 2 How does the Internet work?

Video Instructions

Meet your instructor, Mrs. Eaton
YouTube How to get back to Digital Postcard in Code Avengers
YouTube How to get to Lessons 1-2 of Digital Systems course
YouTube How to check your progress for Lessons 1-2 for Digital Systems
YouTube How to check your progress for all courses
  • Buy your materials this week.
  • Read Course Info (click button in navigation bar)
  • Read FAQ Frequently Asked Questions (click button in navigation bar)


Week 2
Jan 30


T Jan 31 H Feb 2

Word Getting to know you quiz (20 points)
Updated link 2/1/17. If you already completed it, don't redo it.

Code Avengers - Digital Systems I
-- Lesson 3 How we transport data across the Internet
-- Lesson 4 Break Down of URLs
-- Lesson 5 Parts of a Web Page
-- Lesson 6 Principles of Design
-- Lesson 7 Building a Website
-- Lesson 8 Tools for Building a Website

Bring your flash drive to class every day.

Instructors: Check for pre-reqs CSC 110, BUS 226 or ITE 115.


Week 3
Feb 6
T Feb 7 H Feb 9

bullet1 #3B Teams (25 points)

Code Avengers - Digital Systems I
-- Lesson 9 Services for Building a Website
-- Lesson 10 Resources for Building a Website

Code Avengers– HTML/CSS 1
-- Lesson 1 Paragraph and Break tags
-- Lesson 2 Title, Heading & Strong Tags



Week 4
Feb 13
T Feb 14 H Feb 16 Code Avengers– HTML/CSS 1
-- Lesson 3 Fixing Common HTML Mistakes
-- Lesson 4 Image Tag
-- Lesson 5 Linking Pages using the Anchor Tag
-- Lesson 6 More Common Mistakes

bullet1 Basic HTML page - Hello World

  • Right click to download and save in your itd110 folder.
  • View the file using Notepad to see the tags.
  • These are the tags required for complete web pages. It should help you understand the order of tags.
Week 5
Feb 20
T Feb 21 H Feb 23

Code Avengers– HTML/CSS 1
-- Lesson 7 Review Lessons 1-6
-- Lesson 8 Formatted Lists and Paragraph
-- Lesson 9 Google Style Guild for HTML
-- Lesson 10 Header, Footer & Section Tags

Thursday February 23, 2017

Adobe Creative Cloud Subscription Memorial Gift
See email and Blackboard Announcement for Details
Week 6
Feb 27
T Feb 28 H Mar 2

Code Avengers– HTML/CSS 1
-- Lesson 11 Introduction to CSS
-- Lesson 12 Common CSS Mistakes
-- Lesson 13 Using Pretty Fonts
-- Lesson 14 Add Style to Anchor Tags

Web Graphics Styling Basics

bullet1 Irene Pond Gazebo Image
Classroom students. Right click to download and save in your itd110folder.)

Mar 6    

Spring Break

Mon March 6 - Fri May 10, 2017

Week 7
Mar 13
T Mar 14 H Mar 16 Code Avengers– HTML/CSS 1
-- Lesson 15 CSS Google Style Guide
-- Lesson 16 Image Borders
-- Lesson 17 Spacing with Margins
-- Lesson 18 Shadow Effects
Week 8
Mar 20
T Mar 21

H Mar 23

#12A and #12B
T Mar 28

Code Avengers– HTML/CSS 1
-- Lesson 19 Background Images
-- Lesson 20 Style Header, Footer & Section


YouTube FTP using Dreamweaver CC


Web Publishing Basics

Note: Web server IDs and passwords created and posted on 3/21/17 Check Blackboard gradebook for your id and password.

Install Dreamweaver AFTER Apr 5, 2017. Dreamweaver trial will time out before you need it.

bullet1 #12A ePortfolio Home Page Simplied

bullet1 #12B FTP and Dreamweaver (35 points) Assignment will be graded from the web server. You will FTP your ePortfoilo files to the web server for this assignment.

Hall of Fame

Week 9
Mar 27
T Mar 28 H Mar 30

Code Avengers - HTML/CSS 2 Build an Interactive Travel Guide
-- Lesson 1 Intro to Level 2 HTML5/CSS3
-- Lesson 2 External CSS Stylesheet
-- Lesson 3 Audio and Video
-- Lesson 4 Comments in HTML & CSS Code

Week 10
Apr 3
T Apr 4 H Apr 6

Code Avengers - HTML/CSS 2
-- Lesson 5 Spacing with Padding and Margin
-- Lesson 6 Three Types of HTML Elements
-- Lesson 7 Make an Anchor Look like a Button
-- Lesson 8 Use RGB Color Values

Week 11
Apr 10
T Apr 11 H Apr 13

Code Avengers - HTML/CSS 2
Lesson 9 Use New CSS3 Properties with Browsers
-- Lesson 10 Use Gradient Color Fills
-- Lesson 11 Use Validation to Check the HTML Code
-- Lesson 12 Use the Figure Tag

AdobeInstall Dreamweaver AFTER
Apr 5, 2017. The free trial is only 7 days. You don't want your trial to expire before your last assignment is due. Click image to visit Software page on IT web site. Scroll down to Adobe section.

Week 12
Apr 17

T Apr 18



ePortfolio #C
and Track Sheets
H 4/20

H Apr 20



#C and
Track Sheets
T 4/25

Code Avengers - HTML/CSS 2
-- Lesson 13 Add Meta Tags
-- Lesson 14 Create a Table
-- Lesson 15 Style a Table
-- Lesson 16 Learn about Class Selectors

Word Doc Assignment- Bright Careers in Computers (25 points) - complete this assignment BEFORE you do the Registration assignment below

Registration Assignment (20 points) Track Sheet and UnOfficial Transcript - showing registration for next semester.
- Next semester registration starts 4/18/17. DE Students submit in Blackboard. Classroom students submit hard copy.

Track sheets are available at Instructions to print unofficial transcripts are at the top of the Degrees page.

Hall of Fame Section M1

  • Virginia Ingram
  • Chris Wimbish
  • Lauren Woodcock


ePortfolio Assignment #C Rollovers, External Style sheet and Projects page

pdfBasics of Web Design book 4 pages

  • See CSS3 Rounded Corners pages 184-185 of Basics of Web Design book for rounded corners.
  • See Center Page Content with CSS pages 186-187 of Web Design book to center content and use wrappers.




Week 13
Apr 24
T Apr 25 H Apr 27

Code Avengers - HTML/CSS 2
-- Lesson 17 Learn about Descendant Selectors
-- Lesson 18 Create a Header and a Footer
-- Lesson 19 Create a Navigation Bar
-- Lesson 20 Style your Pages for Printing

Dont Freak out!

4/24/17 Noon: Web Server seems to be having issues this afternoon. It was working fine this morning. Concentrate on getting your web site ready on your flash drive. We can FTP during class tomorrow if needed. files correct on your



ePortfolio Pages

The following assignments have been updated 4/18/17. So use the new simplied instructions.

bullet1 #9C Simplified About Me Page for ePortfolio (This will be graded as part of your final eportfolio)

bullet1 #10C Simplified LinkedIn Profile (This will be graded as part of your final eportfolio)

bullet1 #11B Simplified Flash Banner (This will be graded as part of your final eportfolio)

bullet1 Simplified Web ePortfolio Project (100 exam points)

ePorfolio Project
See good example of projects page by Seth Clements (Fall 2012)

Flash Banner
See examples by: Shannon Cressell
and Barbara Dalton

Week 14
May 1

See below

See below


CIW Site Development Prep

CIW Practice Test due before the exam

PDf fileInstructions to access your CIW Practice test. More later...

YouTube CIW Associate - Web Foundations Series from CIW certified
CIW Learn more about CIW

bullet Overview - CIW Site Development Associate

bullet Course Description - CIW Site Development Associate

bullet Exam Objectives- CIW Site Development Associate


Week 14
May 1
T May 2 11am
W May 3
Mall 109

CIW Site Deveopment Exam

Final Exam: CIW Site Development Associate Certification exam

Step 1: Day Before Exam

CIW Exam Start the CIW Site Development Exam process
Create an id and password. Use your NRCC email as your id. Save your id and password by creating a new contact on your cell phone.

Follow the instructions so that I can assign your CIW exam to you.

If you get a messge that your email already exists, then you need to click the link below and do the forgot your password thing.

Step 2: Regulations Agreement

CIW Exam CIW Site Development Exam login page.

Click the Agree button for the regulations page.

Step 3: Voucher

Mrs. Eaton has to assign a voucher to you before you can take the exam.

Step 4: Exam Group

Mrs. Eaton has to assign you to an Exam Group before you can take the exam.

Step 5: Take the Exam

Refresh your ctconline page to see your exam. Take the exam.


Exam Week Starts
May 8

T May 9
T May 9

Make up CIW exam if needed

You must purchase another CIW Proof of Purchase (POP) from the bookstore.

Bring the CIW POP to the exam time to retake the CIW exam.

Last Update: May 2, 2017

Copyright Carlotta Eaton