College of the Siskiyous

Home

Syllabus

Calendar

Textbook

Documents

Study Guide

PowerPoint Slides

Student Information Form

Online Classroom ~ Moodle

Education on the Internet

Instructor ~ David Donica
Prospective Students   Current Students    Faculty and Staff    Alumni and Community  
CSCI 28A ~ Web Publishing I ~ Fall 2008  

Weekly Exercise 14: - pdf version for printing
  1. Download the blog.html web page from Chapter 14 examples.
  2. Save the file as myblog.html in your local exercise folder.
  3. Download the blog.css style sheet used in the above file.
  4. Save the files as myblog.css in your local exercise folder.
  5. Make the following changes to your new myblog web page.
    1. Change the page title to Web Publishing I Blog
    2. Make sure the link to your new myblog.css style sheet is correct.
    3. Change the <div class="pagetitle"> to Web Publishing I Blog
    4. Change the <div class="author"> to Your Name
    5. Add a line break <br /> after the <div class="title">
    6. Add a line break <br /> after the <div class="text">
    7. Move the <div class="datetime"> below the <div class="text">
    8. Repeat steps 4, 5, and 6 for the rest of the blog entries.
    9. Save your document.
  6. Make the following changes to your new myblog style sheet.
    1. Change the body background color to lightsteelblue.
    2. Add to the div style to make it 750px wide.
    3. Make the div style center in the browser window.
    4. Change the div.entry background color to white.
    5. Change the div.entry border to a double 5px line.
    6. Change the div.entry margin to 10px.
    7. Change the div.entry padding to 15px.
    8. Make the div.entry center in the browser window.
    9. Change the div.title color to navy.
    10. Change the div.datetime text-align to right
    11. Make the div.text have a 15pt line height.
    12. Change the div.link to text-align left
    13. Change the a:hover text-decoration to underline
    14. Add the comment at the bottom of the style sheet: This CSS style sheet edited by Your Name
    15. Save your document.
  7. Add a new entry to your blog!
    1. Use the title - Web Publishing I Has Style!
    2. Write a brief paragraph (at least 3 sentences) about the advantages of using style sheets to create web pages.
    3. Add today's date and time using the existing format.
    4. Make sure to include the Back To Top link.
    5. Save your document.
  8. Upload the myblog.html document to your exercise folder.
  9. Upload the myblog.css document to your exercise folder.
  10. View your new myblog web page and make sure all of the changes have been completed for the html and css documents. Make in changes if necessary.

Helpful Thoughts & Ideas:

  • How can you use this exercise to help with your project?
  • What other changes could you make to this style sheet?
  • Make sure to change the arrangement of all of the text entries.
  • Did you put your new entry on top?
  • Did you remember to change the link href for your new style sheet?
  • Here is a link to a completed version of myblog.html
  • Here is a link to a completed version of myblog.css
 
 

Please send any comments or questions about this site to David Donica.
© 2008 College of the Siskiyous. All rights reserved.