Dreamweaver, HTML, CSS Skills Test
This “take home” skills test is a project-based examination and demonstration of your ability to navigate the Adobe Dreamweaver interface to produce your own personal website based on one of the Template/CSS starter page sets.
This exam is a straightforward culmination of work assigned over the last month. Completing the various homeworks connected with the personal website project effectively produces the material evaluated in this exam.
EXAM ASSIGNMENT
Create and upload to your web server account a designed, working 5-page personal website with actual revised content. By 3PM on April 7, email cripps@york.cuny.edu the URL or web address for your working site. Bring the completed HEXADECIMAL COLORS checklist (below) to class.
AN ASSIGNMENT CHECKLIST (and grading criteria elements):
- ___ Website uses a customized DWT. This means that #branding, #mainnav, #content, and #siteinfo are all customized. The original Cripps-created text is no longer present.
- ___ There are 5 individual pages (Home, Community, Major, Hobbies, Portfolio).
- ___ Each page has content on it, broken into paragraphs. Lists are used where appropriate.
- ___ Portfolio page content includes a brief (3-5 sentence) description of your blog topic and goals, along with a link to your blog.
- ___ Major page uses an UNORDERED LIST (ul) to present the courses in your major, along with a brief one-sentence description of key work you did in each course you've taken in the major. (You might describe what you got from the course, or a project you're proud of.)
- ___ Main Navigation (links) works across the entire site.
- ___ Background colors for body, #container, #branding, #siteinfo, #mainnav, and #content reflect conscious design decisions.
- ___ Font colors for body, h1, h2, h3, and p reflect conscious design decisions and work within the CONTRAST design principle in C.R.A.P.
- ___ Link color and decoration choices for a, #branding a, #mainnav a, and #siteinfo a reflect conscious design decisions and work together with overall colors in the site.
Hexadecimal Color Values Checklist
Use empty lines and the Border/Other Colors area for added colors. Some with fixed-width layouts may want borders on the #container page element, for example.
Background Colors
- __________ body
- __________ #container
- __________ #branding
- __________ #siteinfo
- __________ #mainnav
- __________ #content
- __________
- __________
- __________
- __________
Font or Text Colors
- __________ body
- __________ h1
- __________ h2
- __________ h3
- __________ p
- __________
- __________
- __________
- __________
- __________
Link Colors
- __________ a
- __________ #branding a
- __________ #mainnav a
- __________ #siteinfo a
- __________
- __________
- __________
- __________
Border/Other Colors
- __________
- __________
- __________
- __________
Don't like the look? Restyle!
Dr. Reid | Produce | Wikiwiki | Escher
| Cloisonne | The
Blues | Negative | Skinless