This page must be linked both
from and to your zzz.html homework page. EACH COMPETENCY
must be linked to at least one place in your final project
that shows the successful demonstration of this requirement.
Use an anchor link to the demonstration destination AND modify this page
to have a text description in the required competency column
explaining where and how you've demonstrated this competency.
|
Name of Designer: ____Martha Raup________________________________________________ |
| |
Required Competency |
Details of How/Where the Competency
is Used |
|
|
Consistency of design
elements, theme, color, energy, iconography, content,
etc. Your final will be one cohesive professional
site. It will NOT be linked pages of homework assignments
demonstrating use of these competencies. You are learning
to create and manage a WEBSITE, not just making .html files
that link to other .html files.
Generally, limit use of fonts to 3 font faces. |
I used a DW template which I modified into 2 templates. This gives a consistent look throughtout and makes it easier to update! |
|
|
Consistent and intuitive of navigation
throughout the site. |
2 levels (main & reports) 2 locations (top & left) |
|
|
Link all pages to an external
style sheet and upload to the same directory as your
final and name it:
http://krypton.fhda.edu/cast074a04w/yourname/final/final.css
or whatever our UNIX account course ID is for this quarter |
included as final.css
original: final/styles/2col_leftNav.css |
|
|
A minimum of six pages, each with
unique content (at least three paragraphs per page) AND page
titles assigned to each page. All pages much have meaning
to the site and not just be a demonstration of a required competency. |
|
|
|
META description
and keyword tags in heads of every page. |
yes: final/web/meta.html |
|
|
Named anchors:
A- include an anchor from a link on a page to anchors within
the site on other pages AND
B- include an anchor from a link on a page to another location
within that same page. |
A-(Bottom: Our Promise to You)
B-(Top - on every page) |
|
|
Email links
that open an email client like outlook or eudora, etc. |
bottom of every page |
|
|
3 related external
links targetted to open a new browser window. - related
means related to the content of your site, not just links to
search engines, etc. |
- link1 (Home Page - Google map
- link2 (Contact Us)
- link3 (Website Development )
|
|
|
At least one ordered, unordered or
definition list. |
Formatted List |
|
|
At least one DW
formatted table using a modified DW Table Format Command
from the Commands Menu - Format Table... feature. |
Formatted Table |
|
|
Use at least one functioning
form for ordering, contact info, feedback, etc. that
will be sent to your email address. Be sure to use the form
action, name, and method in your form tag. method="post",
action="you@youremail.com", etc.
Include all these form elements in
the form: textbox, textarea, radio button sets, checkbox sets,
menulist, submit and clear buttons. Have your classmate buddy
submit the form to you to verify that it works. The form must
function and send the data to your email
address. Be certain it works before uploading to me.
Do NOT put a jump menu on the same page as another form. |
Form |
| |
Use several Dreamweaver
flash buttons OR flash text. |
Button #1 (Click Here) ,
#2 (More Photos);
Text #1. Calendar of Events,
#2. Find Out MORE
|
| |
Behavior 1:
An example of layers with invisible and visible properties (show/hide)
properties. Make it a cohesive part of your site that makes
logical sense, NOT just an example to fulfill the competency.
Describe in detail what you are doing with the layers.
It's often NOT obvious to me when I review your projects. |
Layers with invisible and visible properties
description |
| |
Behavior
2: Image rollover |
Image rollover |
| |
Behavior 3:
one pop-up window fixed width 600 pixels,
with no toolbar, no menu, no scroll - see Homework for
Lesson 11 (this is NOT the same as
a javascript alert box). Use the onClick
event handler NOT the rollOver handler. |
Pop-up Window |
| |
Behavior 4:
At least 1 jump menu that is NOT on the same page as another
form. |
Jump Menu 2 on every page, formatted via template |
| |
Behavior 5:
Forms Validation on your form. |
(Form Validation |
| |
An image map
created in Dreamweaver with functioning links and obviously
defined hotspots. Make it an integral part of your design
rather than just submitting an unrelated image map to fulfill
the competency. |
Image Map |
| |
Your
final project should be in a directory called final in
your public_html unix web space.
Please create that directory if it doesn't exist. Call the entry
html file within the final directory: zzz.html. This
will be your homepage.
Your link to your final will be similar to: http://krypton.fhda.edu/cast074.04w/yourname/public_html/final/zzz.html.
The course ID number changes each session and yours will be
similar to coin074.04w.
Points will be deducted if your file is not placed in the
required directory or named correctly. You will not get credit
if you do not use these two folders or if your link to Etudes
submission brings up a 404 error. |
zzz.html |
| |
REQUIREMENTS.HTML***Link
to a page that lists all the above competencies you used with
anchor links to each illustration of the requirement. Copy
this list of requirements into a file called requirements.html
and link each requirement on the
list to the places in your website that illustrate your use
of the requirement. Name this page requirements.html.
Title this page Requirements. |
requirements.html |
| |
Identify the buddies who participated
in your final project code review
- Code Reviewer ___________Jeff Roper___________
- Code Reviewer ___Carol Gleason___________________
|
| |
BROKEN LINKS:
Check all your links before submitting your final. Use DW Link
Checker. No broken links please! Have a classmate or
colleague review your code from a computer other than yours
to be certain there are no broken links or images. |
Done |
| |
BROKEN IMAGES:
Check all your images. Have a classmate or colleague check
your site from their on-line and connected computer to ensure
all images show. Often images are stored in your computer's
cache and will show in your browser even if they are no longer
properly linked. By uploading and viewing on another computer,
you can check to be certain all links and images are working.
Do not submit a final that has any broken images or other
objects. |
Done |
| |
Includes all behaviors |
image rollover doesn't |
| |
DEDUCTED POINTS for broken links or
images, late submissions, not following directions |
|
| |
Extra points forum participation, extra
credit assignments, etc. |
|
| |
TOTAL POINTS for Final
Project |