Monday, December 14, 2020

[Daily Agenda] Monday, December 14, 2020

Clock-In PIN

11001010

If you miss the clock-in or clock-out it will be marked zero. If your computer is experiencing technical difficulties you must show the teacher BEFORE the clock-in window closes.

Standard

  1. 11.0 Demonstrate competence in page design applicable to the WWW.
  2. Benchmarks

      The student will be able to:
    • 11.01 Describe and apply color theory as it applies to Web page design.

Topic

Web Design

Essential Questions

  1. What will you do today to be better than you were yesterday?

Mise En Place [~3-5 Minutes]

Every day you should:

  1. Clock-In on Focus.
  2. Login to DCPS OneView.
  3. Open Microsoft Teams for this class.
  4. Open the Standards spreadsheet.
  5. Read your DCPS e-mail.
  6. Follow any additional instructions from the teacher.

Instruction [~15-20 Minutes]

Complete the Student Self-Evaluation Survey for the second quarter.

There will be no meeting today. Mr. Kelley has to take time off to deal with a personal matter. Students are expected to work on their web page project.

Work [~45-60 Minutes]

Continue working on the My First Web Page project.

Break Down [~5 Minutes]

Before you leave please do the following::

  1. BACKUP your data in at least two locations.
  2. RESTART the computer.
  3. TURN OFF the monitor.
  4. COLLECT your materials.
  5. WAIT quietly to be dismissed.
  6. PUSH in your chair when you leave.
  7. THROW away any trash in the trashcan as you leave.

Homework

Finish any class work not completed during the period.

Read for fun, at least 20 minutes.

Wednesday, December 2, 2020

[Assignment] My First Web Page

Rubric

Click one of the following links to access the rubric:

  1. English Version
  2. Spanish Version
  3. Portuguese Version

Important Reference Sites

  1. W3Schools HTML Reference
  2. CSS Reference
  3. CSS Web Safe Fonts
  4. Color Picker

Vocab. PowerPoint

Intro. to Web Design and Development PowerPoint
Intro. to Web Design and Development PowerPoint [Spanish]
Intro. to CSS PowerPoint

Examples

Two-Column Layout Example.

Image as Hyperlink

Please click here for an example .html file that uses an image as a hyperlink.

Example CSS File

Please click here for Mr. Kelley's CSS Examples.

These are just EXAMPLES of different types of CSS. You may not need all of them in your project.

Installing Notepad++ Portable

Creating the Folders

Creating the Skeleton

Headings, Paragraphs, and Lists

Adding Images

Adding Hyperlinks

Using CSS

Please click here to watch a short video on how to use CSS in your project.

Submitting the Finished Product

Please watch this video to learn how to submit your finished product for the My Favorite Noun project.