Web 1 Assignment Calendar- Spring 2010

Current Calendar

2/2/10 Week 1 Day 1

Welcome

  • Discuss prerequisites/placement

Syllabus

  • Parent/student read sign and return syllabus
  • Discuss major details

Getting Started

  • Create personal folder in T:
  • Folders, Usernames and passwords for tech2

First project- Overhead Expenses

2/4/10 Day 2

Collect signed Syllabi

Overhead Expenses

  • Finish all parts to Overhead Expenses
  • Don't forget the pie graph
  • Make it look like a finished product
  • Security (Sheet vs workbook) and file passwords

Web Project

  • Build a Google Site
  • You MUST have signed syllabus
  • You must have/make a google account first
  • Here is my quick example
  • Vinny-Kevin's OELA project

 

 

 

 

 

 

2/8/10 Week 2 Day 3

Google sites

  • Make sure you have 1
  • Copy/paste your URL here
  • Your site will be viewable from this page!

Overhead Expenses

Begin Oly Discount project

  • Open a new Excel file
  • Save as: last first oly discount
  • Demo V-lookup process- practice together (insert practice sheet!)
  • Demo finished product
  • Begin Oly Discount project

2/10/10 Day 4

Continue Oly Discount

Grade Overhead Expenses

Web Design

  • Google Sites
  • See Vinny/Kevin's OELA project
  • Create nav structure
  • page1
    • sub-page1
    • sub-page2
  • page2
    • sub-page1
  • page3
    • sub-page1
    • sub-page2
    • sub-page

2/12/10 Day 5

Continue Oly Discount

Project info

  • Gradebook ex- true vs false in vlookups
  • Discuss error trapping for Oly Discount
    • Discuss data validation/formatting
    • Sheet protection for final product

Grade Overhead Expenses

 

2/17/10 Week 3 Day 6

Continue Oly Discount

Project info

  • Discuss "named regions" again
  • Grading- We are close to finished

Grade Overhead Expenses

Google Sites

2/19/10 Day 7

Oly Discount

If you are done

  • Work on your Google site
  • Add a "text box" side bar item
  • Make a link to http:spraguehs.com
  • Add 2 more links that you like
  • Add a few gadgets... there are a bunch
  • OR...

Google Sketchup

  • See the install file in files to copy
  • Copy the file locally and install
  • What can you make it do???

 

 

top

2/23/10 Week 4 Day 8

Photoshop project

  • Correctly crop and resize images
    • Web file formats, jpg, gif, png
    • Compressing jpg images will be taught
  • Roosevelt Princess ex
    • Go to files to copy
    • Copy the folder of images
    • Demo given in class
    • Complete thumbnails today
    • Instructions

Google sites- My Example

  • If you haven't pasted your URL... do so below
  • Clean-up missing pieces- Requirements
  • New Tasks for today
    • Upload Overhead Expenses to Google docs
    • Publish as a web page
    • Link to your published spreadsheet
    • Add an mp3 "gadget" to your page
    • "Velveteen Rabbit" is required

Grading Oly Discount

2/25/10 Day 9

Google sites

Photoshop

Finish up Rose Princess

Get caught up...

I don't want to move on

Too many loose ends

Due:

  • Overhead Expenses (most everyone is done)
  • Oly Discount (Most are not)
  • Rose Princess (finish up both small/large)
  • Google sites (on going...)
  • If you are done, how much can you do in sites?

 

 

 

 

 

 

3/1/10 Week 5 Day 10

Rose Princess

  • Project info
  • Grading starts today
  • Show edited versions in class

Web Album Generator

  • New images "tugboat' (See files to copy)
  • bmp images must be saved as jpg in order to:
  • Create the "album"
  • Add the text
  • Edit the CSS?????

Continue Grading

3/3/10 Day 11

Rose Princess

  • Project info
  • Grading starts today
  • Show edited versions in class

"Tugboat"

  • Editing the album in Firefox
  • Adding touches you like
  • Some requirements will be discussed
  • First time for true web design!

Continue Grading

3/5/10 Day 12

Rose Princess

  • Project info
  • Grading starts today
  • Show edited versions in class

"Tugboat"

  • Editing the album in main.css
  • Adding touches you like
  • Requirements
  • First time for true web design!

Continue Grading

Begin Address Book????

