Web 1 Assignment Calendar- Spring 2011

Spring 2010 Calendar

2/1/11 Week 1 Day 1 (All 8 Period day)

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

  • See overhead expenses details
  • Rough out the structure... wait to format
  • Write Sq Footage Formula
  • DON'T MERGE CELLS

2/3/11 Day 2

Collect signed Syllabi

Overhead Expenses

  • Finish all parts to Overhead Expenses
  • Discuss/Review absoute referencing
  • Don't forget the pie graph
  • Make it look like a finished product

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/7/11 Week 2 Day 3

Google sites

  • Must have a syllabus
  • Create a site
  • Name your site:
    • last name-web1
  • Make the URL the same
  • Copy/paste your URL to this form

Overhead Expenses

  • Review Sheet Protection
    • Make spreadsheet editable only in "Total Overhead Expenses"
    • (Lower yellow box in the picture)
  • Discuss grading
  • Discuss adding macros of EC... if you want!

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/9/11 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/11/11 Day 5

Continue Oly Discount

  • Project info
    • Discuss the $$ discount and total net price
    • Goal is to get this to run correctly today

Grade Overhead Expenses

Web Design

  • Google Sites
    • Change page names
      • page1 --> skills1
      • page2 --> web1
      • page3--> web2
    • Make all sub-page1pages " file cabinets"

2/15/11 Week 3 Day 6

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

Google sites

  • Take the web1--> sub-page2 rename web1 assignments
  • Upload your Overhead exp to the Web1 file cabinet
  • Create a link on the web1 assignements to the OH exp file
  • What is wrong with this solution?

2/17/11 Day 7

Continue Oly Discount

Project info

  • Share final products!!

Grade Overhead Expenses

Google sites

  • Find a way to link to your OH expenses so EVERYONE CAN VIEW
  • Change web1 --> sub-page3 rename to Gadgets
  • Find fun gadgets to add to this page
  • There are LOTS of them

 

 

top

2/21/11

President's Day

  • NO SCHOOL

2/22/11 Week 4 Day 8

Oly Discount

Google site research

  • You are caught up if you have...
  • Check these 2 web pages
  • MacDougall wants her site to look like Bruey
  • I'll explain details in class

2/24/11 Day 9

Oly Discount

  • Project Info
  • Show another great project
  • Continue work... last day

Google sites

 

 

 

 

2/28/11 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?????

Sites Feedback

  • Share checklist of completed work

 

Continue Grading

3/2/11 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/4/11 Day 12

Email check

  • Please check your spraguehs email account
  • I sent all of you a quick "test" email
  • Did you get it???

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!

Grading by end of 1st 6

If you are done...

  • Find a web-gallery and make a mini-website using the Rose Princess images

3/8/11 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/10/11 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/15/11 Week 7 Day 15

Address Book

Project information

  • Reports
  • Today:
  • Discuss queries and reports
  • Demo peel off mailing labels

Grade

Tugboat

3/17/11 Day 16

Address Book

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

Tugboat

Spring Break

3/21 - 3/25

 

We start Web Design unit when we return from break!!!

3/28/11 Week 8 Day 17

We Begin Web Design... Yeah!!

RWB boxes

  • Begin RWB box activity
  • Here is a picture of our goal
    • Create a folder named "rwb-boxes"
      • NO CAPS, NO SPACES
    • Copy/paste "starter-file.htm from files to copy OR
    • View source in link below provides code tool
  • Re-name the file "rwb-boxes-day1.htm"

3/30/11 Day 18

Painless Quiz #1

  • Truely painless
  • Open a WORD document
  • Save as painless-quizzes.doc
  • Answer questions given in class
  • Review/correct errors

RWB boxes (cont)

  • Copy/paste rwb-boxes-day1.htm file
  • Rename as rwb-boxes-day2.htm
    Goals:
    • Add "footer"
      • Discuss concept of "clear"
    • Adapt design...
      • Add a "header"
      Add inner-wrapper
      • Control multiple boxes

4/1/11 Day 19

Painless Quiz #2

  • Even less painful
  • Insert a page break in painless-quizzes.doc
  • Answer/check in class

RWB boxes (cont)

  • Copy/paste rwb-boxes-day2.htm file
  • Rename as rwb-boxes-day3.htm
  • Goals:
    • Start adapting design...
      • re-name boxes
        • More meaningful naming conventions
        • Change text too
      • Increase wrapper size
      • Re-size boxes... but there is a better way!
        • margin: auto auto;

A little fun...

  • Moveable boxes
  • Discuss in class
  • See files to copy for folder

 

 

4/6/10 Week 9 Day 20

Painless Quiz #3

  • Copy/paste quiz from files to copy
  • Copy INTO quizzes doc
  • Insert a page break and paste into page 3

RWB continued

  • Copy/paste current rwb-boxes-day3.htm
  • Rename to day4
  • Follow instructions in class
  • Goals:
    • Review:
      • float, clear, margin auto auto for centering
    • Create an inner-wrapper
      • Create the HTML and CSS
      • Center the wrapper
      • Re-size boxes to fit
      • Adjust margins
      • Remove left from nav
      • Remove top from nav and content
      • Make all widths and margins simple numbers

