This project will give you a chance to practice editing in Dreamweaver and allow you to collect and reflect on your work in this class. You will also use the page to collect and organize links to useful Web sites. This will be graded again at the end of the semester, so you will need to keep it up to date with each project and assignment. Before you begin, browse some examples (note that these are finished, end-of-semester portfolios).
NOTE: Everything on this page and all of your class work will be live on the Internet on our college server. This content will be available to anybody who types in your URL. Though we've taken steps to make it difficult, your site might get into a search engine index. Contact me if this is a problem for you.
What to Do
- Launch Dreamweaver and open your defined
site for the studentweb site [local_root]. (If you are on campus, you will have to import your site definition.) Create a new file named 212portfolio.html in
the local_root folder (not within a subfolder).
- Give your page a title. The title should be something
like "John Doe’s
CIS 212 Class Work" (with your name, of course).
- Start your page with your name and an image of you. All images should
include Alt text.
- Use Modify -> Page Properties to set font face, background color, and link attributes.
- Create headings for Assignments, Textbook Lessons, and Links.
- Add links
to your class work. This
will be an ongoing process – not all links can be made now. Class work so far :
- Hand Coded HTML page
- Week 3 practice
- Week 4 practice
- Chapter 1 (link to MM_DWCS5.5>Chapter01 folder with your completed work)
- Chapter 4 (link to MM_DWCS5.5>Chapter04 folder with your completed work)
- Chapter 5 (link to MM_DWCS5.5>Chapter05 folder with your completed work)
- For each assignment, add a sentence or two to reflect on what you learned from this assignment.
- In a bulleted list, link to a few favorite Web development
Web sites. This should also grow throughout the semester. By the end, you should have at least 10 links.
- Add a "footer" to the bottom of the page. (Footer
is just stuff at the bottom of
a page - there isn't a "footer" in Dreamweaver or HTML.) The
footer includes the revision date, contact information, institutional
affiliation, and the page or site URL. This
helps establish your credibility and provides a way for visitors
you. If they print your page, the
URL is there in case they want to look at it later. Here's an example:
Revised September 13, 2003
by Albus Dumbledore, email@example.com
for CIS 212, Cuyamaca College
- Dreamweaver can automatically display the last date the document was revised. Just select Insert -> Date from the menu and check the box that says to update the date every time you edit it.
- Use a line break (shift + enter) instead of a new paragraph (enter) in between lines on your contact information.
- Use a small, sans-serif font for the footer.
- Work with your page design to make it attractive and user friendly. To me, this means
- Simple, harmonious color scheme. Make sure the text color contrasts with the background color (light on dark or dark on light).
- Simple background -- don't use a busy backgound image, for example.
- Easy-to-read font face like Verdana.
- Content CHUNKED by using heading format (h1-h6)
- Submit your URL to Moodle. For full credit, the URL should follow this pattern: http://studentweb.gcccd.net/username/212portfolio.html. I will grade what is on the studentweb server.
Grading - 50 points
Your URL MUST be http://studentweb.gcccd.net/username/212portfolio.html
|5||URL is correct|
includes required elements:
|5||grammar and spelling are correct (sure Shift+F7 to check spelling)|
|10||Page design is usable and attractive. Page properties have been set using Modify -> Page Properties.|
|10||Information is well organized into chunks using headings|