Design a Website Mockup

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.