Dreamweaver Test -- test on Thursday/Friday,
January 16/17

Text and Table Assignment due Friday, January 25

Web Site -- due Friday February 8
     Grading Rubric



Dreamweaver Basics
Note that ALL web page file endings will be .html instead of .htm as referenced in the text.
January 8 -- TEKS

Objective:
Work with the web application – Dreamweaver—to create web content and publish sites
Dreamweaver Workspace and Menus

  • Starting Dreamweaver
  • Identify panels and the menu bar
  • Select between the Dreamweaver MX and Dreamweaver 4 workspace
  • Identify the Dreamweaver MX toolbars
  • Open menus and select menu commands
  • Read pages 2 - 9 in text
  • Work through the Exercise Directions on pg. 11. Note that some of the file locations may differ. Dreamweaver has an icon on the desktop.
  • Setting up a Site
  • Work with folder that contain web sites
  • Create and name a new Web site
  • Configure the Web site
  • Work with panels
  • View site files
  • Recognize sound Web design guidelines
  • Set up your site in Dreamweaver. Use the FTP guidelines if you need help.
  • Create a web page.

Read pages 18-19 in text.

Work with Workspace Tools. Read pages 19-20

Assignment: Create the content.html file that will be used to navigation through your Web Mastering Portfolio. Follow all directions from file structure.

Materials: Networked Computer Lab, Access to Student Server and whstech.com server & textbook

Follow Up/HW: Read Chapter 3 in text
January 9/10 -- TEKS -- test on Wednesday/Thursday, January 16/17

Objective: Create content on a web page using Dreamweaver

Folder Structure Quiz -- in class
Dreamweaver Workspace Quiz -- in class

Set-Up site in Dreamweaver -- Read Chapter 2 pg. 14-22

Tutorial for Site-Map:
      Access Help
      
Procedures on pg. 23-24 (linked if you have no book)
January 11 -- TEKS -- test on Wednesday/Thursday, January 16/17

Objective: Edit text using the properties panel and dropdown menus

Activity:

  • Map site to your folder on the student server
  • Open the surf_hawaii.html file found in the @pickup folder
  • Save the file to your classwork/dreamweaver folder

Text Tutorial is at Workstation -- Do NOT remove from the classroom.
completed_surf_hawaii.html

By the end of class today, you should have completed through Step-By-Step 1.17 pg. 24
At the end of class -- save file and remember the step and page that you are working on.

Enter Text and Format Text

  • Enter text on a Web page
  • Import text from Microsoft Word
  • Insert special characters
  • Check spelling
  • Modify text appearance with character and paragraph formatting
  • Apply paragraph and heading tags
  • Create bulleted and numbered lists
  • Change text size

Materials: Networked Computer Lab, Access to Student Server and whstech.com server & textbook, and tutorial packet (Macromedia Dreamweaver MX 2004 -- Thompson)

Follow Up/HW: Make necessary corrections on Mutant Project site
January 14 - test on Thursday/Friday, January 17/18

CSS Styles -- As you design your Web pages, you will want to use font changes to make your pages more interesting. You can easily change the font face, including its size and color, but if you want the same color, the same font face, and the same size for all your pages, you would have to remember the settings from page to page.

Cascading Style Sheets (CSS) saves the text and paragraph formatting from selected text, making it easy for you to apply that style to other paragraphs in your document or to any document in your site. If you change a CSS style, text originally formatted with that style does not change.

Work through Step-By-Step 1.20 together

To apply a style to a selection, you have to highlight all of the appropriate text before applying the style. To apply a style to an entire paragraph, you just have to place the insertion point within the paragraph.

Complete packet --through step 1.27 by the end of class Monday.
If you have not completed the entire packet, you MUST attend tutorials to complete this lesson.

Tutorials: -- Tuesday after school. 3:30 - 4:15 or Wednesday during either lunch

Materials: Networked Computer Lab, Access to Student Server and whstech.com server & textbook, and tutorial packet (Macromedia Dreamweaver MX 2004 -- Thompson)

Follow Up/HW: Make necessary corrections on Mutant Project site
January 15/16 - test on Thursday/Friday, January 17/18

Objective: Create links using Dreamweaver

Using Links and the Site Panel

  • Create relative links
  • Create absolute links
  • Create and link to named anchors
  • Create e-mail links
  • Perform site maintenance tasks in the expanded Site panel
  • View the site map
  • Check links in a site

Classwork: Work through Chapter 4 together. Note the various panels that are used to create various links.

Assignment: Set up a site in Dreamweaver that uses this folder for the local files. There is no need to set up the remote server. Work through the Exercise on pg. 47 as a class. All files should be saved to your cincitorial folder. This exercise should be complete by the end of class on Monday, January 14.

If you need extra time, I will be available after school Tuesday and during both lunches on Wednesday, January 16. Please make arrangements to come in early or stay late if you have been absent, or need extra time. Your cincitorial web site will be graded after January 16.

Materials: Networked Computer Lab, Access to Student Server and whstech.com server & textbook
Follow Up/HW: Read pages 50 -59 before class tomorrow.

