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

Sep 26

Lesson 14: Websites for a Purpose Due DUE September 27

Lesson 15: Team Problem Solving NOT ASSIGNED

Lesson 16: Sources and Research DUE September 31

Lesson 17: CSS Classes DUE October 2

  • Step 2: Change the height of the images at the top.
  • Step 3: Add a class for choleric
    • Apply it much like sanguine is applied.
    • Have at least four properties for the class.
  • Step 4a: add at least three properties to the class you create.
  • Step 6b: extra credit. Make sure you email me if you complete it.
  • When you are done, send me an email with the lesson number as the subject saying you are done.

Lesson 18: Planning a Multi-page Website DUE October 4

  • This should be a continuation of your previous work. If needed, go back to previous lessons and copy and paste your code. Or you can start with new code.
  • Project Guide - Website for a Purpose in Google Classroom

Lesson 19: Linking Pages DUE October 8

  • Step 2: The link to the index must match the one on other pages.
  • Step 6: Name the new page hairtips.html follow the comments in the code.
  • Step 7: Complete all.
  • When you are done, send me an email with the lesson number as the subject saying you are done.

Lesson 20: Project - Website for a Purpose DUE October 10

  • You must have at least five pages.
  • Each page must be full of content. This must include text as well as images.
  • Use at least two images per page but you must have information as well.
  • You must have at least 10 different style selectors in your CSS. Each selector must have multiple properties. Meaning to more than just the minimum. The following are required.
    • body, img, p, h1, h2, a, a:hover, a:visited
    • You only have to create two of your own styles.
    • Example
  • When you are done, send me an email with the lesson number as the subject saying you are done.

Lesson 21: Peer Review and Final Touches NOT ASSIGNED

 

Post-Project Test DUE October 11

Aug 29

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/csd2-2022?section_id=4197397
  • 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.
  • Lesson 3: Headings DUE August 25
    • When you are done, send me an email with the lesson number as the subject saying you are done.
  • Lesson 4: Mini-Project: HTML Web Page DUE August 29
    • 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 30
  • Lesson 6: Styling Text with CSS DUE September 6
    • 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 9
    • 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 12
  • Lesson 9: Using Images DUE September 16
    • For step 6 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 7 of add a picture of something you're interested in.
    • For Step 8 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 19
  • Lesson 11: Styling Elements with CSS DUE September 19
    • 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 23
    • 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 September 26
    • 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 22

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