CIS99L – DreamWeaver Assignment Calendar

Fall 2009

 

Tech Assignment #1 | Tech Assignment #2 | Tech Assignment #3

Chapter 1| Chapter 2 | Chapter 3 | Chapter 4 | Chapter 5 |Chapter 6

Chapter 7 | Chapter 8 | Chapter 9 |Chapter 10 |Chapter 11 |Chapter 12

Return to Class Home Page

 

Assignments

Due On

Tech Assignment #1 -

The tasks that you should complete for Tech Assignment #1:

1– Get your textbook

2 - Ordered/Installed your Software

3 - DownLoad your STUDENT FILES and save them to your Hard Drive

4 - Install the Flash Player (If Needed) from the class homepage

5 - On Class Homepage - Watch Video - Tips for Success

6 – Email me that you have completed Tech Assignment #1
Email Subject Line should Read:
DW-Tech #1 Completed - Your Name

Go to Top

Aug 26th




 

Tech Assignment #2

The tasks that you should complete for Tech Assignment #2:

1 - Please Watch the Online Videos for:
- Logging on to WebCT
- Using the Discussion Board
These 2 Videos are located on the Class Homepage.

2 – Log In to the WebCT Class Website: http://webct.dvc.edu

3 - In the Discussion Board => Answer the Question Posted for Tech Assignment #2 .

3– Email me that you have completed Tech Assignment #2
Email Subject Line should Read = DW - Tech #2 Completed - Your Name
Example = DW-Tech #2 Completed - Mario Tejada

Go to Top

Aug 30th




 

Tech Assignment #3

In this assignment you are going to Download a Test file and then Copy (Post/UpLoad) it into the Umbrella folder on the SRC Student WebServer (Remote Server).

I am asking you to do this so that we can make sure that you will be able to Post your DreamWeaver homework assignments to the server.

The tasks that you should complete for Tech Assignment #3:

1- Watch these Videos:
Video - Copying Your Student Files

Video - Exploring DreamWeaver
Video -
Define a Site in DreamWeaver to connect to the Student Web Server

2 - Configure and Connect to Your Student Web Server
FYI - Information will be provided in a Email Called:
DVC OL - DW Student Web Server Configuration Info

3 - Watch the following video to learn how to PUT/Copy/Upload your files to the server.
Video - Using DeamWeaver's File Manager

4- Download this Test File for use in this assignment:
Right-Click Here and Select Save Target as
to Download FTP Test File

Then Put (Copy/UpLoad) the Test File (TechAssign3-TestFile.jpg) using FTP into the
Umbrella folder
on the SRC Student Web Server.

Did you do this Correctly?
Test It by copying this link into your web browser and replace the XX with your User Number:

http://cis.srvc.net/c106_userXX/tech3/Tech3_DWTestFile.jpg

5– Email me that you have completed Tech Assignment #3
Email Subject Line should Read = DW - Tech #3 Completed - Your Name & Your c106_user#
Example = DW-Tech #3 Completed - Mario Tejada c106_user50

Go to Top

Sept 11th
   

Chapter 1 - Assignments
Completion Time = 2-4 hours

Complete the Following Tasks:

1 - Please watch this video:
Video - Chapter 1 - Part 1

Video - Chapter 1 - Part 2

2 - Complete in the Textbook = Read All of Chapter 1 (pg. 1-1 to 1-33)
Complete Lessons #1, #2 & #4
But Skip Lesson #3 - You have Already Defined your Site (in Tech #3)

3 - Upload the files for The Striped Umbrella Website
- to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them on the server- Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 1 homework - Thank You

Email Subject Line should Read:
DW Chapter 1 - Completed - Your Name & Your c106_user#

Example = DW ChapCompleted - Mario Tejada c106_user50

Go to Top

Sept 13th
   

Chapter 2 - Assignments
Completion Time = 2-4 hours

Complete the Following Tasks:

1 - Please watch this video:
Video - Chapter 2 - Lesson 1
Video - Chapter 2 - Lesson 2
Video - Chapter 2 - Lesson 3

Video - Chapter 2 - Lesson 4
Video - Chapter 2 - Lesson 5

2- Complete in the Textbook = All of Chapter 2 (pg. 2-1 to 2-33)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 2 homework - Thank You

Email Subject Line should Read:
DW Chapter 2 - Completed - Your Name & Your c106_user#

Go to Top

Sept 20th
   

Chapter 3 - Assignments
Completion Time = 2-4 hours

Complete the Following Tasks:

1 - Please watch this video:
Video - Chapter 3 - Lesson 1
Video - Chapter 3 - Lesson 2
Video - Chapter 3 - Lesson 3

Video - Chapter 3 - Lesson 4
Video - Chapter 3 - Lesson 5
Video - Chapter 3 - Lesson 6

