Web Page Design


Syllabus


Week#

Monday

Tuesday

Wednesday

Thursday

Friday

1

Seating Charts & Introductions

Setting Up H: drives

Do Journal 1

Check out Cooltext and Fireworks - Do WesternWebs.com project.

Talk about HTML book, saving files, opening files.

Homework: Organizational Website Proposal - Due Next Monday

No School No School No School

Do HTML Book, Project 1, Step-by-Step (Pg. HTM1.08 - 1.30) See handout for special directions.

Do HTML Book, Project 1, In the Lab #2 (ITL2). Pg. HTM1.40

Do HTML, Project1, ITL3 (HTM1.41)

2

Homework Due:  Organizational Proposals.

Discuss HTML, project 1

Copy Data Files

Do HTML Book, Project 2, Step-by-step (Web Res).  Pages HTM2.11 - 2.52)  Save on H: as directed...No printing needed.

If time, do HTML, Project 2, ITL#3 (HTM2.63 - 2.64)

Convert your journal to a web page using HTML tags

Discussion: Managing files

Do recipe page

Do Journal 2

Begin organizational website.

If time, begin designing a banner for your organizational website using cooltext.

Discuss Graphics & Copyright

Check out Flickr creative commons

Discuss IMG tag and body background tag.

Do Web Page devoted to a free topic...include three pictures, text, and a background picture.

If time, begin searching for creative commons graphics for your org. site using flickr.

Fireworks - Creating Background Files

Adjust your JOURNAL web page...add one of your backgrounds.

Finish any old work or continue to develop your org. site.

 

3

Discuss tables

Do HTML Book - Project 3: HTM3.14 - 3.52 : Create a folder named Project3...save all files in this folder.

Discuss what you are editing.

Finish Book, Project 3 from yesterday.

Work on tables assignment - get handout.

PowerPoint - Drawing Button Bar Graphics

Discuss image mapping.

Creae a site with a button bar image map that links to five of your favorite websites (not blocked by school)

Do HTML Book - Project 4. (Image Maps). See these details

Finish all old work... I will check Ch3 & Ch4 projects from book during break

Do 2nd page for organizational website

  • Page 2 must have table
  • Both pages must link together
  • You may use a button bar to link pages together.
  • You may use <body background> graphics on either pages

Spring Break

4

Open / Explore Dreamweaver

Do Journal 3 Using Dreamweaver

Draw picture (JPG) using Paint of an area of the school. Save

 

Homework: Take digital picture (4 or more) of your virtual tour area.

Do WHS Website

As a class - do hyperlinks, background, and image.

Discuss sites - create site for WHS website.

Begin creating your profile page to post online tomorrow.

 

Homework: Take digital picture (4 or more) of your virtual tour area.

Finish your profile page.

Internet search - Find a web host

Discuss FTP - Copy FTP folder into H: drive.

Upload profile pages / find online

Sign up for moodle - post addresses of profile pages.

Rename Journals, upload and find. Write down address and submit.

Create personal directory for uploading files.

CTE Contest

Create CTE picture (jpg) and upload to server (as a class)

Find CTE address and profile address

Get signed up for moodle and post addresses to forum.

Work on virtual tour.

Dreamweaver Book > Chapter 1 > Colorado Parks. Get handout for details.

Do Crossword Puzzle review (see handout)

Homework: Work on virtual tour background work (drawing room and taking pictures) Due Monday!

 

5

As a class - set up folders & sites for ITL1 & ITL2

Do Dreamweaver Book, Ch1, ITL1 (Candles site) - Pg DW107-108

Do Dreamweaver Book, Ch1, ITL2 (Credit site) - Pg. DW109-111

Journal4 + Changes + Uploading (as a class)- Find your journal online and copy/paste address into new word document...print and submit.

Virtual Tour - Image Mapping with Dreamweaver

Organizational site - Discuss posting and work toward doing well on this rubric

Virtual Tour - Image Mapping with Dreamweaver

Upload Virtual Tours - Find online - Post address to moodle.

Organizational site - Discuss posting and work toward doing well on this rubric

Do Dreamweaver Book - Chapter 2, step-by-step (Colorado Parks). Pg. DW116-183..copy data file from data disk and begin at the start. You should already have a site.

 

If time - Organizational site -work toward doing well on this rubric

Do, Dreamweaver, Chapter 2, ITL1 (Candles) - DW190 - 192

Do Dreamweaver, Chapter 2, ITL2 (Credit) - DW192-195

When complete: Work on organizational website. Mid-term check next week. (See this rubric)...3 Pages are strongly suggested.

6

As a class - discuss Photostory

On your own, use photostory to create a movie...include pictures, text, and music. Submit through moodle.

Journal 5 - Upload when you are done.

Add movie to WHS Website.

Finish Organizational Website - Mid-Term Check

Upload your organizational website as directed. Post address to Moodle.

WHS Website, create virtual tour page.

WHS Website, create virtual tour page.

Moodle - Visit the Organizational Websites forum. Offer constructive comments for improvement on at least 3 other websites. Look for those not yet commented on.

Do Home Page assignment.

Finish any old work.

7

No School - PD for Staff

Do Dreamweaver, Ch3, Step by Step (Colorado Parks)

If time, begin DW, CH3, ITL1 & 2 (Candles and Credit)

Finish DW, Ch3, step-by-step (Colorado Parks)...stop at page 297.

Do Ch3, ITL1 (Candles) - DW303-304.

Do Ch3, ITL2 (Credit) - DW304 - 308

Journal 6

PowerPoint PDF Assignment

Finish DW Book work from Ch3.

If time: Check out this writing/art contest

Use word to create a student interest form - save as Word and PDF.

Link PDF to WHS site and upload entire WHS site

Find WHS site online and check.

Check / fix links on your Home Page and upload this site to your space.

Find home page, test links. Print home page address with name and block.

8

Journal 7 - Upload when you are done.

Catch up...finish all old work from DW book (Ch1-3) and otherwise.

If time, work on Javascript handout.

Dreamweaver - Ch4 - Forms. Copy data files (2 pages) from shared drive (ch4 > parks) into your parks folder.

Do Pages DW320 - 382

Discuss Forms

Create BFF Application - Upload and Submit address

Begin creating a FORM page for your organizational website.

As a class: Do Pizza Order Form

Dreamweaver - Do book, Ch4, ITL1 & 2. Pg. 388-392

Finish any work from Ch4 or earlier in the week.

Add a new page to your organizational site - use a form to collect info from viewers...Good design and appropriate use of controls is key.

9

Do Dreamweaver Book - Ch5 - Parks - DW400 - 460

 

Do Journal 8 - Upload when complete.

Discuss Journals.

As a class, create a template for 5 people,

Do 5 people project.

Finish 5 people project.

Work on Organizational website...new requirements include:
*PDF presentation
*WMV video
*Online form (submitted through email)

Do Dreamweaver Book - Ch5 - ITL1 & 2 (Candles & Credit). DW471-476

If time - Work on Organizational Website.

Learn more about CSS here

As a class - create CSS sheet for WHS site.

On your own - finish all Ch5 work

Work on Organizational Website

10

Discuss Flash - Read Tutorial

On your own - Attempt to make a flash animation. Submit SWF file through Moodle.

Use Moodle to submit 1st Flash Animation (from yesterday)

Create a Flash Animation for your Organizational Website

Do Flash Picture Slideshow.

Do Dreamweaver Book - Ch6 - Parks. DW484-536

Do Dreamweaver Book - Ch6 - ITL1 & 2 (Candles & Credit)

Finish all work from earlier this week.

Begin planning restaurant website. Use this sheet...due Monday

11

Finish / Submit Restaurant Website Planning

Set up folders, site, and template (see PPT)

Use template to create your 5 or 6 pages.

Continue working on restaurant site:

Add CSS page for body font (do this as a class)

On you own, develop media (banners, button, images for body, flash, wmv)

Work on Restaurant Website - Add content to pages.


 Do Journal 9 - Upload when complete.

Finish Restaurant Website - Add content to pages, hyperlink pages together, and finish anything else you might need to.  
•Should be
–Consistent and professional
–Rich with media
–Have quality content
–Be well-linked
•Upload entire site to your directory
•Find online…copy/paste/print Address

12

No School - Memorial Day  Finish Organizational Website - See these criteria

Do HTML Review Sheet
 Do Journal 10 - Upload when complete.

Review Study Guide

Make sure you've submitted your Restaurant AND organzational website addresses.
Exams Exams