

Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
A lab project for csce 101 students to create a personal website with three distinct pages: a biography page, an interests page, and a tech topic page. Students must use internal cascading style sheets, add content, and meet specific formatting requirements. The tech topic page requires a well-rounded overview of a selected computer-related topic, with limited direct quotes and proper citations.
Typology: Lab Reports
1 / 3
This page cannot be seen from the preview
Don't miss anything!


CSCE 101 Lab Project Spring 2007 Sections 4, 5, and 7 Due Date: April 5, 2007 Topic Selection Due: March 9, 2007 Project Overview: You will create a personal Web site to be displayed through your allotted CSE Web space. Your site will be accessed and graded through your on-campus URL (http://cl.engr.sc.edu/~username). You must ensure that all of your pages and images can be accessed properly from your URL. The project will incorporate new CSS style properties and HTML elements. Your Web site must have a professional format suitable for public display and must not contain any offensive material. Avoid excessively busy background images and “flashy” animations, which make viewing and grading sites difficult. Late work will not be accepted. Step 1: Topic Selection Your Web site will incorporate three pages, each of which must be about a different topic. You must name the files you create as indicated below. Biography Page (index.html): This page must include biographical information about you such as DOB, hometown, family, etc. Interests Page (page2.html): This page must be about your interests such as hobbies, favorite artist(s), causes (e.g. human rights, conservation), or groups to which you belong (e.g. Greek and honor societies). Tech Topic Page (page3.html): This page must be about a computer-related topic selected from the list below. For the topic you select, you must provide a well-rounded overview of the topic such as what the topic is about, its applications, pros and cons, and challenges it may be facing. The information you present must be a summary of your findings in your own words with limited direct quotes. All quotations must be clearly shown as a quotation and must be clearly referenced. FTA (free to air) slingboxes (remote streaming) GPS W3C web widgets Step 2: Adding Styles You are required to use internal cascading style sheets for this project. Refer to the Web design handout for information on how to create style sheets. Each of your four pages must have an internal style sheet with style property values different than your other pages. In other words, each page must have a distinct color and formatting scheme. You may not use external style sheets, local styles, and conventional HTML formatting instead of internal style sheets. The specific formatting requirements are listed under General Requirements for All Pages. Step 3: Adding Content Once you have set up your Web site’s pages and styles, it is time to add content. You may use pages or content that you have composed for previous assignments as long as they fulfill the requirements for the project. Each page must contain at least five paragraphs that are at least eight sentences long. Sentences must be of reasonable length (more than 10 words on average). Below are the specific requirements for each page.
Biography Page: (index.html) Include your biographical info such as your name and DOB, hometown, major, and any other personal information you would like to include. Interests Page: (page2.html) Refer to step 1 for information about this page. Tech Topic Page: (page3.html) Write about the topic you selected in step 1. Remember that you may not copy and paste information from other Web sites. You must paraphrase and/or summarize the information you find. Also, include the links to resources you’ve used at the bottom of the page. Using direct quotes sparingly is permitted. General Requirements for All Pages: o Add links to each of your other two pages at the bottom of your main page (index.html). The name of each link should be the topic of the page to which it links. The links must be on the same line (do not use break tags between them) and spaced out for clarity (use to insert one or more non- breaking spaces between links). All other pages must contain a link back to the main page. The links must be in a separate paragraph that is centered, has an image as a background, and has borders that are 2 pixels thick. If you also need to list reference links on a page, do so in a separate paragraph at the bottom of the page. o At least five images spread over your Web pages as you wish. At least one of the images should be used as a link to a file or a site on the Web. One of the images must be a photo of yourself displayed on the main page. Reduce the size of large images either by cropping them or modifying the dimension attributes of the image tag. o All pages must have non-white background colors. o Paragraph font sizes should not exceed 12 pts. Use a different type of font for each page. o Modify the style properties of the a:link , a:visited , and a:hover tags to something other than the default. o Each page must have a title that appears within the browser window (i.e. not the title that is created in the head section of the HTML document). The title must be at the top of the page, centered, bold, 16pt font, and must be surrounded by borders. o A definition list on one of the pages (created using the