Skip to content

Category: 5th

Published on

    1. There is one video for today:
      1. Mr. Smith's Instructions
    2. Objective:
      1. Students will understand the basics of HTML and be able to make modifications to a website.
    3. Announcements:
      1. The last day for any late work for Q4 is Thursday, June 4th!
        1. This provides 2 weeks at the end of the Quarter for Mr. Smith to grade late work.
      2. Previous lessons: Web Design 1: Intro to HTML, Tux Typing 1, Web Design 2: Headings, Web Design 3: Bold and Italics, Web Design 4: Images. Web Design 5: Links, Web Design 6: Color, Luanti Circles, Luanti Parkour, Luanti Sculpture
  2. Today's Lesson: Web Design 3: Bold and Italics
    1. Grading Rubric:
      4 Pts A text file named "index.html" is handed in.
      3 Pts The text file includes the starter code provided on the first day of the unit.
      3 Pts The text file includes words that have been made <strong>bold</strong> and words that have been <em>italicized</em> with the proper HTML tags.
    2. We're going to continue with the work we did last two classes, spending some time adding to it.
      1. We're still doing work that's taught to 8th grade, but we are going at a slower pace than what is expected for them.
      2. This is one of those lessons where the video tutorial is super important. If you aren't in class, you NEED to watch it.
    3. We'll begin by opening a basic text editor.
      1. On the Windows computers in the lab, that's Notepad.
      2. If you're doing this on a Mac at home, that's TextEdit.
      3. Mr. Smith likes using Linux, he'll be using a program literally called "Text Editor."
      4. (Even Chromebooks have text editors, though Mr. Smith doesn't use those.)
    4. Find and open your index.html file in your Documents folder. (If you missed last class, this is work you should have made up before today. It wouldn't be in your Documents folder yet, but if you handed it in via Canvas we can download it and put it there.)
      1. Look over your paragraphs. Some of you have written a lot! Some of you took the sample text and copy/pasted it. Today you need to fix and proofread your paragraphs.
      2.  If you have any words you want to emphasize, we have two ways we can do that. If you want to make text bold, you use the strong tag. 
        • <p>If your webpage doesn't look right, you <strong>need</strong> to proofread!</p>
      3. If you want to make text be italicized, you use the em tag. 
        • <p>If your webpage doesn't look right, you <em>need</em> to proofread!</p>
      4. As you can see in the examples, the strong and em tags are used between other tags. They DON'T replace paragraph tags.
      5. Most of our class time is expected to have you writing out the content of your website and proofreading it.
        1. I intend to share these with Ms. McCrea. What should she see from you?
      6. If you break something, CTRL-Z is useful! If you need to start over, the starting code is right there to copy.
      7. Go to Canvas to hand in your work.
  3. This is an IN-CLASS assignment, NOT HOMEWORK. While late work will be accepted up until June 4th, it WILL be late!