for prof-sanz please

profileappesb

Positioning

Please read through all of the assignments for this week before you proceed. Do all required work before posting. Be sure to proofread and correct any problems.

Chapter 4

Within your text editor, choose File > Open and navigate to the Lesson file [HTML5_(04) from the Lesson Folder.

Begin to work through all of the exercises following all of the directions to the end of the chapter.

By the time you are finished, you will have a page that has shown the difference between a table and positioning in CSS layouts. You should also have a better understanding of the float and clear properties.

Once you have completed this exercise, continue on with the “Self study” portion of the exercise.

  1. Add another heading below the last paragraph in your completed file as follows:

    <h3> Recipe of the Day: Honeydew Melon </h3>

    <ul>

    <li>3 cups Honeydew melon (seeded & chopped) </li>
    <li>2 tsp Lime Juice </li>
    <li>1 cup Vanilla Nonfat Yogurt </li>
    <li>1 cup Ice Cubes </li>

    </ul>
     
  2. Pay particular attention to the positioning of your tags to make it easier to view your work.
  3. After adding this HTML, use what you have learned in this lesson to experiment with positioning these elements on the page. Provide two new examples of positioning elements, and post them into the discussion thread.

 

Chapter 5

Within your text editor, choose File > Open and navigate to the first Lesson file [HTML5_(05) from the Lesson Folder.

Begin to work through all of the exercises following all of the directions to the end of the chapter.

By the time you are finished, you will have a page that demonstrates adding ID tags to all of your pages. Create a functional navigation bar.

Once you have completed this exercise, continue on with the “Self study” portion of the exercise.

Complete the second exercise:

Try experimenting with different background images by applying them to your sidebar and main content columns. Although this requires an image editor such as Adobe Photoshop for best results, you can use the background graphic supplied for you in your images folder.

*If you choose to use another image, make sure it is appropriate to the content of the document that you are working on, and your document name is used in place of what is shown.

Add the following code to your #sidebar rule:

background-image:url (images/sidebar_bg.png); /*remember you will be choosing the image for this particular portion of the assignment, so the image name and where you have it placed will probably be different that what is coded here */

background-repeat:repeat-x;

background-color:#EAB8C3;

Post Your Work

Post your saved .html document into the dropbox.

Save your work as follows:

“last name_lesson4.html” -- Make sure you are providing two examples for this lesson [lesson4a, lesson4b]

“last name_lesson5.html”

You should have three separate html documents posted.

Make sure you are keeping your files separate so we can view each week separately

    • 9 years ago
    • 20
    Answer(0)
    Bids(1)