Description
Project 3 Twin Life Magazine
For your last project, you will design and build a web site for an online version of a magazine about twins.
1. Plan and design the layout of the web site. You will need to review the files provided and the specifications for the web site before you begin this part.
2. You are to create an online version of a magazine created for parents of twins, triplets, and other multiple birth children following the guidelines below.
a. There are to be a total of five web pages for the site that you need to hand in plus one style sheet. A front page called twinlife.htm, a news page called news.htm, a monthly features page called features.htm, a page for special articles called articles.htm and a customer survey page called survey.htm. In addition you need to create a style sheet containing all the styles for the site called twinstyles.css.
b. You will need to download the skeleton web pages, some text files and some images to use from the link on the Project 3 Instructions page. The text files contain information that you must use on the pages. Go through all of these files and decide what should go on each page. It is up to you what you put on which page although some of the information clearly goes on certain pages. Feel free to supplement them if you want but if you use additional images be sure to include them when you submit your assignment. The design of the web site is up to you.
c. General instructions for all pages.
1. Add your name, the date and an appropriate description to the head of every page.
2. The logo, twinlife.gif, must appear as an image map with links to the other pages at the top of every page. You will have to determine the coordinates using an image map editor like, http://www.image-maps.com.
3. Regular links to the other pages must appear in the footer of every page.
4. All image files provided must be used.
5. Code on every page must be neat, properly indented and easy to read
6. All content of the text files provided must be used.
d. All formatting should be done in twinstyles.css.
1. All formatting and styles for the web pages must appear in this stylesheet.
2. All style categories must have a descriptive comment before it in the page.
3. Styles must be grouped and organized.
4. All pages must have a common color scheme.
5. Styles must be added for each page to insure that it is attractive and easy to navigate.
e. Requirements for twinlife.htm.
1. Must be the home page for the site.
2. Must be attractive and easy to navigate.
3. Must contain the current date. Use the showDate() function from dates.js JavaScript file to generate the text of the current date (do not write your own date code).
f. Requirements for articles.htm.
1. Must contain articles about twins and child care.
2. Must be attractive and easy to navigate.
3. Must have at least two columns.
g. Requirements for features.htm
1. Must contain the advice column, photo of the month and a recipe of the month.
2. Must have borders around at least two elements.
3. Must be attractive and easy to navigate.
h. Requirements for news.htm
1. Must contain a page of news stories neatly formatted and easy to read.
2. Has a drop shadow around one object on the page.
3. Must be attractive and easy to navigate.
i. Requirements for survey.htm
1. Must contain a web form requesting information from the newsletter subscribers. The required content can be found in survey.txt.
2. Must be attractive and easy to navigate.
3. Must contain, a Submit button and a Reset Button. The form should be submitted using the CGI script at: http://www.twinlifemag.com/cgi/survey.
j. There are numerous files available with information that you must use in your website.
1. twinlife.htm – A homepage.
2. news.htm – A news page.
3. features.htm – A page containing monthly features.
4. articles.htm – A containing special articles about twins.
5. survey.htm – A customer survey page
6. twinstyles.css – A style sheet that must contain all the styles for the site.
7. twinlogo.gif – Image for logo of newsletter.
8. editor.txt – Content for a letter from an editor of the newsletter
9. howard.jpg – Image of the editor of the newsletter.
10. staff.txt – A list of the newsletter staff.
11. twins.jpg – An image of a set of twins.
12. chicago.txt – An article about a twins convention held in Chicago.
13. lasker.jpg – Image of author of convention article.
14. twintips.txt – Content of a Q&A page.
15. lawson.jpg – An image of the author of the Q&A information.
16. talk.txt – Content for an article about twins and talking.
17. kuhlman.jpg – An image of the author of the twins and talking article.
18. roles.txt – Content for an article about twins switching roles.
19. kerkman.jpg – An image of the author of twins switching roles.
20. rates.txt – Content for an article about the frequency of twins.
21. mbirths.txt – Content for an article about multiple births increasing.
22. recipe.txt – Recipe of the month.
23. deliver.txt – Photo of the month – goes with deliver.jpg
24. deliver.jpg – An image of the twins being delivered.
25. survey.txt – Specifics for the survey page.
26. dates.js – Javascript code to handle all date manipulation.
Reviews
There are no reviews yet.