3/9/10 Week 6 Day 13

Access Activty

Address book

  • Steps 1 - 6 today
  • WARNING!
  • When adding your own data, make sure to add multiple emails and phone numbers!!

Tugboat

Grading by end of 1st 6

3/11/10 Day 14

Tug Boat

Address Book

Project Information
  • Steps 7, 8, 9
  • WARNING!
  • Your data must have multiple email addresses, phone numbers and comments or your queries/reports won't be counted

Grading by end of 1st 6

3/12/10

 

Grading Day

  • 1/2 Day Grading
  • 1/2 Day Inservice

 

Back to top

3/16/10 Week 7 Day 15

Address Book

Project information

  • Reports
  • Forms
    • Making the db user friendly
    • Steps 10,11

Tugboat

3/18/10 Day 16

Address Book

Project Information
  • Step 12
  • We will skip step 13
  • Address Book due today
  • Copy/paste to folder in submissions

Tugboat

Spring Break

3/22 - 3/26

3/29/10 Week 8 Day 17

Tugboat

Begin Web Unit

3/31/10 Day 18

RWB Boxes

  • Review CSS, HTML
  • Review RWB from last time
  • Adding a 5th box
  • Positioning
  • What else??
  • We'll see how far we get

Tugboat

4/2/10 Day 19

Rwb Boxes

  • Completed:
    • Correct HTML and CSS for:
      • header, nav, content, footer
    • Added "inner-wrapper"
    Still to do:
    • Centering boxes
      • adjusting all boxes for centering
    • Adding content
      • adjusting CSS for dynamic content

Tugboat

 

 

4/6/10 Week 9 Day 20

Tugboat

  • Rename tugboat folder
    • last first tugboat
  • Copy/paste to the folder in submissions

RWB continued

  • Copy/paste current rwb-boxes.htm
  • Rename and add day3 NO SPACES
  • Open rwb-boxes.htm
  • Follow instructions in class
  • Goals:
    • Clean-up box sizes for next step
    • Further our knowledge of float/clear/margin
    • Adding content
    • Adjusting for dynamic content

4/8/10 Day 21

RWB (cont)

Copy/paste and rename to day4

Goals:

  • Increase wrapper width
  • Adjust all margins
  • How to center boxes
  • How to center text
  • Both very important
  • Accomplished very differently

Details:

  • Center:
    • Wrapper
    • Header
    • Inner-wrapper
    • Footer
    • Adjust margins accordingly

Web Template

See files to copy for template folder

Copy/paste locally

Goals:

  • Get familiar with structure
  • Personalize all titles
  • Personalize self description

 

 

 

4/12/10 Week 10 Day 22

Web-Template:

Make sure you have:

  • Personalized all titles
  • Add your self description
  • Added your schedule

New Today:

  • Fix Self description...
    • 2 paragraphs... paragraphing in HTML
      • Online help!!
    • padding vs margin... it is coded incorrectly!
    • use padding correctly
    • use margin... if needed?

RWB

  • Duplicate rwb-boxes.htm
  • Rename to index.htm
  • Rename rwb-boxes.htm to
    • rwb-day5.htm
  • Add navigation to index to each file
    • (see web-template links for help)
  • On each page link back to index.htm

Goals for 4/12

4/14/10 Day 23

Are you staying caught up?

  • Check this link...
  • You should have all this completed from last time

Web-Template Updates

  • Create comfortable space in the table
  • Text "bumps" into borders
  • Fix padding/margin coding issues

New topic... Templates

  • Make a new folder... templates (no caps)
  • Inside "templates" make template1 folder
  • Copy/paste rwb-day5 into template1 folder
  • Rename to index.htm
  • Change title template1-home

New skills...

  • remove embedded css into its own css file!
    • name it index.css
    • We will do this together
  • template2!
    • Copy/paste template1 folder
    • Rename template2 (big surprise)
  • Create template2
    • (formerly named flex-structure)

4/15/10 Day 24

Really 23.5... all 8 period day!

 

w3schools

A tremendous resource

  • Take the CSS Quiz!
  • Record your score with me!

 

Staying Caught Up??

Quick Week Summary...

Web-Template

  • Fix Self Description (from 4/12)
  • Fix Schedule (from 4/14)

RWB

  • Create 5 page mini-website
  • Don't forget back links in footer

