Design Text, Chapter 4, 6, and 7
Centering a page requires different instructions for different browsers. Therefore, you must
use both. In IE, you can use the style text-align:center;
However, in Firefox, you should use margin-left: auto;
margin-right: auto;
For this assignment, you should be able to create your page with the following attributes:
background-color:
border:
color:
float:
font-family:
font-size:
font-variant:
font-weight:
margin:
margin-left: auto;
margin-right: auto;
margin-top:
padding:
text-align:center
width:
Project
- The format of a page can be changed just by changing the style sheet, not changing the document. Additionally,
pages do not totally look the same in each browser. View
the following screenshots prepared by a former student, Sharon Joiner.
These screenshots show three different styles appliced to the same page and viewed in different browsers.
Screenshots.
- Save this copy of the Declaration of Independence
If you just look at the page in a browser all the lines are run together. But, if
you view the source, you will see that the paragraphs do have separation. Be sure to view the source
and save the source.
- Use the coding necessary to have a blank line between each paragraph.
- To create a dash use the character entity —
- To create an ampersand use the character entity &
- For this assignment we are working with the first example with the large drop-cap W. An example is:
.x:first-letter {your attributes here}
Then your XHTML code would have
<p class="x">
(Although x is not a very good class name. And the dot operator in front of the x does not show up
well on these instructions. )
- Add paragraph breaks, class, spans, and division breaks as needed.
- Create a style sheet.
Don't worry about spacing the names and you only have to print John Hancock and 2 more names.
You may use internal style sheets for convenience.
- Add the link to your index page.
- Your Declaration link should
show a different color when the link is hovered and when it is visited.
Testing uploaded pages
- Upload your revised index.htm page to the public_html folder.
- Upload your assignment7 folder with the file:
- Make sure your page validate for both XHTML and CSS. Pages that do not validate after uploading
will only receive 50% credit at most.
If any of these steps have errors let me know through email so that I can make the correction
