Web Design Announcements

Thursday February 1, 2018

At the Bell: Complete complete the Course Evaluation

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: Final Project

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Wednesday January 31, 2018

I will be coming around to see your work today.

At the Bell: Pick up where you left off.

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: Final Project

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Tuesday January 30, 2018

Continue the Final Project. You should have formatting in all of your pages by the end of class today. I will be coming around to check.

At the Bell: Pick up where you left off.

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: You should have a folder set up for your project in Dreamweaver or KompoZer. Zip your files and upload them to Moodle before you go today. If you are working online, send me the link. If I have a copy of your work you have a backup in case it gets lost.

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Monday January 29, 2018

Continue the Final Project. You should have content in all of your pages by the end of class today. I will be coming around to check.

At the Bell: Pick up where you left off.

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: You should have a folder set up for your project in Dreamweaver or KompoZer. Zip your files and upload them to Moodle before you go today. If you are working online, send me the link. If I have a copy of your work you have a backup in case it gets lost.

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Friday January 26, 2018

Continue the Final Project. I will be checking what you have done so far.

At the Bell: Pick up where you left off.

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: You should have a folder set up for your project in Dreamweaver or KompoZer. Zip your files and upload them to Moodle before you go today. If you are working online, send me the link. If I have a copy of your work you have a backup in case it gets lost.

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Thursday January 25, 2018

Continue the Final Project. I will be checking today that you have files created.

At the Bell: Open the Final project description/instructions and checklist/rubric. Read through the documents.

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: You should have a folder set up for your project in Dreamweaver or KompoZer. Zip your files and upload them to Moodle before you go today. If you are working online, send me the link. If I have a copy of your work you have a backup in case it gets lost.

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Wednesday January 24, 2018

We are going to start out final project today. I will give you a specific task to do each day so you complete the project on time.

At the Bell: Open the Final project description/instructions and checklist/rubric. Read through the documents.

Objectives: As the result of this lesson: students will demonstrate the ability to create Web pages with the HTML elements learned during this course using their notes and existing HTML files for assistance and the project rubric as a guide.

Assignment: Complete a storyboard or a written plan for your Website. It is due at the end of class today. This is due today - no exceptions.

Resources: timeline, instructions and rubric for the Final Project are on the Website.

Enrichment: As discussed, you may use the time to complete a project for the PA Computer Fair either on your own or with a partner or group.

Tuesday January 23, 2018

Unit 6: Validating Websites

At the Bell: Look through the categories for the CIU 20 / PA Computer Fair. Let me know if you are interested in submitting an entry. If you are, you can spend the rest of this course working on your project.

Objectives: As a result of this lesson students will:

  1. will be able to test a web page using the W3C HTML and CSS Validators
  2. practice interpreting the Validator results and applying them toward correcting invalid HTML and CSS code.
  3. evaluate web pages for accessibility.

Assignment: Validate HTML and CSS; Complete Website Validation Tools Review worksheet

Resources:

Enrichment: Peer tutoring; personal Website project

 

Monday January 22, 2018

At the Bell: Complete the class choice survey below. Then, pick up where you left off on Friday.

Link: Google

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page

Assignment: practices - to be finished by the end of the week. Please do them in the order listed here: 

  1. High Flyers Travel (mouseover) - 8 points
  2. Tutor (color changing) - 10 points
  3. Carbon Copy (document.write) - 12 points
  4. Valley Recycling - 15 points  (extension - not required)
  5. Pine Peak - 20 points (extension - not required)

Resources: Click here to download the files for the practices

Enrichment: Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com; Personal Website in Weebly or Google Sites

Friday January 19, 2018

At the Bell: Finish JavaScript or do a Flash Friday project

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page

Assignment: practices - to be finished by the end of the week. Please do them in the order listed here: 

  1. High Flyers Travel (mouseover) - 8 points
  2. Tutor (color changing) - 10 points
  3. Carbon Copy (document.write) - 12 points
  4. Valley Recycling - 15 points  (extension - not required)
  5. Pine Peak - 20 points (extension - not required)

Resources: Click here to download the files for the practices

Enrichment: Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com; Personal Website in Weebly or Google Sites

Thursday January 18, 2018

At the Bell: Pick up where you left off Friday

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page

Assignment: practices - to be finished by the end of the week. Please do them in the order listed here: 

  1. High Flyers Travel (mouseover) - 8 points
  2. Tutor (color changing) - 10 points
  3. Carbon Copy (document.write) - 12 points
  4. Valley Recycling - 15 points  (extension - not required)
  5. Pine Peak - 20 points (extension - not required)

Resources: Click here to download the files for the practices

Enrichment: Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com; Personal Website in Weebly or Google Sites

Friday January 12, 2018

Since it is Friday, you can either work on a Flash project or continue working on practices. Make sure that you have at least 3 in the list below finished. Upload your files to Moodle as your finish them. You will have Monday do finish up.

At the Bell: Complete ATB: Empathy on the handout. Make sure to put your name on it.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page

Assignment: practices - to be finished by the end of the week. Please do them in the order listed here: 

  1. High Flyers Travel (mouseover) - 8 points
  2. Tutor (color changing) - 10 points
  3. Carbon Copy (document.write) - 12 points
  4. Valley Recycling - 15 points  (extension - not required)
  5. Pine Peak - 20 points (extension - not required)

Resources: Click here to download the files for the practices

Enrichment: Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com; Personal Website in Weebly or Google Sites

Thursday January 11, 2018

We will be continuing the lessons today.

At the Bell: Complete "ATB JavaScript Review 3" in Moodle, Unit 5. We will also do the PRIDE ATB

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page

Assignment: practices - to be finished by the end of the week. Please do them in the order listed here: 

  1. High Flyers Travel (mouseover) - 8 points
  2. Tutor (color changing) - 10 points
  3. Carbon Copy (document.write) - 12 points
  4. Valley Recycling - 15 points  (extension - not required)
  5. Pine Peak - 20 points (extension - not required)

Resources: Click here to download the files for the practices

Enrichment: Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com; Personal Website in Weebly or Google Sites

Wednesday January 10, 2018

Additional JavaScript practice

At the Bell: Complete "ATB JavaScript Review 2" in Moodle, Unit 5. You can look up answers if you have trouble. We will also do the PRIDE ATB for Involved.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page

