| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

Foundations of Web Design (redirected from p3 Foundations of Web Design)

Page history last edited by Kathy Van Vleet 5 years, 12 months ago

Welcome!

 

Tristan and Ricky: : use the following password with CIW.

 

Course materials may be found at http://ciwschools.ucertify.com/

Ucertify Student manual 

 

 

Access Code: L4NW-6NNG-FFGE-H7LJ

Section Key: K-BUL4-TFRC-AZG2 

 

Date Session Name Assignment Name Due Date
4/30 - 5/11 Final Project  Begin Final Web Design Project   
 
CIW Lesson 7 - 10 Must be done with Lessons 7-10 by Tuesday 4/10. Practice tests on 4/11. Certification test on 4/12.   
 
CIW Lesson 6

Designing a Basic Website

Standard:

Demonstrate proficiency in website planning and the design process.

Create basic webpages.

Basic Tags for Creating Web Forms 6-1.pptx  

 
1/18

CIW Lesson 5

 

Color, Typography, Layout and Wireframing

Standard:

Use Cascading Style Sheets (CSS).

Incorporate images and graphical formatting on a webpage.

 
1/4 CIW Lesson 4

NOTE: If you have not completed the labs for Lessons 2 or 3, please do this first.

 

Begin Lesson 4: User Interface Design Principles and Legal Guidelines

Standard:

Incorporate images and graphical formatting on a webpage.

 
 1/3/2018
Welcome Back!
Semester Exam review and information  
12/11 - 13 CIW Lesson 3

CIW Lesson 3 is due on Wednesday 12/13.

We will review for the semester exam a little each day this week.

 
12/4 - 7  

CIW Lesson 2 Labs

Begin Lesson 3.

 
11/27 CIW Lesson 2

CIW Lesson 2

 

Test for Lesson 2 will be Thursday, Nov 30.

 
10/30 11/10
CIW Lesson 1

CIW Lesson 1

Khan Academy - continue to work on lessons.

 

NOTE: All of these activities are online, so you can catch up at home if necessary.

 

Test for Lesson 1 will be Friday, Nov. 10.

 
10/26 Block Day 

CIW access is here!

  • Accessing your Student Online Materials - self registration
  • Pre-assessment
  • Setting up folders in OneDrive
  • Beginning Lesson 1

 

 

 
10/25   Find interesting web site designs to share with your classmates.  

10/17-24

Khan Academy

This week:

Continue with Khan Academy.  

 

Use Piktochart.com to design a "long scrolling" web page that contains 5 elements from the article below:

 Current web design trends - 2017

The five elements should be:

  1. Open composition
  2. Asymmetry
  3. Richer backgrounds and patterns, including Grid layout 
  4. Richer typography
  5. Large typography as part of the key visual. 

 

Due next week on Tuesday, 10/24.

 

When finished, work in Khan Academy.

10/24  
10/2-10/12   Continue working with your new partner on your joint web page. 10/12 
9/26 New Partners You will be assigned a new partner - a more advanced student will be working with you to make a joint web page. The topic is up to the two of you.  
9/19 - 25  

Your choice:

work on John Deere (or) work in Khan Academy

 
9/18 John Deere

Continue working on your John Deere web site.

Include:

  • at least 1 table
  • at least 1 list 
 
9/7   Check Skyward - are you missing anything?  
9/6  CIW Online Materials

To access the online course materials:

  1. Go to http://ciw.ucertify.com/  
  2. Click Hello Guest Login or Sign Up 
  3. Click Sign Up Now. Please use your school email and school password.
  4. Click Add License button
  5. Enter the following Access code and click Go.    JXTB-76TG-DMU5-RBXF
 
9/5   

Begin coding the website for a John Deere dealership.

  1. Modify the Practice code to make it conform to the John Deere dealer's needs
  2. <DIV> tags are used to separate the header, footer, etc. 
 
9/1  

Begin a web site for a John Deere dealership.

  1. Ask questions of the client so you know what he/she wants
  2. What types of ideas do you have regarding
    1. color
    2. layout
    3. text size
    4. images etc. 
 