Movable boxes

  • Add an image in the box for fun!
  • Make a pattern
  • What can you make it do??

4/8/10 Day 21

Painless Quiz #4

  • Copy/paste quiz from files to copy
  • Copy INTO quizzes doc
  • Insert a page break and paste into page 4

RWB continued

  • Copy/paste current rwb-boxes-day4.htm
  • Rename to day5
  • Follow instructions in class
  • Goals:
    • Review:
      • Inner-wrapper advantages
      • Discuss Sprague's home page!
    • Dynamic content- huge step for our layout/design tools
      • Discuss replication and current design flaws
      • Demo changing content in FF edit CSS
      • Adjust all heights for changing content

Page layout

  • Use of headings and paragraphs and lists
  • Activity will be done in Word
  • Concepts are the same in Web
  • See files to copy for word doc

 

 

 

 

4/11/11 Week 10 Day 22

RWB boxes

  • Copy/paste current rwb-boxes-day5.htm
  • Rename to day6
  • Adding padding
    • Adds comfortable border for text
    • Adds size to your boxes VERY IMPORTANT
  • Add padding to:
    • header
    • nav
    • content
    • footer

page-layout#1

  • Review work from our "layout0" document
  • Copy/paste Word doc page-layout1.doc
  • Open and format using:
    • bolding
    • headings
    • bullet/number lists
    • text-alignment

Painless Quiz #5

  • Copy/paste quiz from files to copy
  • Copy INTO quizzes doc
  • Insert a page break and paste into page 5

4/13/11 Day 23

Painless Quiz #6

  • Same ol' drill
    • Files to copy
    • copy #6
    • paste into painless quiz doc

web1-site

  • See files to copy for web1-site folder
  • Copy/paste locally
  • Goals:
    • Get familiar with structure
    • Personalize all titles
    • Personalize self description
      • Make sure to add <p> tags!
    • Add your schedule
    • Research and add favorite links??

 

 

4/15/11

 

Furlough Day- No School

 

 

 

4/18/11 Week 11 Day 24

web1-site

  • Fix...
    • It is always a work in progress...
    • Remove the image from projects list
    • We will discuss why in class
  • Lists
    • Discuss List Structure
    • See favorite links section for code
    • Make a list under Projects
    • Make a bullet for each day for RWB
    • **We will need to adjust links-wrapper!**
  • Linking...
    • Do you have 3 educational links??
    • Discuss <a href> structure
    • absolute vs relative links
  • Practice
    • See files to copy
    • Copy folder... link-practice
    • Practice linking in 3 ways

4/20/11 Day 25

Back-linking

  • Review linking
  • In page3.htm, we will back link to:
    • page1.htm
    • page2.htm

Preparing for the web

Structure Transition...

  • Cut your rwb-boxes folder
  • Paste inside the web1-site folder
  • **THIS IS VERY IMPORTANT**

Linking...

  • RWB Linking
    • Make a link to each day for rwb project
    • **1This is a relative link path into the rwb folder**
    • Make a back-link to your index file from each day
    • ***do this in the footer when there is one!***

 

 

4/22/11 Day 26

Templates!

  • We are going to create a series of templates
  • rwb-day6 is our first!
  • Do the following:
    • Create a "templates" folder
    • Inside "templates", create "template1"
    • Copy/paste rwb-day6.htm into template1
    • Rename rwb-day6.htm to -------> template1.htm

True Power of CSS!

  • Removing and attaching the CSS
    • CSS in template1.htm is "embedded"
    • I will show you how to remove and attach in class
      • In template1 folder you will have:
        template1.htm
      • template1.css

 

4/26/11 Week 12 Day 27

FTP day!

  • File Transfer Protocol
  • Much to do today

#1 Structure is everything

  • Double check to make sure it is like mine :)

#2 Accounts

  • We need to make ftp accounts at InMotion Hosting
  • spraguehs.com is hosted there

#3 FireFTP

  • Installed plugin in Firefox
  • Connecting
  • Exporting the account info (DEEPFREEZE!)
  • uploading the site

4/28/11 Day 28

FireFTP

  • Import account info
  • Did you forget???
    • It will need to be rebuilt
    • Don't forget to export... it only has to be done once

Does it work???

  • Check this page
    • Select your name
    • Does it load???
  • Check all your links
    • Do they work?
    • Relative linking is critical

 

 

4/30/10 Grading Day!

 

No School for Students

Top

5/3/11 Week 13 Day 29

web1-site updates

  • Creating another row for more projects
    • Use the "links-wrapper" and divs inside
    • Create another "row" under this section
      • Section 1 will be for linking to our "templates"
      • Section 2 will be for linking to "additional Projects"
    • Naming conventions need to be discussed

