h1

February 10 – March 3, 2017 DW Final Project

January 30, 2017

Click here to download Dreamweaver starter Templates   More Dreamweaver Templates

Students will create a website using Dreamweaver.  This site can be for any client that the student chooses.  If you are having trouble thinking of a client you might choose your favorite band, sports team, actor, or celebrity and create a website for them or you may choose one of the past FBLA Website Design topics

This assignment is worth 60 points (32 points for the Design Folder and 28 points for the Website).

Design Folder Template

Design Folder Rubric 32 points

Web Page Final Project Rubric 28 points

When you have completed your site upload your root folder to Google Drive and link it to the assignment in Google Classroom 

Link your Design Folder to the assignment. 

The site needs to include the following requirements:

  1. At least three pages with images and text created using Dreamweaver CS6
  2. Use the images and text to communicate information to the users about the client.
  3. All images should have alternate text.
  4. Links from one page to another so that there is consistent navigation between pages.
  5. At least one link to a page that is not part of your website through the web.
  6. Use of text and background colors.
  7. Consistent text fonts and sizes for various headings and paragraphs.
  8. At least some of your formatting using CSS.
  9. You may use the templates available in Dreamweaver CS6 to get started on your layout.

Create a Design Folder with five sections:

  1. Investigate (Due February 17, 2017)
  2. Plan (Due February 17, 2017)
  3. Design (Due February 22, 2017)
  4. Create
  5. Evaluate

In the Investigate section include information about your client that you have researched and will include in your website. (Turn in your investigation on February 17, 2017)

In the Plan section include a plan of the work you will do each day in class between February 10, 2017 and March 3, 2017 Turn in your plan on February 17, 2017)

In the Design section include page layout design with drawings using pencil and paper for each page.  Describe the information content, images and links that will be included on each page.  Include a site map describing how each page links to the other (Turn in your design on February 22, 2017)

In the Create section include a process journal to record the work you accomplish each day and any changes to your plan with an explanation of the changes and the reasons for making them. (Due on March 3, 2017)

In the Evaluate section answer the following questions:(Due on March 3, 2017)

  1. What in your plan/design worked the way you expected?
  2. What in your plan/design needed to change?
  3. Did you achieve all of the requirements you identified in your plan/design?
  4. What did you learn while working on this project?
  5. Evaluate your work using the Design Folder Rubric
h1

February 6 – 10, 2017 Links #4 DW

January 27, 2017

In this lesson you will learn how to apply different kinds of links to various page elements by doing the following:

  • Apply a text to a page within the same site.
  • Link from an image
  • Create a link to a page on another website
  • Establish an email link
  • Link to a specific part of a page

Assignment: Using the instructions in Dreamweaver Links Activity in the link below and the files in the dw_cib root folder complete this assignment. It is due at the end of the period on February 10, 2017.

h1

January 27-February 1, 2017 Images #3 DW

January 23, 2017

Objective:  Students will continue learning to use Dreamweaver to create web pages.  Using the Dreamweaver Image Activity students will learn how to:

  • Insert an image
  • Apply a background image
  • Optimize an incorporated image
  • Add Adobe Fireworks rollovers to a page
  • Import an Adobe Photoshop image
  • Copy and paste an image from Photoshop

Assignment:  Complete the Dreamweaver Designing with Images activity.  This assignment is due at the end of the period on February 1, 2017

h1

January 20-25, 2017 CSS #2 DW

January 18, 2017

Objective: Students continued learning to use Dreamweaver to create Cascading Style Sheets (CSS) in Dreamweaver and to do the following:

  • Add Style to Web Pages With the CSS Design Panel
  • Change an existing Style Sheet

Click here to down load dw_cib files

Use the instructions in DW CSS Activity to create a CSS style sheet to format a web page using Dreamweaver CS6.

Assignment: Follow the instructions on the DW CSS Activity worksheet.  This assignment is due at the end of the period on January 25, 2017.

h1

January 13 – 18, 2017 Text #1 DW

January 11, 2017

Students explored adding and styling text using Dreamweaver

In this lesson students  will learn how to work with headings, paragraphs and other text elements using Dreamweaver and to do the following:

  • Enter heading and paragraph text
  • Include text from another source
  • Insert numbered and bulleted lists
  • Spell check a document
  • Search and replace text
  • Insert and modify tables
  • Import tabular data

Click here to download dw_text files

Use the Dreamweaver CS6 Text Activity to complete this assignment.

Assignment: Complete the Dreamweaver Text Activity by following the instructions on the Activity worksheet.  This is due at the end of the period on January 18, 2017.

h1

January 9 – 11, 2017 Dreamweaver #1 – My Skills Dreamweaver vs. Notepad

January 9, 2017

Welcome back to school and welcome to Web Page Design 2

This class is a continuation of Web Page Design 1 where we will learn how to create content to post on web pages.  We will learn to use

Learn Dreamweaver | Adobe Developer Connection  Dreamweaver CS6

 

  Photoshop CS6,  and

 

How to Learn Adobe Flash Professional For Free  Flash CS6

 

Join the class using your class’ code

Period 1  xbfz35c

Period 5  caw0bdc

 

Click here to join Google Classroom

Do Now: Mid Year Reflection respond to the following in a Google Doc attached to the assignment in Google Classroom.

As you get ready for the rest of the 2016-2017 school year you should take a moment to reflect on the first semester.

  • What went well for you?
  • What would you like to do differently this semester?
  • How will you learn from your successes and disappointments to improve?
  • Are you on track to graduate with your class?
  • If not what can you do to get back on track?

Objective: Students will learn how to access  and use Adobe Dreamweaver CS6 as a Web Page design tool and how to perform some basic tasks by completing the

Dreamweaver #1 – My Skills Dreamweaver vs. Notepad assignment

Directions

Click here to download the image

Assignment:  Follow the directions to complete the assignment.  Using Dreamweaver, create a web page and format it following the instructions found in the Activity.  This assignment is due at the end of the period on January 11, 2017.