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: _Chris Montgomery |
| |
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 have used design consistency on each and every page. I have fewer than three fonts used but I have 3-4 different font styles with different color and size of the same font family.
http://www.chrismontgomery.net/final/zzz.html
For fun, I also put my intro page here:
http://www.chrismontgomery.net
back up emergency files are here:
http://krypton.fhda.edu/coin074a02w/montgom3/public_html/final/zzz.html
|
|
|
Consistent and intuitive of navigation
throughout the site. |
Left, right, and bottom navigation on each and every page. Each navigation system does something different. The Left nav moves from page to page, the right nav opens different layers on each page, and the bottom nav is for links to this page and my zzz.html & HW page. |
|
|
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 |
Done:
http://www.chrismontgomery.net/final/final.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. |
Done |
|
|
META description
and keyword tags in heads of every page. |
Yes |
|
|
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. |
anchor on a new page:
http://www.chrismontgomery.net/final/pages/portfolio.html
(see the Leadership layer and hit the Margarita Madness link. Links to my about me page & Hockey.
same page anchor :
http://www.chrismontgomery.net/final/pages/education.html
|
|
|
Email links
that open an email client like outlook or eudora, etc. |
YES, on 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. |
Yes, on almost every page, see right side layer content:
http://www.chrismontgomery.net/final/pages/portfolio.html
|
|
|
At least one ordered, unordered or
definition list. |
Yes, on my education page: see right side layers
http://www.chrismontgomery.net/final/pages/education.html |
|
|
At least one DW
formatted table using a modified DW Table Format Command
from the Commands Menu - Format Table... feature. |
Yes, on my about me page, right side layers... choose Photography or Hockey.
http://www.chrismontgomery.net/final/pages/about.html
|
|
|
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. |
Done.
See my form off of my contact page here:
http://www.chrismontgomery.net/final/pages/contact.html |
| |
Use several Dreamweaver
flash buttons OR flash text. |
used on every other page, but used more on my contact & education pages:
http://www.chrismontgomery.net/final/pages/contact.html
|
| |
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. |
Enter my site off the main intro page, all main pages use layers
http://www.chrismontgomery.net/final/zzz.html
or
http://www.chrismontgomery.net/ |
| |
Behavior
2: Image rollover |
Rollover images can be found on my about me page, and portfolio page. I put a few rollover images in hidden layers... kinda cool.
http://www.chrismontgomery.net/final/pages/about.html
see our wedding layer
http://www.chrismontgomery.net/final/pages/portfolio.html
see awards layer includes Behavior 3 below
|
| |
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. |
Done
http://www.chrismontgomery.net/final/pages/portfolio.html
see awards layer and click on the award. |
| |
Behavior 4:
At least 1 jump menu that is NOT on the same page as another
form. |
http://www.chrismontgomery.net/final/pages/contact.html |
| |
Behavior 5:
Forms Validation on your form. |
yes! on email check only |
| |
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. |
Done, see Portfolio web samples layer
http://www.chrismontgomery.net/final/pages/portfolio.html |
| |
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. |
http://www.chrismontgomery.net/final/zzz.html
back up emergency files are here:
http://krypton.fhda.edu/coin074a02w/montgom3/public_html/final/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 =
http://www.chrismontgomery.net/final/pages/requirements.html#req |
| |
Identify the buddies who participated
in your final project code review
- Code Reviewer _Vasudha Ramanarasiah__
- Code Reviewer _Paula Schales__
- Code Reviewer_Patricia Hagen_
|
| |
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. |
|
| |
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. |
|
| |
Includes all behaviors |
|
| |
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 |