Templates

  • Keep working on
    • Template1 (day6 from RWB)
    • Template2 (day6 adjusted to right hand nav)
    • Template3 (Add the "ad box" to T#2)

Painless Quizzes

  • Save as "html"
    • How does it look?
  • Upload to Googe docs
    • How did it turn out??

5/5/11 Day 30

I will be gone today...

  • Take good care of my sub... Mr Justino :)

Fire FTP review

  • Import fireftp settings
    • <Tools>< import> find file
    • Try connecting...
  • Did it work?
    • If not... get it to connect and EXPORT again
  • Mr J and Geoff will help
  • Upload your templates folder if you haven't

In links area added last class...

  • Link to Templates 1 - 3
  • Look back to RWB linking for help!
  • Upload your home page
  • Does it work online???

Work on Template 4

  • Create your own design!!

 

 

5/9/11 Week 14 Day 32

Import settings

  • Fireftp Tools--> Import--> Connect

Templates

  • Complete template #3
  • Work on 4 (your own design)
  • Link and upload

Painless Quizzes

  • 2 versions:
    • save as html
    • Google doc
    • Link and upload

I've "played student"...

5/11/11 Day 33

Discuss templates

Begin Favorite Bands

  • Or whatever favorite you want...
    • Goals for today
      Correct folder structure
    • Replication/navigation of chosen template
    • Click, click click working structure
  • Project info
  • Finish parts 1 and 4

 

 

5/13/11 Day 34

Grading

  • I will be grading templates/painless quizzes online
  • Make sure you have everything FTP'ed

Fav-Bands

5/17/11 Week 15 Day 35

Image-Text Activity

  • Demo
    • Formatting Images and text
    • Several possilble ways to achieve formatting goals
  • Activity
    • See files to copy for image-text folder
    • Goal #1 Re-define img tag
      • Replicate image so you have 3
      • Re-define img tag and make all float right
      • Fix any issues with margin
      • Save as: i-t_tag.htm
    • Goal #2 Working w/ classes
      • Add 2 classes and apply class to images
      • Make images alternate right lett (or left right)
      • Fix any margin issues
      • Save as: i-t_class.htm

Templates/Bands

5/19/11 Day 36

Image-Text Activity

  • Demo
    • Formatting Images and text using divs
  • Activity
    • Add divs to your i-t.htm file
    • Control image and text using "boxes"
    • save as: i-t_div.htm

Fav Bands

  • Use what you learned about images
  • Add at least one image to each page
  • Home page too
  • Project Details

 

 

5/23/11 Week 16 Day 37

Image-Text

  • Goal #3 add class to div ... add caption
  • Demo my solution
  • Do your best to model/make
  • Lots of solutions

 

Fav Bands

  • Use what you learned about images
  • Add at least one image to each page
  • Home page too
  • Project Details

 

5/25/11 Day 38

We need to step back...

  • Check grade in Adkins\grades folder
  • Templates have been graded (kind of)
    • Only 15 points now... will grow to 30 (or more?)
    • Careful evaluation coming soon
  • Take some time to get this online today :)

 

Fav Bands

  • Use what you learned about images
  • Add at least one image to each page
  • Home page too
  • Project Details

 

5/27/11

Furlough Day

  • No School

 

 

 

5/31/11 Week 17 Day 39

Site Requirements

  • On your website you should have:
    • 6 days of RWB project
    • Don't forget back links
  • 3 Educational, Favorite Links
    • Target these "blank" (and only these)
  • 4 Templates
    • Back links again
  • Painless Quizzes- 2 versions
    • Word "save as web page"
    • Google doc
    • Add back links too

Fav Bands

  • Keep working on part 7... adding content
  • Use what you learned about images
  • Add at least one image to each page
  • Home page too
  • Project Details

6/2/11 Day 40

Site Requirements

  • On your website you should have:
    • 6 days of RWB project
    • Don't forget back links
  • 3 Educational, Favorite Links
    • Target these "blank" (and only these)
  • 4 Templates
    • Back links again
  • Painless Quizzes- 2 versions
    • Word "save as web page"
    • Google doc
    • Add backlinks too

Fav Bands

  • Keep working on part 7... adding content
  • Use what you learned about images
  • Add at least one image to each page
  • Home page too
  • Project Details

 

6/6/11 Week 18 Day 41

Favorite Bands

  • Miscommunication
    • Must have a link to bands on home page :)
    • 1 Option...
      • Add under Painless Quizzes
      • Change category title to "Other Projects"

Feedback

  • Templates
  • Home Page changes

6/8/11 Day 42

Favorite Bands Feedback

  • Fix/finish what you can...

Home Page

  • Fix/Finish what you can

Templates

  • Fix/Finish what you can

6/10/11 Day 43

Favorite Bands Feedback

  • Fix/finish what you can...

Home Page

  • Fix/Finish what you can

Templates

  • Fix/Finish what you can

Back to top

6/13/11

Final Exams

    • Periods 1, 2, 3

6/14/11

Final Exams

  • Periods 4, 5, 6

 

 

 

 

 

 

 

 

 

6/15/11

Final Exams

  • Periods 7, 8