January 17/18 TEKS-- Test

Dreamweaver Test

January 22-25

This first practices and exercises introduce Dreamweaver and discusses how to create a Web site and Web page documents, add tables and special characters, and create hyperlinks.  You will learn to check spelling, use help and view a Web page document in a browser.  Complete the date you complete each practice or exercise.  You will be working independently, but should meet the minimum page completion each day.  Tutorials are Tuesday afternoons and either lunch on Wednesday.

Practice/Exercise

Topic

DUE DATE

Date completed

If incomplete, # you are working on

Practice 1

Create a new folder in classwork/dreamweaver called computerergonomics.  Go to file>new and create a basic html file

Done in class 1/22 (no handout)

    

Practice 2

Save a web page to the proper folder; change views; change page title

1/22

    

NOTES

Reading assignment:  4-7 - 4.10
Keep in  notebook to review for test

Handout given in class 1/22

Practice 3

Add a table to a web page and edit the properties o f the table

1/22

    

NOTES

Reading assignment:  4.11 – 4.12
Keep in notebook to review for test.

Handout given in class 1/22

Practice 4

Add and edit content and check the spelling in a Web page document.

1/22

    

Practice 6

Open an existing Web page document, create two new Web page documents, add content, and view different Web page documents

1/23-24

    

Practice 7