2- Complete in the Textbook = All of Chapter 3 (pg. 3-1 to 3-39)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 3 homework - Thank You

Email Subject Line should Read:
DW Chapter 3 - Completed - Your Name & Your c106_user#

Go to Top

Sept 27th



 

Chapter 4 - Assignments
Completion Time = 2-4 hours

Chapter Overview

In Chapter 4, you’ll expand your understanding of Web links. Web links are the dynamic building blocks of the World Wide Web. They are the connections between pages that make the Web so captivating and easy to use. Regardless of all the visual enhancements a Web site has, it is often the links included that make a Web site useful. Navigating through a Web site would be tedious and difficult without site-specific navigation panels that provide intuitive paths for the viewer. Connecting the pages of your Web site with a good linking system is crucial. Also, you must decide whether your site is a “one-stop shop” from which you want to discourage viewers leaving or if you are providing a place for viewers to just “drop in,” allowing them to browse through and offering them interesting links to other Web sites that appeal to you. 

Links were introduced in Chapter 2. This chapter expands on the concepts and techniques using the Dreamweaver navigation bar feature.

Links to Web pages within the same site are called internal links, while links to other Web sites or e-mail addresses are known as external links. All links are made up of two important parts: the element that viewers see and can click upon and the path that tells the browser and server where to find the Web page that will open when the link is activated. While most links open a page, using named anchors can specify a topic within a page.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Hyperlinks Explained
Video - Hyperlinks
Video - Named Achors Explained
Video - Named Anchors
Video - FlashText
Video - NavBar
Video - Image Map

2 - Complete in the Textbook = All of Chapter 4 (pg. 4-1 to 4-31)

3 - Upload the files for The Striped Umbrella Website -
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 4 homework - Thank You

Email Subject Line should Read:
DW Chapter 4 - Completed -
Your Name & Your c106_user#

Go to Top

Oct 4th



 

Chapter 5 - Assignments
Completion Time = 2-4 hours

Chapter Overview

Chapter 5 introduces tables as both a tool for displaying tabular data and for creating enhanced page layouts.

It is time to learn the basic building blocks of Web layout and design. You will be employing a simple yet powerful structure called a table, which has allowed for an astonishing level of visual diversity considering how rigid its rules are. This structure is responsible for a vast majority of all the sites on the World Wide Web. Using tables on a Web page gives you total control over the placement of each object on the page. A table has columns and rows and is made up of small boxes called cells, into which you can insert your elements. The cells are arranged horizontally in rows and vertically in columns. They can span for more than one column or more than one row, but you must always be aware of where they are situated in the column and row structure. The width of the widest cell will dictate the width of a column, just as the height will dictate the row. In this chapter, you will format a table, a table row, and a table cell, and learn to use the tag selector.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Creating Tables
Video - Modifying Tables
Video - Adding Graphics

2 - Complete in the Textbook = All of Chapter 5 (pg. 5-1 to 5-37)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 5 homework - Thank You

Email Subject Line should Read:
DW Chapter 5 - Completed - Your Name & Your c106_user#

Go to Top

Oct 11th
 

Chapter 6 - Assignments
Completion Time = 2-4 hours

Chapter Overview

This chapter will step you through the process of creating a site definition. You already have this information on your Student Web Server Configuration Email. It is good to work through the site definition creation again to reinforce the process.

This chapter will also teach you how to check out files, making them unavailable to others while you are editing them. In addition, you will learn how to create a cloaked file. Next, you will learn to export a site definition file, making it possible for others to import the site. Finally, you will learn important copyright issues that affect all Web sites.

It is crucial to test your Web site before you make it available on the Internet for others to use. Testing your site means that you ensure that the links are functioning correctly and that the content is accurate. In order to understand the importance of this process, it is helpful to consider your own experience surfing the net, when you have clicked on a broken link or found yourself waiting for large animations to load. If you get frustrated by these problems, you can guarantee that others will also have limited patience if they are trying to view your site and encounter problems like these. Thus, before you publish the site to a remote server, make sure to check for broken links and orphaned files. You should also make sure that:

  1. you have only used Websafe colors.
  2. your image paths are correct.
  3. your images load smoothly and have alternate text.
  4. all of your pages have titles.

It is important to view the Web site in at least two different browsers with at least two different versions and on two different platforms, as problems often arise with different versions. Remember that testing your Web site before you post it will increase the likelihood that viewers will enjoy the site and continue using it. You don’t want all of your hard work to be wasted because of a few problems that could have been easily ironed out through testing. Lastly, all content must either be original to the Web site or have been obtained legally without violating any copyright laws that protect Web site content.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Chapter 6

2 - Complete in the Textbook = All of Chapter 6 (pg. 6-1 to 6-37)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 6 homework - Thank You

