1. Select a Topic for the website - something you are passionate about.
Topic must be DIFFERENT from past websites you have used for this course.
Please do not pick a topic that is about your family or friends. If you are thinking about something that
involves your family or friends, please e-mail your Instructor with your topic to make sure you are headed
in the right direction.
2. Select a Theme for the website - the perspective about the topic . . . who is the audience, how important
the topic is; what you want to tell/show the visitor - incorporating the features you developed in the units
of study for this course.
Design a rough layout (wireframe / storyboard) – Use textbook references and/or other research based
on your choices
navigation system (from later chapters in the textbook) - where, how, what to include based on topic/theme
use a cohesive navigation strategy based on your research done for this course. Have navigation on at least
one page of the website that incorporates rollover features. Page 2 of 4
site components - based on content you want to include on the various pages. At the end of the
development, add a site map link on [login to view URL] and design and produce a site map page – you may use
a design choice based on your research done for this course. The links to the pages should be
incorporated. Keep the design simple based on your current skill level.
3. Use a CSS external file and incorporate at least 7 different design choices for this project.
4. Produce the website per your choices and the required elements.
5. Submit and publish the website by deadline. See further notes below. . .
Checklist for Final Exam Project:
_____ Website infrastructure per standards used in this course
WebFinal_lastname Top folder
css folder
assets folder
[login to view URL] pages
[login to view URL] at least 2 subordinate pages if not more . . . per content/design
[login to view URL]
[login to view URL] whatever other file format needed for the website.
_____ Topic content - enough content (not Lorem Ipsum) worthy of the website size and scope. Make sure the
visitor knows the topic, theme, scope of the website as they view the index page. Help them know what
you are offering by how you designed the
o index page - content, layout choices, navigation consistent throughout
o subordinate pages - number of pages, content, components, etc.
_____ Banner you create using Word/Paint or other software - per storyboard you design (topic)
_____ Background colors or texture or whatever per your overall design
_____ Incorporate rollover buttons, menu navigation (drop-down or collapsible). Use both somewhere
appropriate to your design choices based on additional research if needed. Use the reference sites
you have found along the way.
_____ At least 5 working links for external URLs related to the topic somewhere on [login to view URL]
Page 3 of 4
_____ On each subordinate page: At least 3 working links for external urls related to content
_____ Incorporate anchors from one page to another page with a move (jump) down the page to content
_____ images – at least 10 appropriate to support the topic content not just to fill space.
_____ Include favicon into the website.
_____ Include first-letter into the website.
_____ Spice up ordered lists by using something other than 1. 2. 3. 4.
_____ Spice up unordered lists by using images as bullets where appropriate. Create or find icon files to
use . . . Select something related to your design concepts.
_____ Design and incorporate unique horizontal bars to separate sections
_____ Incorporate at least (2) tables with tags for features such as, border, column percentage
or size, etc. somewhere. One should have images, and the other should have links.
_____ Incorporate at least one (1) flash file where appropriate - banner, other place(s).
You don’t create a flash file but find one related to your theme.
_____ Find an animated .gif (you don't create) as links, i.e., e-mail . . .
_____ Other features and/or elements that support the website topic/theme/scope. As you compile your
content and assets, additional features and/or elements will come to your attention. Handle to the
best of your current skill level.
_____ Use the same disclaimer placement and wording as used in previous projects. Research how to
place a copyright symbol with your name, date. Use other special characters (named entities, etc.)
as needed.
_____ Create a site map and have the link from the [login to view URL] page. [You may have to do additional
research to help you with this aspect.] There is a link under the HOW TO . . . Section on Bb.
[login to view URL]
Free 30 day trial software download. Keep it simple but see how elaborate site maps can become.
Search for other free products that you could use.
Thank you for the opportunity to submit a proposal for the website.
Based on my understanding of your requirement, I do have an exciting idea to build a website that
provides information and work of musicians across the world. Target audience for this site will be
all the music lovers who would like to discover about various musicians /music forms and their works.
Need: To build a website for musicians that incorporate themes based on the topic with relavant navigation.
Solution: This site provides a fresh new web design that is easy to navigate and provides useful information to ardent music fans. The design will provide with the listings of the famous music personalities and appropriate links to the external web pages for more information.
Incorporates with appropriate images, flash file, rollover features, menu navigations, favicon and the site map.
Website Organization
The new design will have five main landing pages:
Home Page
About/Contact
Gallery
Portfolios
These four pages will be "hardwired" into the home page and links to them will appear in the horizontal menu bar at the top of the page (below the logo and other header content). On each of these pages, the header with above options will be available for easy navigation.
Preliminary Design: I'll provide with a sample wireframe with the design concept for the new website. This will include the basic layout, themes, color palette, font choices, site map etc. Will submit for one round of design review.