Tuesday

1/24/11

1. Introduction
2. Class Rules
3. Course Overview
4. Resources
5. Helping to determine training materials
6. Code Editing
7. Dreamweaver
8. ACA test
9. HTML Quiz

Class rules, overview of course and materials, accessing drop box, out box, server folder

Take the HTML Quiz - take a print screen of the results page, then check your answers. Rename the print screen to the proper naming scheme: Period#LastName_HTMLQuiz  (Example: 3Fuller_HTMLQuiz) and then put the results in the drop box.

Objectives:

• HTML Review

• Creating a page
• Saving the Document
• Modifying text
• Adding Images

• Understanding Workspace Layout
• Panel Positioning & Arrangement
• Property Inspector
• Toolbars Display

Wednesday

1/25/11

Download the pdf and we will review it. Then you will create a basic web page using the Textwrangler editor and the instructions provided in the pdf.

Go to the Out Box and move the Web Mastery Folder to the Documents folder on the computer you are using.

Thursday

1/26/11

Review HTML Assignment 1

Kuler.adobe.com site

Make corrections

# 2 HTML Handout from folder

For better understanding: Review the video on HTML Basics.

We will be going over the previous assignment. There are some corrections that need to be made. Then we will go over the Kuler website to see how you may choose colors to go together with your web design. We will be starting handout #2 HTML from the folder you downloaded yesterday.

For better understanding, view the video on HTML Basics from the folder you downloaded yesterday. It is a 16 minute video, but being able to see it as it is done and listening to a different instructor will help with reinforcing the information.

Friday

1/27/11

Continue working through the handouts. Exercises.

Review of 1st assignment: If anyone still has not completed it with the proper image and links functioning, please let me know. Be sure to put the whole folder in the drop box with your name on it.

As we work through the handout on HTML basics, be sure to constantly check the process in the browser. Firefox seems to work better.  Also, remember the video tutorial that is also available from the folder you downloaded from the Out Box.

Review: So, we have discovered some errors in the coding from the first handout. Within your folder that you create for each project, do not use an images folder. This was my fault as well, I was using the techniques taught with Dreamweaver, not HTML.

Monday

1/31/11

Objectives:

• Defining a site
• Attaching external style sheet
• Applying style

• Header and paragraph text
• Adding text from another source
• Numbered and bulleted lists
• Spell check
• Search and replace text
• Tables

• Inserting an image
• Background images
• Optimizing images

• Defining the site
• Understanding the user's needs

• Identify purpose
• Identify relevancy
• Knowledge of page layout
• Defining a site properly

Tuesday

2/1/11

Wednesday

2/2/11

Thursday

2/3/11

Create a webpage about a particular vehicle.

Use the HTML Handout. As you work through the handout, create a web page using HTML for a Vehicle of your choice. It can be a car, truck, wagon, plane, boat, bicycle, motorcycle, etc...

Include on the webpage, the following:

• Logo (from first lesson)
• Title Header 1 (previous lesson)
• 2nd image, not the logo (pgs. 86-96)
• A list that goes with the website you  are creating (must relate to subject) (pgs. 72-85)
• 5 links to other sites related to the subject of the website (previous assignment)
• a clickable email to your email address (pg. 70)
• a horizontal rule between the title of your website and the body section (pg. 60)
• Sub-header h2 or h3 under horizontal rule.
• Some text about your subject
• sound effect or music (pgs. 164-166)
• short video (pgs. 167-168)
• table of information related to your subject (pgs. 98-118)
• feedback form for your website (pgs. 122-148)

Friday

2/4/11

When done, put completed folder in the drop box with your name.

Naming of folders for grade:   Example     1Fuller_Vehicle

Monday

2/7/11

Objectives:

• Identify purpose
• Identify relevancy
• Knowledge of page layout
• Defining a site properly

• Identify purpose
• Identify relevancy
• Knowledge of page layout
• Defining a site properly
• Using templates
• Identify purpose
• Identify relevancy
• Knowledge of page layout
• Defining a site properly
• Using templates