8/23 - 8/29 Khan Academy Continue working in Khan Academy. I will be noting your progress.  
8/22  

EQ: How can I style a web page?

Closure: I will demonstrate using ID selectors on my practice web page.

Standard 08.07 Use inline styles, embedded style sheets, and external style sheets.

 

 
8/21  

EQ: What purpose do meta tags serve on a web page?

Closure: I will demonstrate using ID selectors on my practice web page.

Standard 08.07 Use inline styles, embedded style sheets, and external style sheets.

 

Bell Work: 

  • In Khan Academy, complete through Seasonal ID's

 

Classwork: 

  1. Add a selector and ID to add a background to one of the Headings on your practice web page.
  2. Complete Selecting by Class in Khan Academy.
  3. Add a class selector to all headings in your practice web page. 
  4. If time permits, add several paragraphs of text to all heading areas. 

 

 

8/17

Block Day

Meta tags:

Charset

Description

Keyword

Author

EQ: What purpose do meta tags serve on a web page?

Closure: I will demonstrate meta tags in my practice web page.

Standard 17.01: Create basic webpage structures using common markup elements and attributes

 

Bell Work: 

  • In Khan Academy, refer to the Intro to CSS lesson "Colorful Creature" Note the <meta> tag with charset in it.
  • Now learn about charset at W3Schools.  

 

Classwork: 

  1. Add a <meta> to your practice web page that includes the correct charset
  2. Add additional <meta> tags as shown on this page at W3Schools
  3. If time permits, continue working in Khan Academy. Try to complete through the quiz "Simple CSS Selectors"
 
8/16 Khan Academy

EQ: What HTML code do I need to create a web page that meets the industry standards?

Closure: I will demonstrate HTML image tags in Khan Academy.

Standard 17.01: Create basic webpage structures using common markup elements and attributes


Bell Work: Find an image on the Internet that could be added to your practice web site.

Save it to your Practice1 folder.

 

Classwork:

  • HTML Images
  • Challenge: A picture perfect trip
  • Adding an image to your Practice1 page. 

 

Intro to CSS modules to complete today:

  • Finish through "Colorful Creatures" 
 
8/15 Khan Academy

EQ: What HTML code do I need to create a web page that meets the industry standards?

Closure: I will demonstrate HTML image tags in Khan Academy.

Standard 17.01

17.01: Create basic webpage structures using common markup elements and attributes.

 

Bell Work: Find an image on the Internet that could be added to your practice web site.

Save it to your Practice1 folder.

Classwork:

  • HTML Images
  • Challenge: A picture perfect trip
  • Adding an image to your Practice1 page.
8/15
8/14 Khan Academy

EQ: What HTML code do I need to create a web page that meets the industry standards?

Closure: I will demonstrate HTML text and list markup in Khan Academy.

Standard 17.01, 02 

17.01: Create basic webpage structures using common markup elements and attributes.

17.02: Incorporate list structures in a web page.

 

Bell Work: Log into Khan Academy

Classwork: Finish units from Friday. Then complete the following units.

  • HTML Text Emphasis
  • Challenge: You can learn text tags
  • HTML Lists
  • Challenge: Your learning list
8/14
8/11 Second Day of School

Bell Work: Icebreaker

Fire Drill Procedure

Access the wiki

Enroll in Remind.com

 

Classwork: Complete these units in Khan Academy.

  • Welcome
  • HTML Basics
  • Quick Tips
  • Challenge: Poem
8/11
8/10 First Day of School

School-wide information

Forms, forms, forms

Friday, 8/11

 

 

 

CIW Student Textbook

 

http://ttsreader.com/ 

 

CSS hints and tips

http://www.w3schools.com/css/ 

https://msdn.microsoft.com/en-us/library/cc295582.aspx 

http://www.htmldog.com/guides/css/beginner/ 

 

 

 

 

Comments (0)

You don't have permission to comment on this page.