ITD 110 Web Page Design I

Assignments

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.
DW CS6
Dreamweaver CS6
Course Notes

Questions?

All Students:

  • Email questions to Mrs. Eaton at ceaton@nr.edu.
  • 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: March 23, 2017 1:34 PM

Week #
Starts
Due M1
1:30
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 www.nr.edu/it 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
01b-hello.html

  • 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

Deadline:
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 30 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 H Apr 20

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


Track Sheets

#9D Next Semester Registration Assignment (20 points) Track Sheet and UnOfficial Transcript - showing registration for next semester.
- Next semester registration starts x/x/x.

Track sheets are available at www.nr.edu/it. Instructions to print unofficial transcripts are at the top of the Degrees page.

bullet1 #9B Project Proposals (35 points)

bullet1 #9C ePortfolio About Me Page (30 points)

 

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

 

 

Media and Interactivity Basics

bullet1 Web ePortfolio Project (100 exam points) includes 2 new project pages

bullet1 #11B Flash Banner (25 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
T May 2 H May 4

CIW Practice Test
Final Exam: CIW Site Development Associate Certification exam

bullet1 #10B Web & Mobile App Job (26 points)

bullet1 #10C LinkedIn Profile (28 points)

Exam Week Starts
May 8

   

Final Exam
Make up CIW exam if needed


Last Update: March 23, 2017

Copyright Carlotta Eaton