Resources for free images:

Stock.XCHNG

You may have to sign up for the free account, but many of the images are free to use. You will have to resize them and maybe save them as png.

Objectives:

• Identify purpose
• Identify relevancy
• Knowledge of page layout
• Defining a site properly
• Using templates

Tuesday

2/8/11

Restaurant or Online Food Ordering Website... (candy, chocolates, meat, fruit, etc.)

300 pts

Create a webpage about a restaurant or online food ordering website.

Use the HTML Handout. As you work through the handout, create a web page using HTML for a

Include on the webpage, the following:

• Logo (from first lesson)  - use one that is food related or create a new one.
• Title Header 1 (previous lesson)
• table - table will consist of food items sold from the site or at the restaurant and a description of the items. There must be at least 6. (pgs. 98-121)
• A list that goes with the website you  are creating (must relate to subject) (pgs. 72-85)
• 5 links to other sites related to the subject of the website (previous assignment)
• a clickable email to your email address (pg. 70)
• a horizontal rule between the title of your website title and the body section (pg. 60)
• Sub-header h2 or h3 under horizontal rule.
• Some text about your subject
• sound effect or music (pgs. 164-166)
• short video (pgs. 167-168)  - I'll get some food clips or you may create your own with iMovie.
• table of information related to your subject (pgs. 98-118)
• feedback form for your website (pgs. 122-148)
• background color

Wednesday

2/9/11

Thursday

2/10/11

Friday

2/11/11

Monday

2/14/11

Work on Restaurant/Food page

Sample html code in out box under Web Design Folder

Objectives:

• 3.2 Use of Insert bar
• 3.3 Use of Property Inspector
• 3.4 Use of Assets panel
• 4.0 Adding Content
• 3.2 Use of Insert bar
• 3.3 Use of Property Inspector
• 3.4 Use of Assets panel
• 3.5 Use of Files panel

Hints and Help: HTML

• HTML Tables
• HTML Formatting Paragraphs
• HTML Links
• HTML Images
• HTML Ordered Lists
• HTML Forms
• HTML Styles

Tuesday

2/15/11

Restaurant/Food page due.

300 pts.

Wednesday

2/16/11

Past presidents...

Find 4 US Presidents prior to 1960.

300 pts

Create a webpage about one of the Presidents of the US prior to 1960. This will be a multiple page website. With dual navigation requirements.

Requirements:

Name the pages appropriately...

Use the HTML Handout. As you work through the handout, create a web page using HTML for a

Include on the webpage, the following:

• Logo  - use one that is history related or create a new one.
• 5 pages You must use tables. (100 pts) index, president 1, president 2, president 3, president 4
• index page should have the 4 presidents you choose and their pictures. Make the photos clickable for navigation purposes.
• Page information should include, but not limited to:
  • photo, term in office, party line
  • Biography; information about the person
  • Era; highlights of what was going on in the world at the time. WWI, WWII, Korean War, Cold War, etc.
  • Resources; add links to pages that hold more information about the President you chose.
