Web Design 1 Assignments (subject to change)

All assignments and your personal web page must be saved to your network folder in order to be graded. This is the folder for this class, not the one provided by the school district. Your site must be saved in the folder named mysite. You must show assignments to me in class for grading. Video: Working from home using Google Drive

Aug 22

Pretest

  • Take the pretest in Google Classroom.
  • Must be done at school.
  • Do not look up answers.

Aug 29-Sep 26

Code.org

  • https://studio.code.org/s/web-development-2023?section_id=4801042
  • READ ALL OF THE DIRECTIONS
  • YOU MUST JOIN THE CLASS IN CODE.ORG AND COMPLETE THE WORK THERE, NOT JUST THE ASSIGNMENTS IN GOOGLE CLASSROOM.
  • Due dates may change.
  • Some of the work is completed through code.org but the worksheets and guides mentioned in the lessons are completed and submitted through Google Classroom. This means, do not access the forms from code.org. Go to Google Classroom when a worksheet needs to be completed. BUT YOU MUST COMPLETE THE WORK in CODE.ORG FIRST.
  • NOT all of the lessons have something to submit in Google Classroom.
  • The image below shows where the worksheet is in lesson one.
    Example

 

Go to https://studio.code.org/home

  • Join the class
    • Create your own accounts and join your section at: 
    • email me when you have joined the class.
  • Lesson 1: Exploring Web Pages DUE August 23
  • Lesson 2: Intro to HTML DUE August 24
    • When you are done, send me an email with the lesson number as the subject saying you are done.
    • Skip Part D of Step 8
  • Lesson 3: Headings and Lists DUE August 28
    • When you are done, send me an email with the lesson number as the subject saying you are done.
    • On Step 7, complete all activities. 
    • On Step 9, complete A, B, and C. Complete one of D, E F.
  • Lesson 4: Mini-Project: HTML Web Page DUE August 30
    • When you are done, send me an email with the lesson number as the subject saying you are done.
    • Your page must include different headings (h1, h2, and h3), multiple paragraphs and two different types of lists (ol and ul).
    • Follow this example.
  • Lesson 5: Digital Footprint DUE August 31
  • Lesson 6: Styling Text with CSS DUE September  7
    • When you are done, send me an email with the lesson number as the subject saying you are done.
  • Lesson 7: Mini-Project: Your Personal Style DUE September 14
    • Your Personal Style - Activity Guide Google Classroom
      • For the drawing of your site, keep it simple. You can make a wireframe sketch using the Draw tool in Google Docs.
      • Examples
    • When you are coding the page in steps 3-5 of the lesson use the code you created from Lesson 4. Just copy and paste it from one lesson to the other. Include the following rules in the CSS. My example.
      • body: change the background color and the text color
      • h1, h2, h3: change the font family, font size and text color for all
      • p: change the font family and font size
      • ol: change the text color
      • ul: change the text color
  • Lesson 8: Intellectual Property DUE September 19
  • Lesson 9: Using Images DUE September 22
    • For step 7 of this lesson, complete the a and b challenges. You can complete c or d for extra credit. Please tell me if you do so.
    • For step 8 of add a picture of something you're interested in.
    • For Step 9 only complete a and b.
    • When you are done, send me an email with the lesson number as the subject saying you are done.
  • Lesson 10: Websites for Expression DUE September 25
  • Lesson 11: Styling Elements with CSS DUE September 27
    • When you are done, send me an email with the lesson number (Code Lesson 11) as the subject saying you are done.
    • Step 4: use rgb codes for the colors.
    • Step 5: You must add text-align, color, and at least one other property to the body rule
    • Step 8: Add at least two other rules to the css with appropriate properties for both. Use hexadecimal color codes for these.
    • Step 9: Complete activities A, B, C, D,
      • Either of the last items can be done for extra credit but you must email me to tell me you did it.
  • Lesson 12: Your Web Page - Prepare DUE September 29
    • Personal Web Page - Prepare - Project GuideGoogle Classroom
    • For the drawing of your site, you can use the one from Lesson 7. Make sure you update it to reflect changes.
  • Lesson 13: Project - Personal Web Page DUE October 2
    • Personal Web Page - Reflect - Project Guide Google Classroom
    • When you are coding your page use the code you created from Lesson 7. Just copy and paste it from one lesson to the other. Example.
    • Step 3: Upload at least three images for your page.
    • Step 4:
      • Add font-family, font-size and line-height to your body rule.
      • Add an img rule with at least three properties. One of the properties must be a border.
    • Not Assigned:
      • Personal Web Page - Peer Review
      • Personal Web Page - Rubric
      • Computer Science Practices - Reflection

Aug 21

Course requirements/expectations

Assignment:

  • Complete registration for websites below.
  • Student Syllabus Verification

Join Google Classroom

Join code.org

  1. You must sign in with your Google Classroom account.
  2. Go to www.code.org and click the 'sign in' button.
  3. Choose 'Continue with Google'.
  4. Sign in via the Google sign-in dialog.

Join Quizlet