At the end of this project, you will be able to:
- Create an Embedded style sheet in an XHTML document.
- Apply CSS styling to specific page elements.
- Format text on a page for font, weight, size, color, and alignment.
- Place images and create a bulleted list.
- Folder called “lastname_firstname_Gordo”
- HTML document called “gordo.html”
- Directory structure
- Embedded Style Sheet
- Create a HTML document with the files provided.
- Name the file gordo.html.
- Place the information from the gordo_text.doc into your HTML document.
Place elements needed into the document.
- Create an Embedded style sheet within your document.
- Give the page a background color of gray and width of 500px.
- Place a default of the font Georgia, serif and color black.
- Default size of fonts will be 14px.
- Place the image “famous_primate.png” at the top of the page.
The image width is 500px and the height is 176px.
- The heading “Gordo” is 30px in size, centered and color light blue.
- The headings “Old Reliable” and “The Mission” are 18px in size and color light blue.
- The paragraph format is justified with a line height of 1.5em.
- In the first paragraph emphasize “one of the first monkeys” and make “Albert” important in the color white.
- Place the image called “gordo.jpg” after the first two paragraphs. The description of the image is “One of the first monkeys to make it into space.” The image width is 500px and the height is 350px.
- Change “IRBM” to white an placed in the meaning in the code: Intermediate Range Ballistic Missile.
- The headings “The Jupiter AM-13” and “The Journey” are 16px in size and color light blue.
- All sub-headings are centered and the font is styled with Arial.
- Put “Flight Date and Launch Time” an unordered list.
- Put “Flight Time and Apogee” an unordered list.
- Place horizontal line before “References“.
- The heading “References” is 12px in size and color light blue. All letters are capitalized with letter-spacing of 0.4em.
- Put info under reference in a numbered list.
- Place files and folder into a folder: lastname_firstname_gordo.
This is due at the end of class (Friday October 7, 2016).
Share folder link to Google Classroom > CSS Exercise.
Ask assistance if you are not sure about a specific task.