• Title Header 1 (each page, President's name is good) (previous lesson)
• table - Add 1 table within the main table per page and they will consist of the President, the Vice President, and information about each. (briefly) There must be at least 2 per page. (pgs. 98-121)
• A list that goes with the website you  are creating (must relate to subject) (pgs. 72-85)
• 5 links to other sites related to the subject of the website (previous assignment) including a previous page and the other pages.
• 2 different navigation sources and they must include all pages. Top bar navigation and side navigation to all pages. Do not use Next, Back, Previous... use the names of the pages.
• a clickable email to your email address (pg. 70)
• a horizontal rule between the title of your website title and the body section (pg. 60)
• Sub-header h2 or h3 under horizontal rule.
• Some text about your subject on the main page and then each president you choose on the other pages.
• sound effect or music (pgs. 164-166)
• short video (pgs. 167-168)
• table of information related to your subject (pgs. 98-118)
• feedback form for your website (pgs. 122-148)
• background color

• Text could be written or copied and pasted. Look at other pages to see text size, some of you are using too large text.
• Check for spelling and grammar errors even if you have copied the text.

Thursday

2/17/11

Friday

2/18/11

Monday

2/21/11

Objectives:

• 1.1 Identify Purpose, audience, and audience needs.
• 1.2 Identify web page relevant content in relation to it's target audience.
• 1.4 Knowledge of accessibility
• 2.4 Identify principles of website usability
• 3.2 Use of Insert bar
• 3.3 Use of Property Inspector
• 3.4 Use of Assets panel
• 3.5 Use of Files panel
• 4.0 Adding Content

Hints and Help: HTML

• HTML Tables
• HTML Formatting Paragraphs
• HTML Links
• HTML Images
• HTML Ordered Lists
• HTML Forms
• HTML Styles

Tuesday

2/22/11

Wednesday

2/23/11

Thursday

2/24/11

Friday

2/25/11

Past Presidents site DUE today.

(300 pts)

Do not work ahead, the assignments will be changing.

Monday

2/28/11

Advanced Website Exercise

(300 pts)

Download the "Advanced" pdf from the Out Box. It is located in the Web Design Mastery Folder. This exercise is mostly about images and knowing how to size them, resize them, and use them within the confines of web sites. There are plenty of sites out there that will allow you to download pre-designed images to use on web pages. Starting with page 6.

• 1 single page, not multiple pages.
• Create a new folder to put everything for this site into it. Name it: 3LastName_Advancedsite
• You will need to find images similar to the ones shown in the example. You may NOT use the images from the example for the main sections, however you may use the navigational images (located in the Out Box Web Design Mastery Folder)
• You will need to use an application for resizing and sizing images you choose. On the Mac you have Photoshop or Preview. Both will allow you to set sizes. Image size does matter.
• You will need to name the images accordingly to match the names in the example code, or match the example code to the images.
• You can use the code from the example, be sure to change the quotes. You will be building this page throughout the handout so please work through it for accuracy. An example of what the page will look similar to is on page 6. Again, do not use images from this page, find or create your own.
• Links should have actual names but they do not have to go to actural sites.
• Columns and headings should have real names.
• You may change the title of the site to anything you like. Example: Yourname Consulting Company
• You will be filling in the paragraph text with information about your company.
• Check you site for validation and accessibilty (25% of grade) see information on Thursday.

Objectives:

• 3.2 Use of Insert bar
• 3.3 Use of Property Inspector
• 3.4 Use of Assets panel
• 3.5 Use of Files panel
• 4.0 Adding Content

Hints and Help: HTML

• HTML Tables
• HTML Formatting Paragraphs
• HTML Links
• HTML Images
• HTML Ordered Lists
• HTML Forms
• HTML Styles

Tuesday

3/1/11

Work on Advanced webstie

Wednesday

3/2/11

Thursday

3/3/11

Check the Advanced Web site's validation and accessibility.

See requirements above...

Be sure to Validate your site and check the accessibility of it.

Validate your website: http://validator.w3.org/ 

(-10 pts for each unchecked error)

Validate your pages. Dreamweaver includes a tool that lets you compare your
Web pages against agreed-upon standards for HTML and other Web languages. It
checks to make sure your pages are valid (that they conform to these standards).
Valid pages are more likely to work in a predictable way on all Web browsers.
And if you envision your site on mobile devices such as cellphones and palmtops,
valid pages are again a better bet. In fact, you can even validate your Web pages to
see if they conform to Wireless Markup Language (WML)—a tag-based language
like HTML used for creating content for mobile phone Web browsers.

(page 608; Dreamweaver CS3: the Missing Manual)

Check your website's accessibility: http://wave.webaim.org/

(-10 pts for each Missing Alt text and/or empty links)

Check for accessibility. Not everyone experiences the Web in the same way. People
with poor vision, for example, will miss out on the beautiful, full-color banner
and navigation buttons you’ve created. To help you build Web sites that don’t
shut out people with disabilities, Dreamweaver can check your Web site to make
sure it conforms to Section 508 (a Federal regulation mandating that Web sites
built by or for the Federal Government are accessible to those with disabilities).

(page 608; Dreamweaver CS3: the Missing Manual)

Continue working on your Travel Website.

For those who have completed the Travel site you may wish to review sections from the book, Dreamweaver CS3: The Missing Manual, which contains information to help you pass the Adobe Certified Associate's Dreamweaver exam.

Dreamweaver Objective Correlation to the book.

To see the correlation between the book and the objectives; open the pdf document above and see page #2. This document was provided by E. Marshall, who is an instructor in the Portland Adult Ed system as a syllabus for a Dreamweaver course.

Friday

3/4/11

Monday

3/7/11

Objectives:

• 3.2 Use of Insert bar
• 3.3 Use of Property Inspector
• 3.4 Use of Assets panel
• 3.5 Use of Files panel
• 4.0 Adding Content

Tuesday

3/8/11

Work on Advanced Handout site.

Wednesday

3/9/11

Thursday

3/10/11

Friday

3/11/11

Monday

3/8

Domain 1.0 Setting Project Requirements

• 1.1 Identify the purpose, audience, and audience needs for a website.
• 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target audience.
• 1.3 Demonstrate knowledge of standard copyright rules (related terms, obtaining permission, and citing copyrighted material).
• 1.4 Demonstrate knowledge of website accessibility standards that address the needs of people with visual and motor impairments.
• 1.5 Make website development decisions based on your analysis and interpretation of design specifications.
• 1.6 Understand project management tasks and responsibilities.

Tuesday

3/9

Wednesday

3/10

.

Thursday

3/11

Friday

3/12

Work on Advanced Handout site.

300 pts.

Monday

3/21

Wix page Travel Web site (500 pts)

click link

The WIX website allows you to use their free tools to create a website.

Example WIX page:

Fuller's WIX page

Not all websites need to be created from scratch. The Wix site allows users to create free websites using flash templates. Create a website about travel and include at least the items listed below. You will have to create an account (it's free) and then select one of the templates to use.

Create a webpage about travel

Requirements:

• 3 pages; you will need to use a template
• Other pages include, but not limited to:
  • Home (Travel Destination overview); Title, Reasons to travel to this location, 2 images
  • Photo Montage (20 images) of the location, commerce, tourist spots, etc.
  • Brief history, map, and links to setting up travelling to this locatio
• 4 different navigation sources and they must include all pages. Same navigation must be on all pages.
• Headers on each page.
• Text could be written or copied and pasted. If you copy and paste from another website be sure to acknowledge (site) it on that page. Look at other pages to see text size, some of you are using too large text.
• Links to example and award winning sites:
  • http://www.fodors.com/
  • http://www.frommers.com/
  • http://www.worldtravelguide.net/

When you have completed this page, copy and paste the site URL to a textedit file and place it in the drop box. Name it appropriately: period#LastName_WixSite.

Domain 6.0 Evaluating and Maintaining a Site by Using Dreamweaver CS4

• 6.1 Conduct basic technical tests.
• 6.2 Identify techniques for basic usability tests.
• 6.3 Identify methods for collecting site feedback.
• 6.4 Present web pages to others (such as team members and clients) for feedback and evaluation.
• 6.5 Manage assets, links, and files for a site.
• 6.6 Publish and update site files to a remote server.

Tuesday

3/22

Wednesday

3/23

Thursday

3/24

Work on travel WIX page.

Friday

3/25

Monday

3/22

Tuesday

3/23

Wednesday

3/24

Preparation for exam.

Thursday

3/25

Friday

3/26

Period 3 Exam

Part 1 - W3Schools HTML Quiz

50%

Part 2 -HTML web page using the sample.

part 1 - W3Schools HTML quiz... 50% of grade. You may take it as many times as needed. Use Command+Shift+4, then click and drag the cursor over the area that shows your score. Name the picture file 3LastName_Exampart1  and put it into the drop box. 50% of your grade.

Click here for link...

part 2 - type out the code and create a web page. Read the code so you are sure to meet all criteria for completion. When doen in Textwrangler, save as yourlastnamfirstInitiale.html  Place the folder with all necessary files into the drop box.

Monday

4/4

Tuesday

4/5

Dreamweaver - Introduction and preparation for the Adobe Certified Associate Exam

Go to the Out Box

Go to the Web Design Class Folder

Move the acatestprepCD to the documents folder on your computer.

Open the Dreamweaver.html file in a browser.

Go through sections 1 and 2 (101-107 and 201-208)

Wednesday

4/6

Go through sections 3 & 4

Reminder: I may be watching you so behave for the substitute. Also, remember the sub is not me so use electronics and be responsible for what you watch on the computer.

Thursday

4/7

Sign up for Certiport.com

200 pts

Friday

4/8

ACA Dreamweaver Test

200 pts

Monday

4/11

FCAT 1st & 2nd block, 3rd & 4th blocks normal.

Business Web Page

(200 pts)

Use iWeb (on the mac) to create a website to sell products. You may sell any product line; sports, autos, homes, etc.

Using iWeb you will create a home page, a product page, an about us (your business) page with contact info, and photo album page with your products in use...

4 pages; use the templates provided

Consistancy with layout.

Make it interesting so people would want to buy from you...

Tuesday

4/12

Wednesday

4/13

Thursday

4/14

Friday

4/15

Monday

4/18

Virtual Resume with a Wordpress.com blog

Wordpress help on Atomic Learning Click Here!

Welcome to "You Web 2.0". This is where technology meets the needs of those looking to promote themselves to the outside world, whether it is for your post-secondary education or for possible career options you may pursue after high school.

Using Wordpress.com, you will create an online virtual resume for yourself. If you already have a wordpress blog, create a new one for this assignment. The tricky thing about this is that, by default, WordPress publishes blog articles to the front page of the site. In order to implement my strategy, it’s important to change that. You can do this on the Reading Settings page by selecting “Home” for your front page and “Experience” as the posts page.

The pages will include:

• Home - This is a wordpress blog page about you so name it appropriately. For the time being, you may use just your first or last name in the blog name because this is a live page. You will need a head shot of yourself. You may bring one in, or use the computer or camera.
• Your headshot.You may bring in one from home... It should look professional!
• About Me
  • Work History
• Skills
• Volunteerism
• Experience
• Social Networks; other web services you my have accounts with...
• Contact Me (Until you graduate, use only your first name and do not put in your actual phone number, address, email, or other contact info since this is a live page.)

Wordpress.com is a free blog that is more than capable of meeting your needs as a Virtual Resume. You will have to create a login and name the blog appropriately. Atomic Learning Tutorial direct links are accessible at the bottom of this page.

Use a clean, professional looking theme for your virtual resume.

Add the following:

* Add to Any Sharing and Subscribing buttons: Makes it easy for visitors to share, save, bookmark, and/or subscribe to your site.
* All in One SEO Pack : Provides a bunch of handy tools to make your site more search engine friendly.
* Contact Form 7 : Create customized forms for visitors to send you messages.
* Exclude Pages from Navigation : Allows you to easily build landing pages.
* FeedBurner FeedSmith : Synchs your blog with FeedBurner.
* Google Analyticator : Installs the Google Analytics script on your site so you can track traffic.
* Google XML Sitemaps : Creates the XML site map files that makes it easier for Google to discover pages on your site.
* Simple Tags : Makes it really easy to manage the tags that you’ll use to mark your areas of expertise.
* SlideShare : Allows you to embed SlideShare presentations.
* Social Links : Display buttons with links to your social networking sites in the sidebar.
* WordPress Database Backup : Ounce of prevention, and all that…
* WP-Mail-SMTP : Reconfigures the wp_mail() function to use SMTP instead of mail().

Reference: http://www.domesticatingit.com/index.php/2009/01/18/create-a-compelling-resume-online-with-wordpress/

Tuesday

4/19

Work on WordPress Blog page.

Wordpress help on Atomic Learning Click Here!

Wednesday

4/20

Work on WordPress Blog page.

Wordpress help on Atomic Learning Click Here!

Thursday

4/21

Send WordPress Blog Address to teacher.

Wordpress help on Atomic Learning Click Here!

Friday

4/22

Monday

4/25

Dreamweaver CS4 Help

Click Here!!!

Music Review Website

(300 pts)

Create a favorite music review website.

It is a generic website using Dreamweaver about music that you like. You will need to use at least 5 songs from any artists you like and create a review of the song you like. You may only use up to 30 second or 10% of a song so you do not infringe upon the artists' copyrights. To shorten a song, you may use garageband or itunes.

Music you use for this exercise must be appropriate for school, if you are not sure, don't use it. (-300 pts for inappropriate materials used)

Requirements: Defining your site. (100 pts)

• 1 page (but you may do more); Use a template. (25 pts)
• Create a site folder (root folder), within it create an images folder and put all your images in it. (50 pts)
• name the first page index. (25 pts)
• Other pages include, but not limited to:
  • Home (Overview of your music review site); contact info, main part of page to include a photo with the 30 second song part and a review of the music. Include in the review, the title, the artist(s), CD (album) title, publisher of the music, publishing date, and why you like the music.
  • Must have 30 seconds of music clip added.
  • Navigation links: favorite artist websites (use 5), other music review sites (use 3), contact info
• Background color other than white. You may use images.
• Headers on the page with title of your music review site. (if you chose to use CSS template, this should be no problem)
• Spelling and grammar count for your review

Sample Site: http://www.metacritic.com/music/

Itunes tutorial on how to shorten music to 30 seconds: http://www.mydigitallife.info/2007/04/25/editing-your-itunes-tracks/

Atomic Learning Tutorials for adding media:

Tuesday

4/26

Dreamweaver CS4 Help

Click Here!!!

Work on Music Review Site.

Wednesday

4/27

Dreamweaver CS4 Help

Click Here!!!

Work on Music Review Site.

Thursday

4/28

Dreamweaver CS4 Help

Click Here!!!

Work on Music Review Site.

Friday

4/29

Monday

5/2

Option 1:

Assignment 1 from PDF download

Intro to Dreamweaver CS4

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term.

Option 1:

Download the Dreamweaver CS4 PDF from the Out Box; Web Design Class to Dreamweaver Resources and drag the folder for Dreamweaver CS4 PDF to the desktop and then to the documents folder on the computer. You will be working through each of the chapters and will need to show your site at the end of each chapter assignment for grade. Be sure you keep the folder you create for the assignments in a safe place because losing it, it getting lost, or any other scenario you can think of will result in you having to redo all of them because they build upon one another.

Option 2:

PASS the Adobe Certified Associate test for Dreamweaver CS4/5 this term and you will receive credit for all of the assignments and the final exam. You must pass the ACA test in order to receive this option, otherwise you will still be responsible for all the assignments between now and the end of the term, including the final exam. Watch the videos listed below and then take the ACA test. You may take it up to 3 times per week.

Watch the Schwartz Videos:

Chapter 1 101-107

Chapter 2 208 Review

Chapter 3 309 Review

Chapter 4 401-408

Chapter 5 501-506

Chapter 6 601-607

Chapter 7 701-710

Chapter 8 808 Review

Chapter 9 901-908

Objectives:

Domain 1.0 Setting Project Requirements

• 1.1 Identify the purpose, audience, and audience needs for a website.
• 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target audience.
• 1.3 Demonstrate knowledge of standard copyright rules (related terms, obtaining permission, and citing copyrighted material).
• 1.4 Demonstrate knowledge of website accessibility standards that address the needs of people with visual and motor impairments.
• 1.5 Make website development decisions based on your analysis and interpretation of design specifications.
• 1.6 Understand project management tasks and responsibilities.

Domain 2.0 Planning Site Design and Page Layout

• 2.1 Demonstrate general and Dreamweaver-specific knowledge of best practices for designing a website, such as maintaining consistency, separating content from design, using standard fonts, web-safe colors, and utilizing visual hierarchy.
• 2.2 Produce website designs that work equally well on various operating systems and browser versions/configurations.
• 2.3 Demonstrate knowledge of page layout design concepts and principles.
• 2.4 Identify basic principles of website usability, readability, and accessibility.
• 2.5 Demonstrate knowledge of flowcharts, storyboards, and wireframes to create web pages and a site map (site index) that maintain the planned website hierarchy.
• 2.6 Communicate with others (such as peers and clients) about design and content plans.

Tuesday

5/3

Option 1:

Complete Assignment 1

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Wednesday

5/4

Assignment 2 from PDF download

Text and Graphics

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term.

Thursday

5/5

Option 1:

Complete Assignment 2

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Friday

5/6

Assignment 3 from PDF download

Tables

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Monday

5/9

Option 1:

Complete Assignment 3

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Domain 3.0 Understanding the Adobe Dreamweaver CS4 Interface

• 3.1 Identify elements of the Dreamweaver interface.
• 3.2 Use the Insert bar.
• 3.3 Use the Property inspector.
• 3.4 Use the Assets panel.
• 3.5 Use the Files panel.

Domain 4.0 Adding Content by Using Dreamweaver CS4

• 4.1 Define a Dreamweaver site.
• 4.2 Create, title, name, and save a web page.
• 4.3 Add text to a web page.
• 4.4 Insert images and apply alternative text on a web page.
• 4.5 Link web content, using hyperlinks, e-mail links, and named anchors.
• 4.6 Insert rich media, such as video, sound, and animation in Flash format.
• 4.7 Insert navigation bars, rollover images, and buttons created in Fireworks on a web page.
• 4.8 Build image maps.
• 4.9 Import tabular data to a web page.
• 4.10 Import and display a Microsoft Word or Microsoft Excel document to a web page.
• 4.11 Create forms.

Tuesday

5/10

Option 1:

Assignment 4 from PDF download

Links

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Wednesday

5/11

Option 1:

Complete Assignment 4

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Thursday

5/12

Assignment 5 from PDF download

Anchor Points and other links

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Friday

5/13

Option 1:

Complete Assignment 5

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Monday

5/16

Option 1:

Assignment 6 from PDF download

Assets and Library

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Domain 3.0 Understanding the Adobe Dreamweaver CS4 Interface

• 3.1 Identify elements of the Dreamweaver interface.
• 3.2 Use the Insert bar.
• 3.3 Use the Property inspector.
• 3.4 Use the Assets panel.
• 3.5 Use the Files panel.

Domain 4.0 Adding Content by Using Dreamweaver CS4

• 4.1 Define a Dreamweaver site.
• 4.2 Create, title, name, and save a web page.
• 4.3 Add text to a web page.
• 4.4 Insert images and apply alternative text on a web page.
• 4.5 Link web content, using hyperlinks, e-mail links, and named anchors.
• 4.6 Insert rich media, such as video, sound, and animation in Flash format.
• 4.7 Insert navigation bars, rollover images, and buttons created in Fireworks on a web page.
• 4.8 Build image maps.
• 4.9 Import tabular data to a web page.
• 4.10 Import and display a Microsoft Word or Microsoft Excel document to a web page.
• 4.11 Create forms.

Tuesday

5/17

Option 1:

Complete Assignment 6

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Wednesday

5/18

Option 1:

Assignment 7 from PDF download

AP Elements

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Thursday

5/19

Option 1:

Complete Assignment 7

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Friday

5/20s

Option 1:

Assignment 8 from PDF download

Templates

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Monday

5/23

Option 1:

Complete Assignment 8

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Domain 5.0 Organizing Content by Using Dreamweaver CS4

• 5.1 Set and modify document properties.
• 5.2 Organize web page layout with absolutely-positioned div tags and CSS styles.
• 5.3 Modify text and text properties.
• 5.4 Modify images and image properties.
• 5.5 Create web page templates.
• 5.6 Use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists.
• 5.7 Add head content to make a web page visible to search engines.
• 5.8 Use CSS to implement a reusable design.

Domain 6.0 Evaluating and Maintaining a Site by Using Dreamweaver CS4

• 6.1 Conduct basic technical tests.
• 6.2 Identify techniques for basic usability tests.
• 6.3 Identify methods for collecting site feedback.
• 6.4 Present web pages to others (such as team members and clients) for feedback and evaluation.
• 6.5 Manage assets, links, and files for a site.
• 6.6 Publish and update site files to a remote server.

Tuesday

5/24

Option 1:

Assignment 9 from PDF download

Forms

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Wednesday

5/25

Take the ACA Dreamweaver CS4/5 2nd Attempt

(300 pts)

Option 1:

Complete Assignment 9

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Thursday

5/26

Senior Exams 3 & 4

Underclass

Option 1:

Assignment 10 from PDF download

Navigation

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Friday

5/27

Senior Exam 1 & 2

Underclass

Option 1:

Complete Assignment 10

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Monday

5/30

Assignment 11 from PDF download

Checking and Uploading

(100 pts)

Option 2:

Pass the ACA Dreamweaver CS4/CS5 test this term

Domain 5.0 Organizing Content by Using Dreamweaver CS4

• 5.1 Set and modify document properties.
• 5.2 Organize web page layout with absolutely-positioned div tags and CSS styles.
• 5.3 Modify text and text properties.
• 5.4 Modify images and image properties.
• 5.5 Create web page templates.
• 5.6 Use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists.
• 5.7 Add head content to make a web page visible to search engines.
• 5.8 Use CSS to implement a reusable design.

Domain 6.0 Evaluating and Maintaining a Site by Using Dreamweaver CS4

• 6.1 Conduct basic technical tests.
• 6.2 Identify techniques for basic usability tests.
• 6.3 Identify methods for collecting site feedback.
• 6.4 Present web pages to others (such as team members and clients) for feedback and evaluation.
• 6.5 Manage assets, links, and files for a site.
• 6.6 Publish and update site files to a remote server.

Tuesday

5//31

Option 1:

Complete Assignment 11

Option 2:

PASS the ACA Dreamweaver CS4/5 test

Wednesday

6/1

Take the ACA Dreamweaver CS4/5 3rd Attempt

(300 pts)

Thursday

6/2

Friday

6/3

Monday

6/6

Domain 5.0 Organizing Content by Using Dreamweaver CS4

• 5.1 Set and modify document properties.
• 5.2 Organize web page layout with absolutely-positioned div tags and CSS styles.
• 5.3 Modify text and text properties.
• 5.4 Modify images and image properties.
• 5.5 Create web page templates.
• 5.6 Use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists.
• 5.7 Add head content to make a web page visible to search engines.
• 5.8 Use CSS to implement a reusable design.

Domain 6.0 Evaluating and Maintaining a Site by Using Dreamweaver CS4

• 6.1 Conduct basic technical tests.
• 6.2 Identify techniques for basic usability tests.
• 6.3 Identify methods for collecting site feedback.
• 6.4 Present web pages to others (such as team members and clients) for feedback and evaluation.
• 6.5 Manage assets, links, and files for a site.
• 6.6 Publish and update site files to a remote server.

Tuesday

6/7

Wednesday

6/8

Underclass Exam Day

Blocks 3 & 4

Thursday

6/9

Underclass Exam Day

Blocks 1 & 2

Friday

6/10