Assignment: practices - to be finished by the end of the week. Please do them in the order listed here: 

  1. High Flyers Travel (mouseover) - 8 points
  2. Tutor (color changing) - 10 points
  3. Carbon Copy (document.write) - 12 points
  4. Valley Recycling - 15 points  (extension - not required)
  5. Pine Peak - 20 points (extension - not required)

Resources: Click here to download the files for the practices

Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com

Tuesday January 9, 2018

Finish the clock if you need to finish it up. I will be coming around working with you one-on-one. Tomorrow we will do some more .

At the Bell: PRIDE ATB's

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page
  4. use CSS to hide and display content.2
  5. use to change an HTML element's CSS properties

Assignment: Add code Stop your .html file:

  1. Finish the clock (Lessons 1 -4).
  2. Do Lesson 5 - add the show/hide clock button
  3. Do Lesson 6 - add the custom video controls to your video.htm file.
  4. Upload to JavaScript.html (from your portfolio) in Moodle.

Resources:

Enrichment: Edit/Write original code; Complete additional practices; Jquery Tutorial at w3schools.com

Monday January 8, 2018

Today you will work on your clock after reading through today's resources. Remember to upload your work to Moodle before you leave.

At the Bell: Complete "ATB: JavaScript Review 1" Moodle, Unit 5.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page
  4. use CSS to hide and display content.
  5. use to change an HTML element's CSS properties

Assignment: Add code Stop your .html file:

  1. Finish the clock (Lessons 1 -4).
  2. Do Lesson 5 - add the show/hide clock button
  3. Do Lesson 6 - add the custom video controls to your video.htm file.
  4. Upload to JavaScript.html (from your portfolio) in Moodle.

Resources:

Enrichment: Edit/Write original code; Complete additional practices

Wednesday January 3, 2018

You are going to build a clock today.

At the Bell: Open .html from your Portfolio folder (Notepad++, KompoZer, or Dreamweaver). If you don't have the file, open a blank file in and save it as .html.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. identify errors in code
  3. add code to a Web page
Assignment: Add code Stop your .html file.

Resources:

Enrichment: Edit/Write original code; Complete additional practices

Tuesday January 2, 2018image

I am going to introduce Java Scripting today. 

At the Bell: Open .html from your Portfolio folder (Notepad++, KompoZer, or Dreamweaver). If you don't have the file, open a blank file in and save it as .html.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of adding to a Web page
  2. differentiate between client-side and server-side
  3. add code to a Web page
Assignment: Review 1 in Moodle, Unit 5; add the Hello script to your .html file.

Resources:

Enrichment: Edit/Write original code; Complete additional practices; Continue onto the next lesson

Thursday December 21, 2017

Class will conclude at 8:58 today. We have a modified schedule for the door decorating.

Finish the Holiday Website.

At the Bell: Pick up where you left off yesterday.

Objectives: As the result of this lesson students will:

  1. demonstrate ability to design a Website using a storyboard
  2. create an original Website
  3. use active white space, images, and colors to design a Website
  4. write original content

Assignment: Create the pages for your Holiday Project.

Enrichment: Peer tutoring

Wednesday December 20, 2017

Design, plan and create a Holiday Website.

At the Bell: Pick up where you left off yesterday. If you were out yesterday, you need to make a storyboard. See me.

Objectives: As the result of this lesson students will:

  1. demonstrate ability to design a Website using a storyboard
  2. create an original Website
  3. use active white space, images, and colors to design a Website
  4. write original content

Assignment: Create the pages for your Holiday Project.

Enrichment: Peer tutoring

Tuesday December 19, 2017

Design, plan and create a Holiday Website.

At the Bell: Pick up where you left off yesterday. If you were out yesterday, you need to make a storyboard. See me.

Objectives: As the result of this lesson students will:

  1. demonstrate ability to design a Website using a storyboard
  2. create an original Website
  3. use active white space, images, and colors to design a Website
  4. write original content

Assignment: Create the pages for your Holiday Project.

Enrichment: Peer tutoring

Monday December 18, 2017

Design, plan and create a Holiday Website.

At the Bell: Pick up a copy of the instruction sheet for the Holiday Project-- OR -- open it on your computer from the link below.

Objectives: As the result of this lesson students will:

  1. demonstrate ability to design a Website using a storyboard
  2. create an original Website
  3. use active white space, images, and colors to design a Website
  4. write original content

Assignment: Create a storyboard for the Holiday Project. It must show the name for each page and where the text, images, and linking will be placed. It would be helpful if you would add a title for each page as well.

Enrichment: Peer tutoring

Friday December 15, 2017

At the Bell: Log onto the computer and check your grade in HAC.

Objectives: As a result of this lesson, students will:

  1. use form practices and examples to design an original form
  2. use an online form generator such as Google forms to create an original form
  3. embed an original form into a Web page

Assignment: Complete an incomplete assignments and submit them as instructed below.

Enrichment: Style your form with CSS; work on a project in Flash; work on your Weebly Website

Wednesday December 13, 2017

Google Forms

At the Bell: ATB: Using Forms in Moodle, FORMS Unit

Objectives: As a result of this lesson, students will:

  1. use form practices and examples to design an original form
  2. use an online form generator such as Google forms to create an original form
  3. embed an original form into a Web page

Assignment: Design an original form and send it to me at dkerby@pmsd.org; embed the form in one of your Portfolio pages.

Form requirements:

Resources:

Enrichment: Style your form with CSS

Tuesday December 12, 2017 - Snow Day

Google Forms

2 Hour Delay Schedule 
Period 1 9:22   9:52  
Period 2 9:56   10:26  
Period 3 10:30   11:00  
Period 4  11:04   11:34  
Period 5 11:38   12:08  
Period 6 12:12   12:42  
Period 7  12:46   1:16  
Period 8  1:20   1:50  
Period 9 1:54   2:22  

At the Bell: ATB: Using Forms in Moodle, FORMS Unit

Objectives: As a result of this lesson, students will

  1. use form practices and examples to design an original form
  2. use an online form generator such as Google forms to create an original form
  3. embed an original form into a Web page

Assignment: Design an original form and send it to me at dkerby@pmsd.org; embed the form in one of your Portfolio pages.

Form requirements:

Resources:

Enrichment: Style your form with CSS

Monday December 11, 2017

Google Forms

At the Bell: ATB: Using Forms in Moodle, FORMS Unit