Templates

  • Create template1
  • Create template2

CSS Quiz (see above)

 

 

4/19/10 Week 11 Day 25

Text-Graphics intro

We will use template1 for practice

  • Copy/paste template1
  • Rename to t1-practice

Class Demo

  • Adding text (don't forget <p> tags)
  • Adding the image
  • Make textt/graphics work together
    • Many different ways to accomplish the goal
  • Your turn... Make text/graphics work!

 

Web-template

Create consistent use of padding/margin

Look at:

  • #self Description
  • #schedule (and table too)
  • #links-wrapper
  • #footer
  • Remove all borders and use <hr/>??????

 

4/21/10 Day 26

Blogging...

  • Make sure you have a blog to edit
  • Demo using Edit Options in blogspot

Web-template

  • Add 3 EDUCATIONAL links
  • Find educational website links
  • Add these to the "favorite links" section
    • All these links are external
    • They require "http:/ etc"

My Favorite Bands!

We start building our first true mini website

Skip parts 1 - 3

  • Directions to get to part 4:
    • Replicate template1 folder (copy/paste)
    • Rename to fav-bands

Start with Part 4

  • Finish parts 4 and 5 for sure
  • Part 6 Begin research
    • Adding the content to the bands

Grading:

  • I will be grading RWB boxes in class

4/23/10 Day 27

Blog editing!

  • Make your blog fit 1024 resolution
  • Change any/all widths to fit 1024
  • Try to create more room in the "content"
  • If it looks funny... don't worry about it!

 

My Favorite Bands!

Continue work on part 6

Must haves:

  • 1. h1 tag for band title
  • 2. text about your band (a little research)
  • 3. an image
    • cropped/sized/compressed
    • appropriately placed/controlled via CSS
    • text/graphic must work together
  • 4. a list of band members
    • LIST is the key word

4/27/10 Week 12 Day 28

Structure Transition...

  • Cut your rwb-boxes folder
  • Paste inside the web1-template folder

Web Template

  • Remove any "padding-top: 25px"

Under Projects:

  • Create a list
  • Make a link to your RWB index.htm file
  • You must create the path in the link!
  • I MUST GRADE RWB THIS WEEK!

Favorite Bands

  • Continue adding Content- Part 6
  • I'm very picky here!

4/29/10 Day 29

Web Template/RWB

Creating back links

  • Open rwb-boxes/index.htm
  • Create a back-link in the fooer to:
    • web1-template/index.htm
  • Discuss ../

Favorite Bands

  • Content
  • I'm very picky here!
  • Part 7 Adding content to index

Grading:

  • RWB box activity
  • Web template updates

 

 

4/30/10 Grading Day!

 

No School for Students

Top

5/4/10 Week 13 Day 30

FTP Day!

  • Big day for us!
  • Structure is everything!
  • REPEAT... STRUCTURE IS EVERYTHING!
  • Follow directions above to create correct structure
  • THIS IS CRITICAL... NO ERRORS

Process:

  • Fix structure above
  • Make an account at InMotion (in class)
  • Create account with FireFtp (in class)
  • Export the account (Critical!)
  • Practice FTP
  • Check to see if your page is uploaded!

When you finish FTPing

Work on favorite bands

5/6/10 Day 31

FTP review

  • Review structure
  • Import FireFTP structure
  • If you forgot last time... it will have to be re-done
  • Practice upload download
  • Review local/remote structures
  • KEEP BOTH SIDES EQUAL!
  • Always work on the local and upload to remote

Favorite Bands

 

 

5/10/10 Week 14 Day 32

Review/Bands Cleanup

  • Linking and back linking
  • Adding a link to your Favorite bands
  • Add back links to the footer
  • FTP to spraguehs.com
  • Checking online for completeness

Page layout

For readability and access

  • Download this Word document
  • Add formatting to this page
  • Make it easy to read and understand

5/12/10 Day 33

Adding your templates

Linking to your templates

  • Discussion:
    • index.htm in the root of templates folder
    • index.css as well
    • Add links to nav
    • See my UNFINISHED example

 

Page layout due today

  • Copy/paste to submissions folder for grading

Continue Working on Bands

  • Grading will take place next week

 

5/14/10 Day 34

Navigating your site!

You should have links to:

  • RWB boxes
  • Templates
  • Favorite Bands

Each mini website should:

  • Have a menu to display each page
  • NEVER require the browser back button
  • Back link names should be meaningful

All of this should be online for grading at spraguehs

 

 

Completion of Favorite Bands in not required yet

 

JUST NAVIGATING THE MINI SITE!

5/18/10 Week 15 Day 35

Page layout/design

  • Share submitted formatting Word docs
  • Share my solution
  • Save as: web page
  • Check code! What does it look like??

Creating Template Navigation

Demo

  • Moving from 1 folder to another and ../
  • Check for correct navigation today
  • Bands
  • Keep working on it

Review Bands Requirements

Project Details

  • In simple form:
    • Headings (h1, h2, h3)
    • Image that has wrapping text
    • Background info
    • Lists (<ul>, <li>)
    • Navigates perfectly (no browser back button)

5/20/10 Day 36

Favorite bands demo

  • Sharing my "nav" buttons
  • Cleaning up my alignment problems
  • Cleaning up incorrect names...
  • Improving navigation logic

Review Bands Requirements

Project Details

  • In simple form:
    • Headings (h1, h2, h3)
    • Image that has wrapping text
    • Background info
    • Lists (<ul>, <li>)
    • Navigates perfectly (no browser back button)
    • LAST DAY TO WORK !

If you are done:

Let me review...

  • Make a new page from one template
  • CREATE A FUN PAGE!
  • Put on the page as many "moving objects" as you can! Have some fun!

 

 

5/24/10 Week 16 Day 37

Evaluting Favorite Bands

  • Use the evaluation sheet
  • Evaluate someone's website
  • EVERYONE MUST BE EVALUATED
  • I won't evaluate until someone else does

Building from scratch

Template #3

  • Class directed activity
  • Design will be drawn on the board
  • How do you turn it into a web page?
  • What HTML is needed?
  • What CSS? etc

5/26/10 Day 38

Image gallery project

New this semester

  • Step 1
    • Use "Snag-it"
    • Snag the home page of all our client sites
    • Save all images to a folder
  • Step 2
    • Find an "image gallery" you can download
    • Use these images in the gallery
    • Make sure you can make captions
    • Give credit to all students in caption
  • Step 3
    • FTP to your site
    • Link to it from your template index

 

5/28/10 Day 39

Priorities

  • Finish Favorite Bands
    • Project Details
    • Must be evaluated by another student!!
    • I will grade this weekend
  • Template #3
    • Complete the design
    • FTP to your site
    • Add links in your template mini-site
  • Image Gallery
    • See list from 5/26

 

 

6/2/10 Week 17 Day 40

DreamWeaver Intro!

  • Getting started...
    • Change screen resolution to 1024
    • Make a site map
    • Test/connect
    • Export
  • Using DW to create proper pages
    • Headings
    • lists (ol and ul)
    • sublists
    • Making links
    • And much more!

Favorite Bands feedback

  • Image Compression
  • Correct list code
  • Fix your errors...

6/4/10 Day 41

DW Continued

  • Import site map
  • "My Favorite TV Shows"
  • Copy/paste folder from files to copy
  • Edit "Modern Family" together
  • Create your own page

Fixing/grading Bands

  • Make changes to earn a grade
  • Show me in class
  • Drop by before, after, lunch

 

6/8/10 Week 18 Day 42

Favorite TV shows with DW

Finish favorite TV shows

  • H1 tv show name
  • H3
    • background info
    • cast
      • in a list
    • source
      • link to wikipedia

Favorite Bands

  • Finish and get re-graded
  • We will have only today and finals

Main- Index links see 6/10

6/10/10 Day 43

Senior Assembly

  • Mr. Weeks will escort you to the assembly

Main-Index Links

  • Change "Favorite Links" to "More Projects"
  • Remove your favorite links
  • Add/Move Web Client Gallery
  • Add/Move Favorite TV shows
  • See my example

 

 

Back to top

6/14/10 Week 19 Day 43

Final Exams

  • Period 2 Exam is Today!! To do's:
    • Get your Favorite Bands re-graded!
    • On your main-home links to:
      • RWB boxes
      • Web Templates
      • Favorite Bands
      • Web Client Gallery
      • Favorite TV shows
      • See my example

6/15/10

Final Exams

 

 

 

 

 

 

 

 

 

 

6/16/10

Final Exams