Email Subject Line should Read:
DW Chapter 6 - Completed - Your Name & Your c106_user#

Go to Top

Oct 18th



 

Chapter 7 - Assignments
Completion Time = 2-4 hours

Chapter Overview

Chapter 3 taught you how to create and use Cascading Style Sheets (CSS), which is the best method to ensure that all portions of a Web site have a uniform format. This chapter continues the focus on how to use styles and style sheets. You will create and apply embedded styles and work with external CSS Style Sheets. They will also learn to work with conflicting styles.

One of the best reasons to use CSS is that it stores the formatting rules in an external style sheet file. By keeping the style sheet file separate, all you have to do to modify each page is to simply make the alteration on the style sheet. In addition to external style sheets, you can also create embedded CSS styles. This means that the code that creates the file is inside of the HTML of the Web page, not external to it. Embedded styles can be used to override external styles. However, in general, you should avoid using embedded styles to format all the pages of a Web site; it is a better practice to keep formatting rules in a separate file from the content. Note that using external style sheets reduces the overall file sizes of your pages.

Although CSS is extremely useful, it is important to remember that if a user has an older browser; CSS will not be displayed on their computer.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Not Available Yet

2 - Complete in the Textbook = All of Chapter 7 (pg. 7-1 to 7-31)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 7 homework - Thank You

Email Subject Line should Read:
DW Chapter 7 - Completed - Your Name & Your c106_user#

 

Go to Top

Oct 25th



 

Chapter 8 - Assignments
Completion Time = 2-4 hours

Chapter Overview

Chapter 8 presents the use of forms as tools to collect information from visitors to your Web site.

Introduction
Forms are a very important aspect of the Internet and are one of the things that make the Internet as dynamic and interactive as it is. Online forms on a Web site are similar to the pen and pencil forms we use in daily life. However, an important difference is that with Web-based forms, information that the user enters into designated spaces is then retrieved by the Web server and processed. An online form is composed of form objects such as text boxes or radio buttons. Users type information into the text boxes or make selections from a range of radio buttons. There are also other form objects that you will learn about later. In this chapter, you will add a form to a page on a Web site in order to learn about viewers and their interests.

Using Forms to Collect Information
Forms can be used in both simple and more intricate ways. A simple form may contain just a single button that submits information to a Web server. More complex forms can collect a variety of information about a viewer, such as his or her name, telephone number, and e-mail address. All forms are connected to an application that will process the information that the form collects. Forms and databases often work hand in hand. For example, forms can be used to enter or locate specific records in a database. You can then specify how you want the information used, stored, and processed. Another example of the use of a form is the online test— a test in which students input their answers in designated spaces and then they receive their grades automatically, after the form interacts with a database of the correct answers. The application can store the form data in a database, or simply send it to you in an e-mail message. It’s all up to you.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Not Available Yet

2 - Complete in the Textbook = All of Chapter 8 (pg. 8-1 to 8-33)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 8 homework - Thank You

Email Subject Line should Read:
DW Chapter 8 - Completed - Your Name & Your c106_user#

Go to Top

Nov 1st



 

Chapter 9 - Assignments
Completion Time = 2-4 hours

Chapter Overview

If you want to be able to precisely control the position of text and graphic elements on your Web pages, another option you can use is a CSS page layout. CSS layouts use containers formatted with CSS styles to place text and graphics.  These containers can be images, blocks of text, a Flash movie, or any other page element. The appearance and position of these containers is set through the use of HTML tags known as div tags.  Elements can be positioned next to each other as well as on top of each other in a stack.  In this chapter, you will use a CSS predefined page layout with div tags to place text and graphics on a page.

Using Div tags versus Tables for Page Layout
The best basic HTML component to compare div tags to is tables. Like tables, div tags control the structure and appearance of your Web page, designating where elements should be placed. But unlike tables, div tags allow you to stack your information in a vertical pile, allowing for just one piece of information to be visible at a time. Tables are static, which makes them difficult to change on the fly (for instance, in response to a viewer interaction). Div tags, on the other hand, is treated by the Web server as its own document, making it easy to change their contents dynamically. Dreamweaver even automates the process of adding the JavaScript behavior needed to put these ideas into practice, by using behaviors.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Chapter 9 - Lesson 1

2 - Complete in the Textbook = All of Chapter 9 (pg. 9-1 to 9-21)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 9 homework - Thank You

Email Subject Line should Read:
DW Chapter 9 - Completed - Your Name & Your c106_user#

Go to Top

Nov 8th



 

Chapter 10 - Assignments
Completion Time = 2-4 hours

Chapter Overview