Create hyperlinks, test the hyperlinks and print Web pages. (You are responsible for stapling your pages and putting them in the “black box”.

1/23-24

    

NOTES

Chapter Summary – READ carefully.

Keep in notebook to review for test.

Handout given in class 1/23-24

REVIEW QUESTIONS

Answer questions on your OWN notebook paper.  These should be done at home.  Due in class on Friday

Homework Assignment
given in class 1/23-24

DUE in class on Friday, 1/25

All sites should be created in the classwork/dreamweaver folder!  Printed work MUST have your name and you are responsible for turning it into the black box.

Exercise 1

Create a new Web site about cooking with herbs.  (folder should be named)  cookingherbs

1/23-24

    

Exercise 2

Create a new Web site about clouds.

(folder should be named)  clouds

1/23-24

    

Exercise 3

Create a new Web site about sharks.

(folder should be named) sharks

1/23-24

    

Exercise 4

Create a new Web site about swallowtail butterflies. (folder should be named) swallowtailbutterflies

1/23-24

    

Exercise 5

Create a new Web site that contains inspirational quotes. (folder should be named) quotations

1/25

    

Advanced

Add a Web page to the Quotations Web site

1/25

    

Turn in your log when you have completed all practices and exercises.

Contract:  The practices and exercises for this unit are to be completed independently.  Work at the fastest pace that you can.  The files are due at the end of class on Friday 1/25.  If you are absent or miss class for any reason, you are responsible for this work. (all make-up work MUST be completed by next Wednesday, January 30 after B lunch)

Grading Contract:

Completing the Practices, 2, 3, 4, 6, & 7                              highest possible grade is a 70

Completing through Exercises 1 & 2                                   highest possible grade is a 75

Completing through Exercises 3                                          highest possible grade is a 80

Completing through Exercises 4 & 5                                   highest possible grade is a 90

Completing the Advanced activity                                       can earn 100 %

Review Questions turned in and completed on Friday (with correct answers) – 100%

10% off each day late through next Friday 2/1

I have read the contract above and realize that my grade will be based on the number of practices and exercises that I am able to complete correctly during class time.

_____________________________________________
signature                                                    date

January 28

Objective: Outline the steps in developing a web site

Activities:

  • Define the purpose and target audience
  • Determine the Web pages and navigation structure of a Web site.
  • Determine the content of Web site.
  • Determine design of Web pages by sketching the page payouts.

Students should determine a topic for a multi-level web site.

Work in groups to determine the purpose and target audience for the following:

  • A Dental Office
  • A Bicycling club

 Determine the Web Pages and Navigation Structure for one of the sites.  Create a storyboard and navigation structure for the website.

Materials: Paper and pencil.  Handout – Chapter Summary – Web Site Development.

Follow Up/HW:  If review questions for content unit were not complete, complete.  (10% pt. reduction)

 January 29

Objective:  Define Navigation Bar and design concepts. Work with the Assets panel to create consistency.  Merge and split table cells.

Warm-Up: Answer questions 1-9 on your own paper. Use the chapter summary from Monday for help in aswering the questions.

Activities:   Sketch a design for the Pasta Restaurant discussed in the prior lesson.  Refine the content layout of the home page for the pasta page.  The page should include:

  • A brief statement about the pasta restaurant
  • An image related to the restaurant
  • The restaurant address, phone number, and hours of business

Sketch the layout.

Discuss folder structure

The assets panel helps web site development by listing objects, such as images, that are available in the site.  It is located in the Files panel group.

Create Library Items:  found in Assets panel.  File ending is .lbi  (good to have when item will be used on multiple pages)

Tables:  Cells in a table may be merged into one cell or split into separate cells to help layout a Web page.  Practice 6 with class – guided instruction

Review copyright and date insertion  -- this was covered in prior lessons

Complete Exercise 1 – Create a new web site and organize the files and folders.  Create a new folder names hockeyleague in the classwork/dreamweaver folder on the student server.  Files needed for this lesson are in the @pickup folder on the student server

Materials:  Exercise 1, files for the @pickup folder

Follow Up/HW: Vocabulary – handout; Review Questions -- handout
January 30-31

Objective:  Create an original banner for a web site

Activities: Search web sites for images to use for a web site site

Since a banner comes at the top of each page in a site, it is the single most important part of your site's design. It sets the style and mood, the colors and fonts, and even the layout of the body text and graphics. If you create your banner with care, the rest of your design decisions will easy. The following directions will help you make a simple (but oh so important) personal homepage banner in Photoshop.

Create a folder in your classwork/dreamweaver/hockeyleague folder called banner. This is where you will save all the graphics and rough drafts used for your banners.

Access the banner handout and complete the directions.

When your banner is complete, be sure to save for the web. The final image should be saved to the images folder.

Insert the image into the web pages and replace the original logo. Resize each table to 640 px. and align to the center.

Save all pages. Exercise 1 --

Replace original banner with the one you made in class
Resize tables on all pages to 640 px.
Align Center
Tthe Hockey League website, should be completed by the end of the period
DO NOT PRINT

Materials:  banner handout

Follow Up/HW: Review Chapter Summery and answer select questions from Chapter Review.    Decide on a topic for a website:  local club or business

 February 1- 8     Web Site MUST be finished at the end of the period on Feb. 8

Objective:  Develop a multi-level Web site. Handout for assignment will be given during the class period. You MUST turn this in upon completion. --copy of handout

Activities: The Web site can be for a local club, such as a bicycling club or a debate club.  The Web site should include news about the club, club events, and appropriate topics for the club. –OR- The Web site can be for a local business.  The web site should include the office hours and location, information about the business, and education information about the ‘product’.  Complete the following steps:

Grading Rubric for Web site

  • Determine the purpose and target audience
  • Determine the Web pages and then sketch the navigation structure.
  • Determine the content and navigation links for each page.
  • Sketch he design for each page.  Include details about tables.
  • Create the Web site and name it
  • Create Web page documents, appropriately named, and add the content.
  • Check the spelling in the Web page documents.
  • View each Web page document in a browser window and test the hyperlinks.

Useful sites to aid in your site development

  • Alignment -- Placement of items on the page is essential to Web page design.
  • Dreamweaver Tutorials
  • Color Checker -- online color check determines the color difference and contrast between any two colors.
  • Rollover Images in Dreamweaver
  • Free Photos -- ONLY use images from the following sites or those that were actually taken by YOU. All images used MUST be sited properly according to the site's licensing rules.
    • Other Image Sites
      • FWS: Wildlife, Animals, Plants, Environments
      • NASA JSC: Earth from Space, Space Shuttle, Planets...
      • NASA AILS: ...Moons, Historical NASA Photos, etc.
      • NOAA-1: Oceans, Animals, Underwater Life, Weather
      • NOAA-2: More of the same from the NOAA---
      • NOAA-3: ---and even more of that!
  • Photoshop Effects -- You can search for some cool Photoshop effects for this assignment.
  • Navigation. You can create independent buttons in Photoshop, or add to the banner and create image links. You first need to decide on the design. I suggest searching for button tutorial. You could also use rollover images.
    • Pegaweb -- you think it, they print it
    • Creating Buttons (Running Time: 4:40) -- number 17
      Learn to create professional looking 3-D, flat, and text buttons using styles in Photoshop
    • Button Tutorials --

Materials: Handout for 4th Six Weeks Project

Follow Up/HW:  Steps 1 - 4 are due at the BEGINNING of class on Monday, 2/4. Final project is due at the end of class on Friday, 2/8.

February 12

Objective: Merge all files to all members of the group.

Step-By-Step Directions for Structure and FTP

Goal: Transfer the completed website to your folder on the whstech server. ONLY move the files that are actually used for the website. No .psd files, or preliminary images are to be moved.

Each site should have 8 html files and the associated images. You may/may not have a banner folder and/or an image folder. Sample folder structure for new site.

Check your work! Before actually transferring the files you should navigate through your site to make sure that all of your links work. Spell check all pages. Proof read for proper grammar and syntax.

Transfer Web Site

FTP address: ftp://whstech.com
Username: (studentfolder)@whstech.com
Password: same as the one you use on the student server

remote site: whstech.com local site: Wsidehs-rs05\(your folder)

URL: http://whstech.com/(folder on the student server)/first

February 15

Objective: Thank You Note

Links to printable thank you cards:

     http://www.printfree.com/thankyou_cards.htm

     http://www.dltk-kids.com/crafts/birthday/thanks.html

     http://www1.americangreetings.com/printables/category.pd/occasions/thank-you/greeting-cards/general

 

Home | Info | Calendar | HISD | Academics | Staff | Classes

This page was last modified on February 15, 2008
Mail comments to Susan Boone
©Houston Independent School District
Back to Web Mastering Classes

 

 

 

 

 

 

 

 

 

 

 
thanks