| Final Project Checklist | |
|---|---|
| My name is Heather and my final site is here. | |
| Prof's final comments: | |
[[Final]]
|
|
Overall Site design |
20/20 |
Web design techniques |
30/30 |
Total |
50/50 |
| Overall Site Design (20 points): | ||
|---|---|---|
| Contents, look and feel: | ||
| Text, pictures and interactive components work together to fulfill your readers' expectations. Text should read as if written by a professional: no spelling or grammatical mistakes, writing is clear and concise with no rhetorical flaws. | ||
| Your comment: | Dr. Watson has many rhetorical flaws in his writing, and so in some of the character biographies (particularly Mycroft) there are conflicting descriptions. I found it hard to find a reason to integrate the form, but I did in the end.
|
|
| Site structure and navigation: | ||
| The structure of your site serves its purpose and is transparent to the user. Navigation is simple and intuitive. It provides easy access to all the pages in the site. Best marks go to sites that make it clear to the reader where they are and where they can go. | ||
| Your comment: | I'm very happy with my two CSS menu bars, and how they show the current section and page in that section.
|
|
| Self-evaluation: | ||
| What is your site supposed to do? How does it serve your audience? | ||
| Your comment: | The site is supposed to give people more information about Sherlock Holmes when they read the books. I wanted to bring together little snippets of information that are separated in all the different stories. It helps the audience have a better understanding of the Homlmes stories. |
|
| Describe the strategy you used to achieve the site's purpose. | ||
| Your comment: | As this site is book-based (no mention of TV or movie versions of anything), most of the text and information is direct quotes from the books. If it isn't a direct quote, it is just rephrased. I also chose the layout based on a book, to fit with the theme. |
|
| Describe the design problems you encountered and the solutions you tried. | ||
| Your comment: | I had my menus with one across and one on the left for a while, but it didn't look right, and I couldn't figure out why. I realised that it was because text in a book goes across, not down, and as I was trying to make the site look like a book, the left navigation didn't fit in. | |
| What do you think worked best? Why? (Discuss a specific part of a specific page.) | ||
| Your comment: | I really like the layout, and how it kept the look of the book, and still worked as a clear layout.
|
|
| What would you like to redo if you had a chance? Why? (Discuss a specific part of a specific page.) | ||
| Your comment: | I would like to be able to do the rollover again, possibly by slicing the picture into even smaller pieces. I would like to have used the annotated version as the graphic it would rollover to, but would not be able to optimize very much as it would make it unreadable. Maybe for something that isn't a class project and has limits on graphic size.
|
|
| What did you learn from the usability tests you conducted? | ||
| Your comment: | That while the information is good, I need to break up the text a bit to make it easier to read.
|
|
| Anything you want add? | ||
| Your comment: | I really enjoyed making this site, and want to keep it up. I'm looking into finding a webhost, so it can still stay up when I leave university.
|
|
| Web Design Techniques (30 points): | ||
|---|---|---|
| Picture optimization: | ||
| ALL graphics and photos are optimized for the best compromise of quality and size. | ||
| Your comment: |
Yes. Some are still large (the rollover image) but I couldn't make them smaller because the quality would have been horrible.
|
|
| Prof's comment: | [[PO]]
|
4/4 |
| An image map: link | ||
| Your comment: |
There isn't any story where all 4 characters I list are in one place, so I had to take the best drawing I could find, with only 3. I filled in the alt tags in Dreamweaver, but can't get them to show up when I mouse over the picture. |
|
| Prof's comment: | [[IM]]
|
3/3 |
| A complex rollover: link | ||
| The rollover must include two actions: highlight the item under the cursor on mouseOver and provide extra info about the item by setting the text of a fixed layer or showing/hiding appropriate layers. | ||
| Your comment: |
The picture changes on mouseover, and a few facts are shown. Originally I wanted to use the annotated version I linked to on the page, but the graphic is quite large as it is, and further shrinking and optimizing would have made it unreadable.
|
|
| Prof's comment: | [[CR]]
|
3/3 |
| A functional form: link | ||
| The form is normally done with formMail, but you may use another package if your host is not Unix.uvic.ca. You should have the form forwarded to me initially (recipient hidden field value must be blavie@uvic.ca). Once you've received your mark, reset the recipient to yourself (or anybody BUT me). | ||
| Your comment: |
It took a while for me to figure out what I would put in a form on this site, but I figured it out in the end.
|
|
| Prof's comment: | [[FF]]
|
3/3 |
| A ready-made javaScript: link | ||
| I'll accept a variant of the javaScript quiz we did in-class. Feel free to use any other javaScript tidbit. Note that this has to be fully functional. | ||
| Your comment: |
This javaScript displays a different quote on each day of the month. I wanted something that could rotate quotes, I couldn't find one that would change each time the page was refreshed, but this one works just as well. The quotes are numbered, 1-31, and the javaScript gets the date from the computer. I think it is also a good thing to get people to come back to your page, to see what the new quote is.
|
|
| Prof's comment: |
[[JS]]
|
3/3 |
| Style sheet (CSS) use: | ||
| This technique will be evaluated on a continuum. You must use at least a little bit of CSS for formatting/appearance. Good marks will go to sites which do not rely on html markup alone for the appearance of their pages. Best marks will go to sites which demonstrate an undestanding of the relationship between CSS, the parent-child containment model, and minimal markup. | ||
| Your comment: |
I used CSS for the navigation, but my favourite use of is is re-defining the bold tag so I could have text of a different font and colour in the same line as regular text. Such as here.
|
|
| Prof's comment: | [[CSS]]
|
7/7 |
| Layout control: | ||
| Just what it says. The layout of your pages is tight and consistent throughout the site. It does NOT look like it was thrown together haphazardly. | ||
| Your comment: |
Everything is based on the same template, so all pages are unified. The only drawback to the templates was that I made them before a lot of the pages were made, so I had to edit them individually to put the links in. I left the navBars editable so I could use the current function. |
|
| Prof's comment: | [[LC]]
|
7/7 |