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

  • Finally, you can manage your Google Docs, uploads, and email attachments (plus Dropbox and Slack files) in one convenient place. Claim a free account, and in less than 2 minutes, Dokkio (from the makers of PBworks) can automatically organize your content for you.

View
 

WebDesignFall09

Page history last edited by c 10 years, 10 months ago

Fall09Term2

11-10-09

Make accounts on Yahoo, Google and http://dhswebdesign.ning.com/

using your class user name.

Make an account on Angelfire.com using your class username

Examples: ParkerLWebF09 or KyleHWebF09

Explore these systems, in particular check out Ning, try them out and experiment with the user interfaces.

 

On your Ning account, create a blog entry.

Answer these questions:

What do you see in the features these systems?

What looks familiar and what looks new and interesting

 

Print your blog entry and hand it in.     

 

 

11-9-09

Overview of term 2

Making accounts with online services

Use these guidelines in making accounts: http://duxtech.pbworks.com/ComputerBasedLearning

Username: FirstnameLastInitialCourseSemester

example: Nick Tolland in Web Design Fall 09 would be NickTWebF09@gmail.com

 

Make accounts with these systems:

http://Google.com/

http://Yahoo.com/

http://dhswebdesign.ning.com/

 

If you still have work to complete on your web pages, use this time to get it done.

 

11-5-09

Completion checklist for All Three CSS

 

Work on the pages in AllThreeCSS

Practice controlling the page with all three, inline, embedded, external

Print your most completed page, which should show use of inline style, embedded style and external style.

CSSCheatSheet

 

11-4-09

Work on the pages in AllThreeCSS

Practice controlling the page with all three, inline, embedded, external

Print your most completed page, which should show use of inline style, embedded style and external style.

CSSCheatSheet

 

All Three CSS Checklist:

  • Three pages made in HTML
  • An external style Sheet
  • Proper use of whitespace on the HTML and CSS
  • All three pages link to the external style sheet
  • Navigation system that links to each page and your index on each page
  • Embedded style sheet on each page
  • Inline Styles on each page
  • Several paragraphs on your topic on each page

Do you have all your work handed in?

Take a look at the term checklist:

Web 1.0 Checklist

 

10-29-09

Work on the pages in AllThreeCSS

Practice controlling the page with all three, inline, embedded, external

Print your most completed page, which should show use of inline style, embedded style and external style.

CSSCheatSheet

 

10-28-09

CSSCheatSheet

Dramatization of the style sheets

Work on one of the pages in AllThreeCSS

Control the page with all three, inline, embedded, external

Print the page you work on this period and hand it in.

 

10-28-09

CSSCheatSheet

External Style AllThreeCSS pages

Make the style sheet

Call the sheet from the head of the pages

Use the external style sheet to control the body

     margin-left: 200px;

     background-color: gray;

     font-family: sans-serif;

control the paragraph, add a background color and a border

 

These controls will give you a baseline to see that the external style sheet is controlling the pages.

 

Use the embedded style sheet to control the background pictures of the body

Use the inline style to control the background and pictures of the div on each page.

You will need several paragraphs with headings on each page

 

This period:

Work on one of the pages that you have not done much to.

Add the code to call the external style sheet.

The external style sheet does not need to do much at this point, change the body color, font-family, add a left margin.

On the page itself, use the embedded style to change

 

On the embedded style sheet, experiment with overriding the external style sheet

At the inline style level, you will override some of the features of the external and embedded style sheets

 

Exit question:

Explain how the control of the pages cascades in style sheets.

 

10-26-09

Inline Style control of pages.

You will control the main div that will contain your text. In particular, you'll control the background and image of the div.

You will need to write two to three paragraphs in a P on the topic of the pages.

These pages will help you master the concepts, and will point you to more information.

Hand in one of your pages today. It should have on it:

  1. The embedded style sheet.
  2. Use of inline styles to control the P and DIV
  3. A Basic Navigation system

 

10-23-09

Background colors and pictures

CSSBackgrounds

 

10-21-09

Build a site with copy and paste

BasicNavigationSystem

Your AllThreeCSS pages need to have a navigation system that is easy to use and works consistently.

 

10-20-09

Go over quiz

hand back of graded material

80 or higher on quiz? You should be working on AllThreeCSS

Below 80, questions about css - Get them answered now.

Next time we will be working on MakingOnlineAccounts

 

 

10-19-09

CSS Quiz 2

The assignments that are due for this project are:

  1.      Inline CSS
  2.      Embedded Style Sheets
  3.      External Style Sheets
  4.      CSSInfo
  5.      AllThreeCSS 

     

10-15-09

Think Pair Share

CSS

What is the difference in the markup and technique between:

     Inline CSS

     Embedded CSS

     External CSS

 

What is the difference in  control over the style on pages and page elements between:

     Inline CSS

     Embedded CSS

     External CSS

The assignments that are due for this project are:

  1.      Inline CSS
  2.      Embedded Style Sheets
  3.      External Style Sheets
  4.      CSSInfo
  5.      AllThreeCSS 

    CSS test on Monday - 10 questions, similar to the pretest

     

10-14-09

CSS Review

Preparing for the CSS quiz.

What can you use CSS for?

     Inline CSS

     Embedded Style Sheets

     External Style Sheets

     CSSInfo

10-8-09

Questions about CSS?

CSSInfo

External Style Sheets

Quiz on CSS - Friday!

     Base your studies on these projects:

     Inline CSS

     Embedded Style Sheets

     External Style Sheets

     CSSInfo

 

10-7-09

CSSInfo

External Style Sheets

Quiz on CSS - Friday

10-5-09

CSS

ExternalStyleSheets

Survey on intelligence

 

9-30-09

Web 1.0 Checklist

Embedded Style Sheets

 

9-29-09

Go over Web Quiz

Style Sheets - CSS

Inline Style Sheets

Web1.0-CSS

 

 

9-28-09

Web Quiz

Work on your Index Page

 

9-24-09

Demo -Working with Text and Index page

Make an Index page

Make a Text Page

Make an Index Page

 

9-21-09

Parts of a web browser

Tables

Lists

Print your code and hand it in when it meets the checklist at the end of the project description.

Answer the questions on the Web Browser sheet.

 

9-16-09

Check in on your strengths and challenges

Review: Links

Practice on links page

 

Print code from pages

If your computer does not print, you can email it to yourself of to another person to print from another computer.

 

Intro to colors

Make a Colors Page

If you are having trouble, ask for help.

 

Online resources at w3schools.com are excellent Here is the one for links: http://w3schools.com/html/html_links.asp     

 

 

9-15-09

Discission on WEB 1.0 site

     Links

     Text

Make a Links Page

Make a Text Page

 

9-14-09

HTML Cheat Sheet - http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/

Make a Links Page

WEB 1.0 Site

 

9-10-09

How can we add photos to a web page?

How can we add links to a web page?

Make a Photos Page

Make a Links Page

 

9-9-09

How can we add style to our web pages?

What are some useful techniques for using the computer productively?

Terms:

Style tags, Bold, Italic, Headline, hyperlink, tabs, alt tab, windows D, control tab

Activity:

open the page you created yesterday.

Add three paragraphs:

 

Content of your page

Your page will have three paragraphs:

1 What was the most interesting thing that you did this summer?

2 What do you hope to do after high school?

3 How does this web page match up with the parts of the communication system?    

     source, encoder, transmitter, receiver, decoder, storage, retrieval, and destination

 

Text modification tags

In these paragraphs, you will use the tags for Bold, Underline and Italic to draw attention to words and short phrases.

 

Headline tags

Over each paragraph, you will write a brief description (3-5 words)

These will be modified by H tags, which are numbered 1-6.

 

When you are complete

As you make the page, you will save it and browse it to check your work.

When the page is complete or time runs out, you will save and print it.

You should also email the file to yourself or save it to a flash drive.

 

9-8-09

What are the fundamentals of electronic communications systems, and how can we make our own web page?

 

Explanation of communication systems

Introduction to HTML language

     HTML markup and tags

     Page structure

     Whitespace

 

Terms:

source, encoder, transmitter, receiver, decoder, storage, retrieval, and destination

browser, markup, notepad/text editor, HTML, tag, close tag, tabs, new folder, save, iterative process/design process

 

Mastery objective:

Students will know the basic parts of a communications system and how to build a web page

so that they can explain how the web page is a system of communication.

 

Activity:

Make a web page as described below:

 

Set up a place to save your work

Build a basic web page that uses HTML strucuture.

 

Web Page structure

     HTML starts first and ends last

     The HEAD is next and holds the TITLE

     The HEAD closes and is followed immediately by the BODY

          The title is often repeated on the first line of the page

          The content of the page appears

     The BODY closes

     HTML closes

 

Content of your page

Your page will have three paragraphs:

1 What was the most interesting thing that you did this summer?

2 What do you hope to do after high school?

3 How does this web page match up with the parts of the communication system?    

     source, encoder, transmitter, receiver, decoder, storage, retrieval, and destination

 

Text modification tags

In these paragraphs, you will use the tags for Bold, Underline and Italic to draw attention to words and short phrases.

 

Headline tags

Over each paragraph, you will write a brief description (3-5 words)

These will be modified by H tags, which are numbered 1-6.

 

When you are complete

As you make the page, you will save it and browse it to check your work.

When the page is complete or time runs out, you will save and print it.

You should also email the file to yourself or save it to a flash drive.

Comments (0)

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