Design a preliminary homepage , PHP Web Programming

A. Design a preliminary homepage called "cssprelimI.htm". It should be similar in layout to the example below, but you may use your own content.

1) Have a banner across the top using header tags that give the title of your web site.

2) Use an unordered list of links that connect to some practice sub pages. You will use float to position the list on the left.  Create an empty page to test the links.

3) Next to the menu you should have a number of paragraphs about your web site. It should be long enough to flow completely around the graphic.  The text should be placed below the menu list in your file, so that it will appear along side in the output.

4) On the right side of the page you should have a  picture that has something to do with your topic. Use float to keep the picture on the right. The img tag for the picture should be placed after the first paragraph of the text so that the text will flow around it. You may have to move the location of the img tag up or down, depending on the size of your graphic.

Use the following parameters in your img tag: style= "float:right; margin-left: 10px;"

A copy of the  whirlpoolgalaxy.jpg  graphic is located in the downloads section if you wish to use it.

5) Use the following styles section in your file:

You may modify the above styles as well as adding new styles for things like the page background color, bullet types, etc.

B. Create and test an XHTML document that has six short paragraphs of text that describe various aspects of the state in which you live (California). You must define 3 different paragraph styles, p1,p2, and p3. The p1 style must use left and right margins of 20 pixels, a background color of pink, and foreground color of blue. The p2 style must use left and right margins of 30 pixels, a background color of black, and a foreground color of yellow. The p3 style must use a text indent of 1 centimeter, a background color of green, and a foreground color of white. The first and fourth paragraph must use p1, the second and fifth must use p2, and the third and sixth must use p3.

C. Create and test an XHTML document that describes nested ordered lists of cars. The outer list must have three entries: compact, midsize, and sports. Inside each of these three lists there must be two sub-lists of body styles. The compact and midsize car sub-lists are two door and four door; the sports car sub-lists are coupe and convertible. Each body-style sub-list must have at least three entries, each of which is the make and model of a particular car that fits the category. The outer list must use uppercase Roman numerals, the middle lists must use uppercase letters, and the inner lists must use Arabic numerals. The background color for the compact car list must be pink; for the midsize car list, it must be blue; or the sports car list, it must be red. All of the styles must be in a document style sheet.

D.  Rewrite the document of Exercise C to put all style-sheet information in an external style sheet. Validate your external style sheet with the W3C CSS validation service.

Posted Date: 2/20/2013 7:03:13 AM | Location : United States







Related Discussions:- Design a preliminary homepage , Assignment Help, Ask Question on Design a preliminary homepage , Get Answer, Expert's Help, Design a preliminary homepage Discussions

Write discussion on Design a preliminary homepage
Your posts are moderated
Related Questions
Question: (a) Explain the concept of "mixed content" in an XML document. What restrictions are placed on the definition of elements with mixed content by Document Type Defini

Script to extract web data I want a script with two functionalities: - Excerpt specific text data from web sites - Find particulars of these data using Google Location ser

Magento 2 installation We want a coder that has already installed the last Magento 2 installation Zip file so can help us to understand how to do it on our server. Desired Sk

I need help in Design Corporate Website Webshop selling "urban" as well as "hip-hop" inspired t-shirt designs. We have a rapid graffiti style logo at the moment and would like h

Web Design A digital media as well as graphic company is seeking an individual with web experience to work with the company to update as well as manage its four web sites. De

Talented PHP / JavaScript programmer needed ASAP Wordpress, PHP, JavaScript expert with obtainability over the next two weeks Job Description- I am structure a social medi

I am looking for a Jquery mobile expert with strong css skills who has created Jquery ui and Jquery mobile plugins before as well as utilized other advanced java-script and CSS pro

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Revisions to Expression Engine website I am handling a website created from Expression Engine framework and need a few revisions completed. I will attempt to describe the revisi

Seeking Web Developer/Programmer for unique lead gen website a) Potential customers come to website and post services they need b) Providers make offers to post c) Both cu