Objectives: As a result of this lesson, students will

  1. use form practices and examples to design an original form
  2. use an online form generator such as Google forms to create an original form
  3. embed an original form into a Web page

Assignment: Design an original form and send it to me at dkerby@pmsd.org; embed the form in one of your Portfolio pages.

Form requirements:

Resources:

Enrichment: Style your form with CSS

Friday December 8, 2017

Today is Day 4 of our FORMs lessons. Finish the 3 practices and upload each to Moodle before you leave today.

At the Bell: Complete "ATB: FORMS Review 3" on the course resource site.

Objectives:

  1. Students will be able to identify the different form elements used in Web pages.
  2. Students will be able to use forms elements and related attributes to create forms in Web pages.
  3. Students will be able to create original field names and values for inputs.

Assignment: Complete the "Rich" form from the handout.

Enrichment: Alternative Forms assignment; add form elements to an existing Web page or work on a Flash or Personal Website project

Thursday December 7, 2017

Today is Day 3 of our FORMs lessons. The lesson is in Unit 5: Interactivity >> Using FORMS in Web pages >> Day 3. You are going to recreate an existing FORM in HTML.

At the Bell: Complete "ATB: FORMS Review 2" on the course resource site.

Objectives:

  1. Students will be able to identify the different form elements used in Web pages.
  2. Students will be able to use forms elements and related attributes to create forms in Web pages.
  3. Students will be able to create original field names and values for inputs.

Assignment: Complete the "Rich" form from the handout.

Enrichment: Alternative Forms assignment; add form elements to an existing Web page or work on your Personal Website project

Wednesday December 6, 2017

FORMs Lesson 2. The lesson is in Unit 5: Interactivity >> Using FORMS in Web pages >> Day 2 (Pull down menus, scrolling boxes and textareas)

At the Bell: Complete "ATB: FORMS Review 1" in the FORMS section of the course resource site. Finish Forms Practice 1 if it is not complete.

Objectives: As a result of this lesson, students will:

  1. identify the different form elements used in Web pages.
  2. use forms elements and related attributes to create forms in Web pages.
  3. create original field names and values for inputs.

Assignment: Forms Practice #2 - 10 points

Resources:

Enrichment: Add form elements to an existing Web page or work on your Personal Website project.

Tuesday December 5, 2017

Today is the first day of our forms lesson. The lesson is in Unit 5: Interactivity >> Using FORMS in Web pages >> Day 1 (Text boxes, Radio buttons, and Checkboxes).

At the Bell: Open Notepad++ (or Dreamweaver / KompoZer if you like to code that way) so we can get started right away.

Objectives: As a result of this lesson, students will:

  1. identify the different form elements used in Web pages.
  2. use forms elements and related attributes to create forms in Web pages.
  3. create original field names and values for inputs.

Assignment: Forms Practice #1 - 10 points. It should look like this sample.

Resources:

Enrichment: Add form elements to an existing Web page or work on your Personal Website project.

Monday December 4, 2016

Today is makeup / open lab day

At the Bell: Log onto your computer.

Objectives: As a result of this lesson, students will: Demonstrate knowledge / understanding of Web Design concepts and techniques

Assignment: Work on any project that you need to complete for a grade. If you are caught up, work on an Enrichment.

Enrichment: Peer tutoring; online tutorials; Personal Website (Weebly or on your own)

Resources: Online tutorials at w3schools.com and Code Academy

Friday December 1, 2017

We are doing some CSS Practice today.

At the Bell: Logon and open today's announcement on your computer.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.
  4. create and link an EXTERNAL CSS file

Assignment: Stuff Shop CSS practice (You will need to download the files below). 12 points.

Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

Reference:

Thursday November 29, 2017

We are going to finish formatting the NAV section of the Portfolio Index page today.

Unit 3 Module 5 Lesson 3: Pseudo-class Selectors in CSS
Unit 3 Module 6: Page Layout (Navigation Menu)

At the Bell: Complete "ATB: CSS Review 5" in Moodle Unit 3.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.

Assignment: Format the NAV section of your portfolio index with CSS. When you finish, upload your updated index.html to Moodle Unit 3 in the "Final Index" link.

Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

Reference
s:

Wednesday November 29, 2017

We are doing more CSS Formatting using ID and class