Chapter 10 shows you how to use Dreamweaver to add Flash objects and various multimedia effects created in other programs (such as Adobe Fireworks graphics and behaviors; Adobe Flash movies, text, and buttons; Adobe Director and Shockwave movies and presentations; Java applets; and ActiveX controls) to the pages of your Web site. Adding these types of files will greatly expand the scope of action on your Web page and add exciting options to your palette, allowing you to create complex, interactive Web sites. In addition, these multimedia effects are viewable within the pages themselves. Viewers do not need to load an external document player. Therefore, the process of bringing multimedia to your viewers is simplified.

When you add video and audio elements to a Web page, you are looking to engage the viewer in a multi-sensory experience, similar to watching a movie. Dreamweaver allows you to insert a wide range of different types of effects to your Web pages, including Flash buttons, movies, and text; Shockwave movies; and a series of built-in JavaScript behaviors such as sounds, rollover images, and popup messages and menus. These features can bring your Web site to a truly new level of interest and viewer interaction.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Chapter 10 - Lesson 1
Video - Chapter 10 - Lesson 2
Video - Chapter 10 - Lesson 3

Video - Chapter 10 - Lesson 4

2 - Complete in the Textbook = All of Chapter 10 (pg. 10-1 to 10-21)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 10 homework - Thank You

Email Subject Line should Read:
DW Chapter 10 - Completed - Your Name & Your c106_user#

Go to Top

Nov 15th



 

Chapter 11 - Assignments
Completion Time = 1-2 hours

Chapter Overview

Chapter 11 explores templates. Templates can help you create a professional-looking Web site that feels complete to the viewer. When you are building a Web site, you want your site to come across as unified, with each page leading visually to the next so that viewers know they are on your site regardless of where they have navigated to. For starters, the navigation panel, the company logo, and the other common elements should appear in the same position on every page. You could give every page the same background color, or color-code your site according to sections. Working with templates is an easy way to be sure every page in your site has a consistent look. Templates are made up of locked regions, as well as other sections that users are permitted to customize. Some examples of these customizable regions include optional regions and editable regions. Using templates not only guarantees consistency of design, but will also save you substantial development hours. Once your template is complete, you just plug in the content and save your pages. Templates are especially handy if your site is going to be worked on by several different people. The templates can ensure that no one can take liberties with your design and site conception.

The best way to work with templates is to assign a template author to be responsible for creating, maintaining, and managing the template. The template author’s template should have locked regions that contain the design elements common to every page, as well as regions where content can be added or modified. Once the template is fleshed out and complete, the other members of the Web development team can use it to build the site, entering the proper content to the editable regions of each page. Note that if the template author makes any changes to the template, the pages already built from it can be automatically updated.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Chapter 11 - Lesson 1
Video - Chapter 11 - Lesson 2
Video - Chapter 11 - Lesson 3

2 - Complete in the Textbook = All of Chapter 11 (pg. 11-1 to 11-21)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 11 homework - Thank You

Email Subject Line should Read:
DW Chapter 11 - Completed - Your Name & Your dw##

Go to Top

Dec 6th



 

Chapter 12 - Assignments
Completion Time = 1-2 hours

Chapter Overview

Chapter 12 explains the use of library items and snippets. Both of these features can help you bring efficiency and ease to any work that you do on your site with repeating elements. Repeating elements can refer to blocks of text or graphics or even elaborate combinations of the two. A saved library item is stored in a separate file in your Web site’s Library folder. The true beauty of library items is that any time you make a change to the library item, every place where that item appears will reflect the change as soon as you update your site. This is far faster than finding each page and replicating the change. It also can help you in your site management, as you will no longer have to double-check  that you have modified every instance of the repeating element.

Another method of managing repeated elements in your site is to add code snippets. Dreamweaver comes equipped with a vast collection of code snippets that are “ready for action.”  Easy to insert into the code of your page, they can be tailored to the content of your site, creating headers, drop-down menus, breadcrumb navigation trails, bulleted lists, footers, and more.

Thank You,
Mario :)

Complete the Following Tasks:

1 - Please watch these videos:

Video - Chapter 12

2 - Complete in the Textbook = All of Chapter 12 (pg. 12-1 to 12-25)

3 - Upload the files for The Striped Umbrella Website - to the Student Web Server
- the files should be PUT to your web server via DW's File Manager before you email me so that I can review them - Thank You

Email Me (mtejada@dvc.edu) when you finished the Chapter 12 homework - Thank You

Email Subject Line should Read:
DW Chapter 12 - Completed - Your Name & Your dw##

Go to Top

Dec 12th



 

COMPLETE & SUBMIT
ALL Class Assignments
by Monday Dec 21st
at 8am

This is Written in Stone!

I submit FINAL Grades at 9am!!

 

Dec 21st


Go to Top

 
Return to Class Home Page