At the Bell: Complete "ATB: CSS Review 4" in Moodle Unit 3 (if you didn't do it). After the lesson you can have the rest of the class to finish your Image Map project.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.

Assignment: Add formatting to your mystyle.css

Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

References:

Tuesday November 28, 2017

Finish the Image Map project. I will be coming around to start grading.

At the Bell: Pick up where you left off last class.

Objectives: As a result of this lesson students will:

  1. know what image maps are, and what there place is in Web design.
  2. understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. be able to create image maps in HTML or in Dreamweaver.

AssignmentImage Map Project 

EnrichmentPolygons (Food Pyramid) or Mt. Rushmore Image Map. If you have zeros ... do these to make up some points.

Resources:

Wednesday November 22, 2017

Class does not meet today

Tuesday November 21, 2017

Work on the Image Map Project: Format the pages. You have one more class period to finish formatting. I will be coming around to grade at that time.

At the Bell: Pick up where you left off last class.

Objectives: As a result of this lesson students will:

  1. know what image maps are, and what there place is in Web design.
  2. understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. be able to create image maps in HTML or in Dreamweaver.

AssignmentImage Map Project 

EnrichmentPolygons (Food Pyramid) or Mt. Rushmore Image Map. If you have zeros ... do these to make up some points.

Resources:

Monday November 20, 2017

Work on the Image Map Project: Add content. I

At the Bell: Make sure you completed all 3 of the Image Map At the Bells in Moodle, Unit 9. Then, pick up where you left off last week.

Objectives: As a result of this lesson students will:

  1. know what image maps are, and what there place is in Web design.
  2. understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. be able to create image maps in HTML or in Dreamweaver.

AssignmentImage Map Project Suggested timeline below:

EnrichmentPolygons (Food Pyramid) or Mt. Rushmore Image Map. If you have zeros ... do these to make up some points.

Resources:

Thursday November 16, 2017

Work on the Image Map project: Create the pages and link them together.

At the Bell: Complete "ATB: Image Map Review 3" questions in Moodle, Unit 9.

Objectives: As a result of this lesson students will:

  1. know what image maps are, and what their place is in Web design.
  2. understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. be able to create image maps in HTML or in Dreamweaver.

AssignmentImage Map Project Suggested timeline below:

EnrichmentPolygons (Food Pyramid) or Mt. Rushmore Image Map. If you have zeros ... do these to make up some points.

Resources:

Wednesday November 15, 2017

We are starting the Image Map project today: Planning a Website

At the Bell: Complete "ATB: Image Map Review 2" questions in Moodle, Unit 9. Then take a look at the Image Map Project.

Objectives: As a result of this lesson students will:

  1. know what image maps are, and what their place is in Web design.
  2. understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. be able to create image maps in HTML or in Dreamweaver.

AssignmentImage Map Project Suggested timeline below:

EnrichmentPolygons (Food Pyramid) or Mt. Rushmore Image Map. If you have zeros ... do these to make up some points.

Resources:

Tuesday November 14, 2017

At the Bell: Complete "ATB: Image Map Review 1" in Moodle under Miscellaneous Lessons

Objectives: As a result of this lesson, students will:

  1. will know what image maps are, and what their place is in Web design.
  2. understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. be able to find coordinates in Microsoft Paint to use in image maps in HTML.
  4. be able to create image maps in HTML and in Dreamweaver.

AssignmentCircles (due by the end of class today)

EnrichmentPolygons (Food Pyramid) or Mt. Rushmore Image Map. If you have zeros ... do these to make up some points.

Resources:

Monday November 13, 2017

We are going to do a lesson on Image Mapping.

At the Bell: Open Dreamweaver and start a new file called "resources.html." Save it in your Portfolio folder. Choose any picture you have saved already to your computer and add it to the resources.html page.

Objectives:

  1. Students will know what image maps are, and what there place is in Web design.
  2. Students will understand and be able to use MAP and AREA tags and their related attributes having their notes for reference.
  3. Students will be able to find coordinates in Microsoft Paint to use in image maps in HTML.

Assignment: Image Map 1: Web Developer Resources. Upload into Moodle Unit 9: Miscellaneous

Enrichment: Create Map 1 using code instead of Dreamweaver

Resources:

Wednesday November 8 through Friday November 10, 2017

Finish Flash Website

At the Bell: Pick up where you left off.

Objectives: As a result of this lesson, students will:

  1. Use Flash as a tool to create Web pages.
  2. Use hypertext links to connect Flash pages together.
  3. Export Flash .fla documents as .swf and .html documents.

Assignment: Create a Website using Flash. The page can be about anything school appropriate. 30 points.

Minimum requirements:

Monday November 6, 2017 and Tuesday November 7, 2017

Make a Website in Flash

At the Bell: Pick up where you left off on Friday. You will add a minimum 2 more pages to your site.

Objectives: As a result of this lesson, students will:

  1. Use Flash as a tool to create Web pages.
  2. Use hypertext links to connect Flash pages together.
  3. Export Flash .fla documents as .swf and .html documents.

Assignment: Create a Website using Flash. The page can be about anything school appropriate. 30 points.

Minimum requirements:

Friday November 3, 2017

We are going to make a Web page in Flash today.

At the Bell: Open Flash on your computer so we can get started right away.

Objectives: As a result of this lesson, students will:

  1. Use Flash as a tool to create Web pages.
  2. Use hypertext links to connect Flash pages together.
  3. Export Flash .fla documents as .swf and .html documents.

Assignment: Create a Web Page using Flash. The page can be about anything school appropriate. If you like, you can recreate a page you made in another Web design tool. Minimum requirements:

Thursday November 2, 2017

Pick up where you left off yesterday. I will be coming around to check the images you made this week. I want to see your:

  1. Web album if I haven't already seen it. (20 points in Graphics)
  2. camera and email icons on your graphics.html page (15 points)
  3. favicon lined to portfolio pages (12 points)
  4. banner loaded in a Web page (15 points; +5 bonus if you did it with css instead of an IMG tag)

Objectives: As a result of this lesson, students will:

  1. utilize the basic marquee and other selection tools to cut out objects or isolate them from their backgrounds.
  2. feather the edges of a selection.
  3. apply layer effects such as drop shadow, glow, and bevel and emboss.
  4. adjust the opacity of a layer or object.
  5. adjust blending properties to create more advanced blending effects.

Assignment: Finish the images we have been working on

Resources:

Enrichment: Peer tutoring; complete more photoshop tutorials

Wednesday November 1, 2017

We are doing Unit 4 Module 4: Creating a Web Page Banner

At the Bell: Open your browser to today's announcement.

Objectives: As a result of this lesson, students will:

  1. utilize the basic marquee and other selection tools to cut out objects or isolate them from their backgrounds.
  2. feather the edges of a selection.
  3. apply layer effects such as drop shadow, glow, and bevel and emboss.
  4. adjust the opacity of a layer or object.
  5. adjust blending properties to create more advanced blending effects.

Assignment: Create a Web Page Banner

Resources:

Tuesday October 31, 2017

We are doing Unit 4 Module 3 Lesson 3: Optimizing GIF Images and Lesson 4: Creating a Favicon

At the Bell: Open your browser to today's announcement.

Objectives: As a result of this lesson, students will:

  1. utilize a graphics editing program to create a favicon image.
  2. adjust the settings for a favicon image so that it is the appropriate pixel size and file format.
  3. use the <link> element in the <head> section of your page to add the favicon to your site

Assignment: Create images and add them to your graphics.html page in a new section (see sample)

Resources:

Enrichment: Create additional shapes and graphics

Monday October 30, 2017

We are doing Unit 4 Module 3 Lesson 1: Basic Shapes and Colors and Lesson 2: Working With Layers

At the Bell: Open your browser to today's announcement.

Objectives: As a result of this lesson, students will:

  1. utilize the shape tools to make a basic shape and fill it with color.
  2. select colors using the color palette.
  3. utilize hexadecimal values to maintain consistency in color use.
  4. use layering to create original graphic images

Assignment: Create images and add them to your graphics.html page in a new section (see sample)

Resources:

Enrichment: Create additional shapes and graphics

Creating the camera and email icons:

  1. Open a new .psd file in PhotoShop.
    1. Name it “camera” and save it in your Portfolio folder.
    2. Size it 40 x 40 pixels.
    3. Set the background to transparent.
  2. Using the Rounded Rectangle tool, draw and shape on the one layer in the camera.psd.
  3. Download the camera pic from the lesson Web page.
    1. Make a new layer for the camera pic you downloaded.
    2. Open the camera pic in Photoshop.
    3. Drag the image into your camera.psd file.
    4. Press CTRL + T to resize the camera pic so it fits on your image.
  4. Save your camera.psd.
  5. Create your .gif file.
    1. Select File -> Save As -> CompuServe GIF (*.gif)
  6. Add it to your graphics.html page.
    1. Make a heading for the buttons we are creating (see the sample graphics.html).
    2. Use an IMG tag to load the camera button.

 

 

3 Ways to Create a Shape with a Transparent Background (from

  1. After creating a shape on a layer lower, the FILL OPACITY then add a stroke (edit>stroke or using stroke from the blending options)
  2. Or use a marquee tool, create your shape then go to edit>stroke
  3. Or after creating a shape proceed at once to the blending options, click blending options to display the attributes you can change, from there there's a fill opacity there, just lower it then click stroke and adjust the sliders there up to your desire

Friday October 27, 2017

I want you to try adding a stop to an animation today (see resources) and work on your animation project. I will be coming around to check work.

At the Bell: Open Flash and start working on your Animation Project.

Objectives: As a result of this lesson, students will:

  1. use the basic features of Adobe Flash, including the stage, tool bars, property inspector, status bar, panel views, time line and the help feature. 
  2. use the tools and the tools options to create and modify drawings.
  3. use layers and grouping in Flash.
  4. create an original Flash animation

Assignment: Create an original Flash animation. Use 3 or more layers (stationery background; moving objects). You will upload your animated GIF file to "First Flash Animation in Moodle, Unit 4.

Ideas to get you started: • Make an apple fall from a tree • Cannon firing a cannon ball • Kite flying in the sky • Bug land on flower

Resources:

Extension: Flash Assignment #2 – Simple Animation or Flash Assignment #3 – Banner Ad or other approved extension activity on the course Website.

Thursday October 26, 2017

Today is Unit 4 Graphics Module 2 Lesson 4: Adding Images to Your Web Page

At the Bell: Complete "ATB: Images Review 1" in Moodle Unit 4. Then, pick up where you left off yesterday.

Objectives:

  1. differentiate between copyrighted and public domain images
  2. download and organize image files

Assignment: Work on graphics.html in your Portfolio (upload to Unit 4 in Moodle before you leave); review questions on the handout

Resources:

Wednesday October 25, 2017

Today is Unit 4 Graphics Module 2 Lesson 4: Adding Images to Your Web Page

At the Bell: Complete "ATB: Images Review 1" in Moodle Unit 4

Objectives:

  1. differentiate between copyrighted and public domain images
  2. download and organize image files

Assignment: Work on graphics.html in your Portfolio; review questions on the handout

Resources:

Tuesday October 24, 2016

I am introducing you to the IMG tag today.

At the Bell: Complete "ATB: Why put images in Web pages?" in Moodle, Unit 4.

Objectives:  As a result of this lesson, students will:

  1. set up a folder for a new Website (images)
  2. modify images using various attributes with teacher direction
  3. independently insert an image into a Web page

Assignment: Add images Web pages.

Whole class practice: Create a new folder called "images" on your H drive. Right-click on each file below, and select "Save link as ..." to save them into your "images" folder. Open the Web page file in Notepad++ and in your browser.

  1. Web page file
  2. Rose picture
  3. Notes picture
  4. Smiley bar
  5. Flag

Individual: Add a relevant image to your Portfolio index page.

Resources:

Monday October 23, 2017

Today is Unit 4 Graphics Module 1 Lesson 2: Copyright Law and Graphics on the Web. We are also going to talk about page counters.

hit counter html code
hit counter html code

At the Bell: Log on and open your browser to today's announcement.

Objectives:

  1. determine if an image or graphic is protected by copyright law
  2. determine whether or not copyright law would allow an image to be used on a web page under different circumstances

Assignment:

Resources:

Friday October 20, 2017

Flash animation continued; Create an Animated .gif file

At the Bell: Pick up where you left off on Friday.

Objectives: As a result of this lesson, students will:

  1. use the basic features of Adobe Flash, including the stage, tool bars, property inspector, status bar, panel views, time line and the help feature. 
  2. use the tools and the tools options to create and modify drawings.
  3. use layers and grouping in Flash.
  4. create an original Flash animation

Assignment: Create an original Flash movie. Use 3 or more layers (stationery background; moving objects). You will upload your animated GIF file to "First Flash Animation in Moodle, Unit 4.

Ideas: • Make an apple fall from a tree • Cannon firing a cannon ball • Kite flying in the sky • Bug land on flower

Resource: PickaWeb Flash tweening tutorial online at: http://www.pickaweb.co.uk/movies1/flash_tween.htm.

Extension: Flash Assignment #2 – Simple Animation or Flash Assignment #3 – Banner Ad or other approved extension activity on the course Website.

Thursday October 19, 2017

Unit 3 Module 4: The Box Model in CSS

At the Bell: Complete "ATB: CSS Review 3" in Moodle Unit 3.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.
  4. create and link an EXTERNAL CSS file

Assignment: Work on an portfolio .css file. Upload it to Moodle before the end of class. Your css file should include, at minimum, font, color, margin, and border style declarations for:

Note: You don't need to have each type of style declaration for each selector.

Enrichment: Peer tutoring, Flash animation, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

References

Wednesday October 18, 2017

Unit 3 Modules 2 and 3: Color and Typography using CSS

At the Bell: Complete "ATB: CSS Review 2" in Moodle Unit 3.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.

Assignment: Add formatting to your portfolio.css

Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

References:

Tuesday October 17, 2017

Unit 3 Module 1 Lessons 2 and 3

At the Bell: Complete "ATB: CSS Review 1" under in Moodle Unit 3.

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.
  4. create and link an EXTERNAL CSS file

Assignment: Format an external CSS file and link it to the rest of your Portfolio documents.

Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

Reference:

Monday October 16, 2017

Class will conclude at 8:58 today. We have a modified schedule for the door decorating.

Today's Lesson is Unit 3 > Module 1: Introduction to Cascading Style Sheets

At the Bell: Pull up and start reading Lesson 1: Anatomy of a Style

Objectives: As a result of this lesson, students will:

  1. understand the purpose of CSS
  2. identify and create inline, embedded and external style sheets.
  3. apply style sheet formatting the HTML elements including body, paragraph, and heading.
  4. create and link an EXTERNAL CSS file

Assignment: CSS Review questions in Moodle, Unit 3; Add CSS formatting to your Portfolio Index. Your embedded style should include, at minimum, style declarations for:

Enrichment: Peer tutoring, work on your personal Web site project OR add CSS to another existing project OR work on CSS Enrichments

References: 

Friday October 13, 2017

We are going to discuss and practice animating Flash today: Miscellaneous Lessons >> Adobe Assignments >> Flash Lesson 2: Flash Animation: Using the Timeline

Friday the 13th pictureAt the Bell: Open Flash on your computer. Open a blank document.

Objectives: As a result of this lesson, students will:

  1. use the basic features of Adobe Flash, including the stage, tool bars, property inspector, status bar, panel views, time line and the help feature. 
  2. use the tools and the tools options to create and modify drawings.
  3. use layers and grouping in Flash.
  4. create an original Flash animation

Assignment: Create an original Flash movie. Use 3 or more layers (stationery background; moving objects). You will upload your animated GIF file to "First Flash Animation in Moodle, Unit 4.

Ideas: • Make an apple fall from a tree • Cannon firing a cannon ball • Kite flying in the sky • Bug land on flower

Resource: PickaWeb Flash tweening tutorial online at: http://www.pickaweb.co.uk/movies1/flash_tween.htm.

Extension: Flash Assignment #2 – Simple Animation or Flash Assignment #3 – Banner Ad or other approved extension activity on the course Website.

Thursday October 12, 2017

We are going to add video to a Web page today.

At the Bell: Complete "ATB: Table Tags Review 2" in Moodle, Unit 2. Then start reading through today's lesson Adding Video to Web Pages.

Objectives: As a result of this lesson students will:

  1. Differentiate between types of video files
  2. Add a video file to a Web page.

Assignment: Add a video to the video.html file in your Portfolio. Upload your work before you leave.

Enrichment: Peer tutoring; add captions

Resources:

Video Files in MP4 (for Internet Explorer, Safari, & Chrome)

Video Files in WebM (for Firefox, Opera, & Chrome)

Still Poster Images for Videos

Closed Caption Files in VTT

 

Unit 2 Module 5: Creating a Data Table

At the Bell: Read through Lesson 1: Creating a Data Table. Then complete "ATB: Table Tags Review 1" in Moodle, Unit 2.

Objectives: As a result of this lesson, students will:

  1. list the HTML tags required to make a data table
  2. be able to create a simple data table that includes <table> <caption>, <thead>, <tbody>, <tr>, <th> and <td> elements as well as scope attributes.

Assignment: Complete an Accessibility Table as described in the Creating a Data Table lesson. Format your table with some ideas from the article "Data Tables in Modern Web Design." Upload to the "Accessibility Table" link in Moodle, Unit 2.

Resources:

Enrichment: Research assistive devices used by people with disabilities to access Web pages. Add what you learned to your accessibility.

Tuesday October 10, 2017

Unit 2 Module 5: Creating a Data Table

At the Bell: Open Notepad ++ on your computer. Type your class schedule into a new document (see sample below).

Period 1 Math Professor Al Gebra 212 
Period 2 Web Design Dr. Kerby 241
Period 3 Art Mr. Michael Angelo 206
Period 4 English Ms. I. Read 114
Period 5 Accounting Mr. Cal Culator 107
Period 6 Phys Ed Mrs. I. M. Beat

Objectives: As a result of this lesson, students will:

  1. list the HTML tags required to make a data table
  2. be able to create a simple data table that includes <table> <caption>, <thead>, <tbody>, <tr>, <th> and <td> elements as well as scope attributes.

Assignment: 

References:

Enrichment: Add hypertext links to the Accessibility sources; Link to relevant Websites

Friday October 6, 2017

Today you will complete and create a .gif file from your Flash Drawing. I will also be checking your Recipe Projects.

At the Bell: Pick up where you left off last Friday.

Objectives

  1. Students will be able to identify and use the basic features of Macromedia Flash, including the stage, tool bars, property inspector, status bar, panel views, and the help feature. 
  2. Students will be able to use the tools and the tools options to create and modify drawings.
  3. Students will be able to use layers and grouping in Flash.
  4. Students will be able to export a Flash drawing and add it to an HTML document.

Assignment: Create a Flash drawing, publish it as a .gif file, and upload it into "First Flash Drawing" in Moodle in Unit 4. (12 points)

Resources: Flash Manual, Drawing demo video (7:53), using the Line and Pencil tool; using the Pen Tool

Sample cookies sample

Thursday October 5, 2017

We are going outside to take pictures today.

Resources:

Wednesday October 4, 2017

I am going to demonstrate how to build the index file and how to zip your files for uploading.

At the Bell: Pick up where you left off yesterday with the Recipe project.

Objectives: As a result of this lesson, students will:

  1. use a Web page generator to add links to Web page
  2. create and link to named anchors
  3. add an email link to a Web page

Assignment: Finish Recipe Website Project ° and upload your zipped Website to Moodle, Unit 2.

Resources:

Enrichment:  Chemistry Web site, personal Web site; try some things out in the KompoZer User Guide

 

Tuesday October 3, 2017

Finish up the cookies file from yesterday if it is not complete. Then you will work on the Recipe Website. It should be finished by the end of class tomorrow.

At the Bell: Complete "ATB: Anchor Tag Review 2" in Moodle, Unit 2

Objectives: As a result of this lesson, students will:

  1. use a Web page generator to add links to Web page
  2. create and link to named anchors
  3. add an email link to a Web page

Assignment: Recipe Website Project °

Resources:

Enrichment:  Chemistry Web site, personal Web site; try some things out in the KompoZer User Guide

Monday October 2, 2017

Today I will show you linking in Dreamweaver and KompoZer.

At the Bell: Complete " ATB: Anchor Tag Review 1" in Moodle, Unit 2

Objectives: As a result of this lesson, students will:

  1. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  2. use a Web page generator to add links to Web page
  3. create and link to named anchors
  4. add an email link to a Web page
  5. identify the sections and basic tools in the KompoZer workspace
  6. create a Web page using KompoZer

Assignment: Link Portfolio pages; Create cookies.html if it is not already done.

Enrichment: Peer support, Personal Website and/or explore new HTML tags at http://www.w3.org/

Resources:

Friday September 29, 2017

Today is Flash Friday. Work on learning the Flash drawing tools.

shows where flash isAt the Bell: Open Flash on your computer. Go to Start -> All Programs -> Adobe Design Premium CS6 -> Adobe Flash CS6 Professional

Objectives

  1. Students will be able to identify and use the basic features of Macromedia Flash, including the stage, tool bars, property inspector, status bar, panel views, and the help feature. 
  2. Students will be able to use the tools and the tools options to create and modify drawings.
  3. Students will be able to use layers and grouping in Flash.
  4. Students will be able to export a Flash drawing and add it to an HTML document.

Assignment: Create a Flash drawing, publish it as a .gif file, and upload it into "First Flash Drawing" in Moodle in Unit 4. (12 points)

Resources: Flash Manual, Drawing demo video (7:53), using the Line and Pencil tool; using the Pen Tool

Thursday September 28, 2017

Today's lesson is Unit 2 > Module 4: Creating Links

At the Bell: Log onto the computer. Open a blank HTML document in Notepad++, KompoZer, or Dreamweaver. Save it as "links.html" in your practice folder; then open it in a browser.

Objectives: As a result of this lesson, students will:

  1. differentiate and create links using both absolute and relative paths
  2. create and linked to named anchors
  3. add an email link to a Web page

Assignment: Add links to a Web page. Upload your page to Moodle.

Resources:

Enrichment: Peer tutoring, Chemistry Web site, personal Web site

Wednesday September 27, 2017

Unit 2 - Module 3 Lesson 2: Creating a Navigation Menu

At the Bell: Complete "ATB: Tag and Attribute Matching" in Moodle, Unit 2.

Objectives: As a result of this lesson, students will:

  1. review basic and required HTML tags and attributes.
  2. use basic HTML tags and attribute to create a simple Web page.
  3. add list tags (OL, UL, LI) and related attributes to a Web page.

Assignment: Complete and upload:

  1. Portfolio index file
  2. List practice on the handout from yesterday's lesson
  3. Bugs.html

Resources:

Enrichment: Use CSS to format your lists; add list tags to your Personal Web site project; Complex Lists practices on handout

Tuesday September 26, 2017

List practices

At the Bell: Complete "ATB: List Tag Review 2" in Moodle, Unit 2.

Objectives: As a result of this lesson, students will:

  1. understand how to use list tags OL, UL, and LI
  2. be able to use list tags in a Web page
  3. format list tags using attributes (type and start)

Assignment: Let's Create Lists practice and Cookies practice. Please upload to Moodle, Unit 2, before you leave today.

Extension: More list practice with bugs.html; Set up Personal Website in Dreamweaver

Monday September 25, 2017

Introduction to Dreamweaver and list practices

At the Bell: Complete "ATB: List Tag Review 1" in Moodle, Unit 2.

Objectives: As a result of this lesson, students will:

  1. become familiar with the Dreamweaver windows and workspace
  2. review and practice list tags in Dreamweaver
  3. set up a Website in Dreamweaver

Assignment: Creating Lists practice (please upload to Moodle, Unit 2)

Resources:

Extension: Set up Personal Website in Dreamweaver

Friday September 22, 2017

Today is a makeup day. I want to make sure everyone is ready to move on.

If you have everything completed to date, choose an Enrichment activity to work on from the list below.

  1. Peer support (help another student who needs help)
  2. Learn something new at w3schools.com
  3. Work on your Weebly site
  4. Open Dreamweaver, Flash, or Photoshop and experiment.

4hursday September 21, 2017

We are going to upload your Font practice and index.html file to Moodle. Then we are going to learn the basics of KompoZer as a Web page generator.

At the Bell: Log onto the computer and log into Moodle.

Objectives: As a result of this lesson, students will:

  1. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  2. identify the sections and basic tools in the KompoZer workspace
  3. create a Web page using KompoZer

Assignment: Upload your Font practices and your Portfolio index.html; work on "Creating Lists in HTML" on the handout. Save all 3 practices in one html file. You may use KompoZer, Dreamweaver, or Notepad++ to complete the assignment.

Before you go today your Fonts practice should be uploaded to Moodle. You should also have 3 sections in your index.html file from your portfolio (About Me, About Web Design, List of Files) and upload that to the Portfolio index link in Moodle, Unit 2.

Enrichment: Peer support, Personal Website and/or explore new HTML tags at http://www.w3.org/

Resources:

Reminder: You have a 4-day weekend!

Wednesday September 20, 2017

Unit 2 - Module 3: HTML Lists

At the Bell: Pick up a copy of today's ATB on the desk where the Lav pass it. Complete "ATB: HTML Review 3" on the handout.

Objectives: As a result of this lesson, students will:

  1. review basic and required HTML tags and attributes.
  2. use basic HTML tags and attribute to create a simple Web page.
  3. add list tags (OL, UL, LI) and related attributes to a Web page.

Assignment:

  1. Whole class: Practice using list tags at HTML schools
  2. Whole class: Add a <nav> section to your portfolio index file.
  3. Add a bulleted list and a numbered list to your portfolio index file.

Resources:

Enrichment: Use CSS to format your lists; add list tags to your Personal Web site project; Complex Lists practices on handout

Tuesday September 19, 2017

Today we are finishing lesson Unit 2 Module 2: Basic HTML Markup

At the Bell: Complete "ATB: HTML Review 1" and "ATB: HTML Review 2" in Moodle, Unit 2.

Objectives: As a result of this lesson, students will:

  1. have a basic understanding of HTML syntax, including the difference between elements and attributes.
  2. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  3. be able to name the parts of an HTML document and the required HTML tags.
  4. be able to use basic HTML tags and attributes to create simple Web pages using their notes as a guide.

Assignment:

Enrichment: Additional Web practices: Camembert, Nipper, Heading Tags; Flash Animation

Resources:

Monday September 18, 2017

At the Bell: Log onto the computer and go to Kahoot.it for HTML Basics review

Objectives: As a result of this lesson, students will:

  1. have a basic understanding of HTML syntax, including the difference between elements and attributes.
  2. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  3. be able to name the parts of an HTML document and the required HTML tags.
  4. be able to use basic HTML tags and attributes to create simple Web pages using their notes as a guide.
  5. create a folder to store class practices.

Assignment: Font practices on handout; upload your complete work to Moodle, Unit 1

Resources:

Enrichment: Explore some of the Chrome extensions for Designers

Friday September 15, 2017

You are going to work on an online activity today. You may work alone or with a partner.

Complete the Cyber security lab at: http://www.pbs.org/wgbh/nova/labs/lab/cyber/.

If it asks you to confirm a station, select “Bethlehem, PA.”

Take notes as you go marking down what you learned and any thoughts on the activity. You can hand write or type your notes, but make sure that you record somethings. This will be collected for a grade.

4hursday September 14, 2017

At the Bell: Answer the questions on the handout. It's on the desk where the Lav signout is.

Objectives: As a result of this lesson, students will:

  1. have a basic understanding of HTML syntax, including the difference between elements and attributes.
  2. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  3. be able to name the parts of an HTML document and the required HTML tags.
  4. be able to use basic HTML tags and attributes to create simple Web pages using their notes as a guide.
  5. create a folder to store class practices.

Assignment: Font practices on handout; add fonts.html to your Portfolio folder

Resources:

Enrichment: Explore some of the Chrome extensions for Designers

Wednesday September 13, 2017

Yesterday we started a Portfolio and create an index.html file. Today we are going to add to it.

At the Bell: Complete "ATB: Basic basics of Web Design" in Moodle, Unit 2.

Objectives: As a result of this lesson, students will:

  1. have a basic understanding of HTML syntax, including the difference between elements and attributes.
  2. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  3. be able to name the parts of an HTML document and the required HTML tags.
  4. be able to use basic HTML tags and attributes to create simple Web pages using their notes as a guide.
  5. create a folder to store class practices.

Assignment:

Resources:

Tuesday September 12, 2017

We are going to talk briefly about Planning a Website. Then we will start Unit 2: Creating Web Pages with HTML.

At the Bell: Pick up a piece of scrap paper on the desk where the lav signout is. Then, read the Article on color psychology pdf or original link. On a piece of scrap paper, write down:

  1. The best 3 colors for a primarily female audience
  2. The best 3 colors for a primarily male audience
  3. The best 3 colors for your Personal Website audience

Objectives: As a result of this lesson, students will:

  1. have a basic understanding of HTML syntax, including the difference between elements and attributes.
  2. be able to identify Web page generator software and explain how it differentiates from text-based Web page generators.
  3. be able to name the parts of an HTML document and the required HTML tags.
  4. be able to use basic HTML tags and attributes to create simple Web pages using their notes as a guide.

Assignment: Start a Portfolio Website.

Enrichment: Closing activity on handout; Additional Web practices: Camembert, Nipper, Heading Tags

Resources:

Monday September 11, 2017

I have two lessons listed below. I would like to go through both of them today if possible.

First lesson: Module 1: Lesson 1 - Surveying the Possibilities

At the Bell:  Complete "ATB: Class Rules Review" in Moodle, Unit 1 (we will do it together).

Objectives:   

  1. Critically evaluate Web sites based on purpose, design and usability.
  2. Identify the major criteria that experts use to evaluate Web sites and apply those criteria to their own evaluations.

Assignment: Complete a Website Evaluation worksheet (we will do one as a class)

Resources:

Enrichment: Create your own Website Evaluation sheet -- OR -- share your evaluation with the class.

---------------------------------------------------------------------------------------------------------

Section Lesson: Module 2 - Color Theory

At the Bell: Log into Moodle and Complete "ATB: Evaluating Websites" in Unit 1.

Objectives:  As a result of this lesson, student will:

  1. be able to explain the basic concepts related to using color and the Web.
  2. be able to identify and make use of color related resources online
  3. be able to identify accessibility concerns related to color and implement key strategies to make sites accessible to people who are color blind

Assignment: Answer the review questions on the handout using the Website resources below. You may work with a partner if you like. Make sure to hand in your work before you leave

Resources:

Enrichment: Create a chart of Good vs. Bad habits in Web Design

Friday September 8, 2017

We are done at 8:58 today because of the condensed schedule

At the Bell: Log onto the computer and pick up where you left off yesterday. See me if you have any pics on your phone you would like to put on your site.

Objectives:  As a result of this lesson, students will: 

  1. Identify types of Web hosting
  2. Set up a free Web hosting to use for the rest of this course

Assignment: Enroll in Moodle for Web Design; Sign up at Weebly.com and start a Website

Extension: Peer tutoring, personal Website

Resources:

4hursday September 7, 2017

The 12th grade class has a meeting this period. The rest of us will be working on the assignment below.

At the Bell: Log onto the computer and pick up where you left off yesterday. See me if you have any pics on your phone you would like to put on your site.

Objectives:  As a result of this lesson, students will: 

  1. Identify types of Web hosting
  2. Set up a free Web hosting to use for the rest of this course

Assignment: Enroll in Moodle for Web Design; Sign up at Weebly.com and start a Website

Extension: Peer tutoring, personal Website

Resources:

Wednesday September 6, 2017

The 11th grade class has a meeting this period. The rest of us will be working on the assignment below.

At the Bell: Log onto the computer and go to today's announcement at dockerby.com/web.htm. Start looking through the resources I linked below.

Objectives:  As a result of this lesson, students will: 

  1. Identify types of Web hosting
  2. Set up a free Web hosting to use for the rest of this course

Assignment: Enroll in Moodle for Web Design; Sign up at Weebly.com and start a Website

Extension: Peer tutoring, personal Website

Resources:

Tuesday September 5, 2017

WELCOME!/

Welcome to Web Design. I'm glad you are joining us. I'm looking forward to seeing what you can do this semester. We will be using this Web site every day to share information and files. Since I post the daily lessons here, you'll be able to keep up if you ever need to miss class.

At the Bell: Pick up a copy of the Class Rules from the desk by the door. Then find a seat. We will be doing assigned seats later this week.

Objectives

  1. Students will understand what to expect from the course, and what is expected of them.
  2. Students will understand the basic class rules and procedures.
  3. Teacher will assess students’ computer background and basic computer skills and set the tone for the semester.

Assignment: Complete the Student Profile; enroll in Moodle; take an online Computer Literacy quiz

Handouts: