TODAY'S+WORK

WEB DESIGN I - MP1 CLASSWORK ASSIGNMENTS

chrome-extension://bpmcpldpdmajfigpchkicefoigmkfalc/views/app.html

Mrs. Butera - buterawork@gmail.com Free Web Site Hosting Computer Applications 1 & 2 Independent Study Work (Sophomore Clas Fall 2014 Student Blogs  Fall 2014 Student Wikis

View Help Desk Form responses [|Makeup Work Contract]
 * *********HELP DESK REQUEST ******************************* **

It's proper etiquette to thank someone for a visit or interview. Please thank Mr. DiBartolo by adding your name to our class thank you wall and state one thing you learned from him that you thought was valuable. Click here: @http://padlet.com/dbutera2/lvqo4zzvxikr 2. Please take this Student Exit Survey 3.Open & complete __Final Project Assignment 4__ Guest speaker: Charles DiBartolo from Bizworks.com * __Final Project Assignment 4__ - Develop each page of the site || * __Final Project Assignment 4__ - Develop each page of the site * || * __Final Project Assignment 4__ - Develop each page of the site __Final Project Assignment 3__ - Create navigation bar, site pages & add header image to each page * || Do Now: Follow Assignment 4 below - EACH partner should be busy! Today's home page should be improved by one partner, another partner should be developing a another page of the site. * __Final Project Assignment 4__ - Develop each page of the site __Final Project Assignment 3__ - Create navigation bar, site pages & add header image to each page
 * 1/23 || # Upload your Final Project folder to your Google Drive
 * 1) Peer Feedback and Best in Show Vote
 * Final Day || 1. **Thank you for being an excellent audience last Friday!** You represented Curtis High School well and made me proud.
 * Final Day || 1. **Thank you for being an excellent audience last Friday!** You represented Curtis High School well and made me proud.
 * 1/16 || Aim: What's involved in owning a web design business?
 * 1/16 || Aim: What's involved in owning a web design business?
 * 1/15 || Aim: How do we create a contact page with a map?
 * 1) Open your contact page in dreamweaver and follow step 6 in assignment 4 to complete the page. Move to next page - both partners should be busy working.
 * 1) Open your contact page in dreamweaver and follow step 6 in assignment 4 to complete the page. Move to next page - both partners should be busy working.
 * 1/14 || Aim: How do we create an events calendar?
 * 1) Open your events page in dreamweaver and follow step 4 in assignment 6 to complete the page. Move to next page - both partners should be busy working.
 * 1/13 || Aim: How do we create a newsletter sign up form?
 * 1) Open your newsletter page in dreamweaver and follow step 5 in assignment 4 to complete the page. Move to next page - both partners should be busy working.
 * 1/12 || Aim: How can we make our home page look professional?
 * 1) Open your home page. Ask a classmate to give you feedback on it's appearance.
 * 2) Complete all pages.

* || * You should be starting ** Final Project Assignment 4 ** today: __Final Project Assignment 4__ - Develop each page of the site __ Final Project Assignment 3 __ - Create navigation bar, site pages & add header image to each page Final Project Assignment 2 - Create final project folder, define site, start index & style sheet Final Project Assignment 1 - Identify your topic and domain name * || __Final Project Assignment 4__ - Develop each page of the site Final Project Assignment 3 - Create navigation bar, site pages & add header image to each page Final Project Assignment 2 - Create final project folder, define site, start index & style sheet Final Project Assignment 1 - Identify your topic and domain name * ||
 * 1/8, 9 || Aim: How do we add a youtube video to our page?
 * 1) Find any video and add it to a cell in your home page. What doesn't it work?
 * 1/7 || Aim: How do we remove the padding around out table?
 * 1) COMPLETE HOME PAGE - Follow step 1 in ** Final Project Assignment 4: **
 * 1/6 || Aim: What will the layout and contents of your home page be?

__Final Project Assignment 4__ - Develop each page of the site Final Project Assignment 3 - Create navigation bar, site pages & add header image to each page Final Project Assignment 2 - Create final project folder, define site, start index & style sheet Final Project Assignment 1 - Identify your topic and domain name You should be starting **Final Project Assignment 4** today: __ Final Project Assignment 4 __ - Develop each page of the site Final Project Assignment 3 - Create navigation bar, site pages & add header image to each page Final Project Assignment 2 - Create final project folder, define site, start index & style sheet Final Project Assignment 1 - Identify your topic and domain name Final Project Assignment 4 - Develop each page of the site Final Project Assignment 3 - Create navigation bar, site pages & add header image to each page Final Project Assignment 2 - Create final project folder, define site, start index & style sheet Final Project Assignment 1 - Identify your topic and domain name __**DAILY PROGRESS SHEETS**__ Each student must * Final Project Assignment 3 - Create navigation bar, site pages & header image Final Project Assignment 4 - Develop each page of the site Final Project Assignment 2 - Create final project folder, define site, start index & style sheet Final Project Assignment 1 - Identify your topic and domain name Special Blog Assignment ||
 * 1) Complete home page layout sheet provided - work with your partner to complete the drawing.
 * 2) You should be starting **Final Project Assignment 4** today:
 * 1/5 || Aim: What should go on the home page of a web site?
 * 1) What should go on the home page of your site?
 * 1) What should go on the home page of your site?
 * 12/22 || Aim: What should our pages look like with a header image on them?
 * Today's Goal:** Complete all of **Assignment 3 sheet** - Get header on the top of every page.
 * NOTE:** In Dreamweaver, open your style1.css, go to #header section and remove "padding" line so there is not padding around you header image on the page.
 * Today's Goal:** Complete all of **Assignment 3 sheet** - Get header on the top of every page.
 * NOTE:** In Dreamweaver, open your style1.css, go to #header section and remove "padding" line so there is not padding around you header image on the page.
 * 12/18-19 || Aim: What should your site's header image look like?
 * 12/18-19 || Aim: What should your site's header image look like?
 * 1) Get their daily progress sheet at the start of the period
 * 2) **First entry:** State the **Final Project Assignment #** and **Step #** that you are up to.
 * 3) At the end of period, write what you completed.
 * 4) Complete your **Final Project Overview** sheet to date.
 * Today's Goal:** Complete header (STEP 4) and add to pages
 * Completed:**
 * 12/17 || Aim: How do we create links to our other pages?
 * 1) You must complete Final Project Assignment 2 before you can move on to the next assignment below.
 * 2)  Final Project Assignment 3
 * 12/16 || Aim: How do we start our new site?
 * 1) **Complete Steps 1 - 6 i**n Final Project Assignment 2
 * 2) Past Due (late) -Share your Final Project Assignment 1 document with buterawork@gmail.com for credit.
 * 1) **Complete Steps 1 - 6 i**n Final Project Assignment 2
 * 2) Past Due (late) -Share your Final Project Assignment 1 document with buterawork@gmail.com for credit.
 * 12/15 || Aim: What is the importance of color in web site development?
 * 1) **Complete step 2** today and **share** the completed document with **buterawork@gmail.com**
 * 2) Go to your Google Drive and open your copy of Final Project Assignment 1.
 * 3) If you were not here for the assignment, open Final Project Assignment 1
 * 12/12 || Aim: What steps do we take to start developing a web site?
 * 1) If you have finished up to **lesson 20,** send a screenshot of that progress to buterawork@gmail.com, you may finish for HW.
 * 2)  Complete Step 1 today in Final Project Assignment 1 -
 * 12/10-11 || Aim: What are the types of programming errors you encountered?
 * 1) Review: What is the difference between a logic error and a syntax error?
 * 2) There are as many programming languages as there are speaking languages. Each language is designed for a specific purpose and runs on certain operating systems.
 * 3) If you have completed 20 lessons in Karel,email a screenshot of proof to buterawork@gmail.com for "Hour of Code" assignment credit. if you haven't already done so.
 * 4) Work with a classmate - Go to code.org, click on LEARN and choose a programming activity of interest.
 * 5) Email buterawork@gmail.com a screenshot of your **progress at the end of the period. Put both names in the email.**
 * 1) Work with a classmate - Go to code.org, click on LEARN and choose a programming activity of interest.
 * 2) Email buterawork@gmail.com a screenshot of your **progress at the end of the period. Put both names in the email.**

Reminder: HW = Essay on an IT Career of Choice * Some IT Company Cultures & Work Environments: > [] ||
 * 1) Facebook Data Centers: []
 * 2) Check out the company culture of Pixar Animation Studies in CA Inside Pixar Animations
 * 3) Google: []
 * 1) Facebook: []
 * 12/9 || Aim: How do we program in Karel?
 * 1) Introduction to computer science and programming - Complete the 20 lessons in the "Hour of Code".
 * 2) Login at code.org
 * 3) Email buterawork@gmail.com your badge when you complete all lessons
 * 4) If you are done, you may work on the HW (see below) or do more programming (your choice) at code.org
 * 5) Reminder: HW = Essay on an IT Career of Choice
 * 12/8 || Aim: What jobs are there in the field of Computers and Information Technology(IT)?
 * 1) Hour of Code assignment
 * 12/5 || Aim: How can we get the best possible grade on our first web site?
 * 1) Review the grading table in this assignment: __ How to create your first web site in Dreamweaver __
 * 12/4 || Aim: How can we make the element in each table cell evenly centered to make our web page look professional?
 * 1) Motto: pay attention to the details.
 * 2) Supplying style sheet code - copy and paste this code into your style sheet file if you do not have it finished and continue with #8 if you have not done it yet.
 * 3) How to create your first web site in Dreamweaver
 * 4) I will start grading the Index page today.
 * 12/3 || Aim: How do we create links to other websites?
 * 1) All video lessons should be complete & you should be putting content on your pages: How to create your first web site in Dreamweaver
 * 1) How to create your first web site in Dreamweaver
 * 2) I will start grading the Index page today.
 * 12/3 || Aim: How do we create links to other websites?
 * 1) All video lessons should be complete & you should be putting content on your pages: How to create your first web site in Dreamweaver
 * 1) All video lessons should be complete & you should be putting content on your pages: How to create your first web site in Dreamweaver
 * 12/1-2 || Aim: How do we add content to our pages using a table to control layout?
 * 1) All video lessons should be complete & read below them in How to create your first web site in Dreamweaver
 * 11/25 || Aim: How do we create a navigation bar and new pages?
 * 1) Complete #6 - #8 in How to create your first web site in Dreamweaver
 * 11/24 || Aim: How do we define container areas in a style sheet using Dreamweaver?
 * 1) Complete #3 - #5 in How to create your first web site in Dreamweaver
 * 11/21 || Aim: How do start a new web site in Dreamweaver?
 * 1) Complete #3 - #5 in How to create your first web site in Dreamweaver
 * 11/21 || Aim: How do start a new web site in Dreamweaver?
 * 11/21 || Aim: How do start a new web site in Dreamweaver?

**Reminders**: **Do Now** * || **Reminders**: **Reminders**: > If not, c omplete this Wikispaces Address Submission Form **Reminders**:
 * 1) Complete #1 & 2 in How to create your first web site in Dreamweaver
 * 11/18-20 || Aim: What is a Podcast & a QR code and how do we create them?
 * Do Now:**
 * 1) If you don't like the width of your blog or it's sidebar, can you figure out how to change it?
 * 2) If your name in this spreadsheet ask a classmate to click on the link to see if they can view your blog: Fall 2014 Student Wikis Permissions should be PROTECTED. If it's not, enter your wiki address here: Wikispaces Address Submission Form
 * 3) Blog will be graded today. You should have added your podcast and a new blog post: What is and how do we create a podcast & QR code and add them to our blog?
 * 4) Complete Introduction to CSS - An Overview 1-26
 * 11/17 || Aim: What is LinkedIn and how does it work?
 * 11/17 || Aim: What is LinkedIn and how does it work?
 * 11/17 || Aim: What is LinkedIn and how does it work?
 * Web Design HW is past due
 * 1) If you have not done so already, Click on **Settings--> Permissions** and make sure you have it set to PROTECTED.
 * 2) How many people have taken you survey? Go to your Google Drive and open your survey form, click on RESPONSES & select SUMMARY
 * 3) Click on your HOME page. Replace default text with a welcome message.
 * 4) Complete  How can we further market ourselves on the web?
 * 5) **Have you completed Parts 1-IV** in Create an E-Portfolio using wikispaces. ?
 * 11/14 || Aim: How do we create a survey in Google and embed it in our wiki's Survey Page?
 * Bring in food for our Thanksgiving basket - extra credit.
 * Web Design HW is past due
 * Do Now **
 * 1) Click on **Settings--> Permissions**, read the options. Which one should you choose?
 * 2) Complete the **SURVEY PAGE** in **Part III** in Create an E-Portfolio using wikispaces. Continue down assignment page if your are done.
 * 11/13 || Aim: How can we increase the number of visitors to our wiki, blog or other social media?
 * 11/13 || Aim: How can we increase the number of visitors to our wiki, blog or other social media?
 * Bring in food for our Thanksgiving basket - extra credit.
 * Web Design HW is past due
 * Do Now: **
 * 1) Why are we creating blogs and wikis?
 * 2) Go to your blog's dashboard and check to see how many people have visited your blog. How could you get more exposure (visitors to your site)?
 * 3) **Complete the Social Media page in Part III** in Create an E-Portfolio using wikispaces
 * 4) Is your name in this spreadsheet? __ Fall 2014 Student Wikis __
 * 1) Can you figure out how to create a link to your wiki in the sidebar of your blog? Show me.
 * **11/12** || Aim: How do we add content to our wiki page to create an e-portfolio?
 * **11/12** || Aim: How do we add content to our wiki page to create an e-portfolio?


 * Bring in food for our Thanksgiving basket - extra credit.
 * Web Design HW is past due

Do Now:

How to put a header/logo image at the top of a wiki page is possible only if your wiki is on a **Classic wiki functionality** type. To change you wiki type: * **Complete Parts III** in Create an E-Portfolio using wikispaces - * * || Do Now:
 * 1) Go to your wiki
 * 2) Go Settings > General > Application Type
 * 3) Application Type = **Classic Wiki Functionality** - Scroll down & click **SAVE**
 * 4) On the Settings Page, go to **Themes and Colors**
 * 5) Select a theme that has an obvious logo/header area at top
 * 6) Once you do that, you will see a **Logo** option appear.
 * 7) Click on that and upload the header.jpg image you created in your Photoshop assignments
 * Finish Photoshop page today & continue with About Me
 * 11/10 || Aim: How do we add pages and customize our wiki for our E-Portfolio?
 * Reminders**:
 * Bring in food for our Thanksgiving basket - extra credit.
 * Web Design HW is past due
 * 1) **Complete Parts II & III** in Create an E-Portfolio using wikispaces
 * 11/5-6 || Aim: How can we create an E-Portfolio?
 * 1) **Open your header.psd in Photoshop.** Change your text to state your full name. Save & Save for Web replacing your images.
 * 2) Go to your class blog and do a **NEW POST, Title = Photoshop**. Upload your myth image.Follow these blog post requirements.
 * 3) Follow directions to Create an E-Portfolio using wikispaces
 * 1) Follow directions to Create an E-Portfolio using wikispaces

If you are done, complete:
 * 11/3 || Aim: What is an animated GIF?
 * 1) Google animated GIFs, click on the image and make sure it moves. Save the image to your folder and put it on your web page. By the end of the period all images should be displayed on your web page. Send a screenshot to buterawork@gmail.com for credit if your grades are not up-to-date.
 * 2) Go to your class blog and do a **NEW POST, Title = Photoshop**. Upload your myth image.Follow these blog post requirements.
 * 1) Go to your class blog and do a **NEW POST, Title = Photoshop**. Upload your myth image.Follow these blog post requirements.
 * 1) Complete this assignment: Controlling page layout with tables
 * 2) On youtube, search on cool photoshop tutorials and complete one of choice.
 * 10/30-31 || Aim: What are commonly used file types in web design?
 * 1) Start __ Why can't you believe everything you see? ____ - Create a Photoshop myth __
 * 1) Start __ Why can't you believe everything you see? ____ - Create a Photoshop myth __

If you are done: skip: Image file types * ||
 * 1) Put an scary/Halloween **animated GIF** on your web page
 * 2) Complete this assignment: Controlling page layout with tables
 * 3) On youtube, search on cool photoshop tutorials and complete one of choice.
 * 10/29-30 || Aim: How do we replace a modified header?
 * 1) Update your header by adding an an image without its a background - Watch this video OR follow Part II in this assignment: **How do we use the cropping and Selection tool in Photoshop?**
 * 2) Have your index page open in your browser for header update credit.
 * 3)  Start __ Why can't you believe everything you see? __
 * 4) Complete this assignment: Controlling page layout with tables
 * 10/28 || Complete: How do we use __ Cropping and Selection tools in Photoshop? assignment __
 * 10/24&27 || Aim: How can we create a sense of depth using Photoshop?
 * 1) Create this **moon & grasses** image using Photoshop
 * 1023 || Aim: How do we modify an image in Photoshop?
 * 1) Open your logo in Photoshop and add a tagline.
 * 2) __ Create a logo in Photoshop __
 * 10/23 || Aim: How do we create a logo in Photoshop and put it on our web page?
 * 1) Create a logo in Photoshop ||
 * 10/22 || Aim: What is a logo and tagline and how do we create one in Photoshop?
 * 1) What is a logo and tagline?
 * 2) Create a logo in Photoshop
 * 10/21-22 || Aim: What is a web site header and how do we create a header image in Photoshop?
 * 1) What is a web site header?
 * 2) Create a web side header in Photoshop
 * 1) What is a logo and tagline?
 * 2) Create a logo in Photoshop
 * 10/21-22 || Aim: What is a web site header and how do we create a header image in Photoshop?
 * 1) What is a web site header?
 * 2) Create a web side header in Photoshop
 * 1) Create a web side header in Photoshop
 * 10/20 || Aim: How can disabled people use the web?
 * 1) Watch all three videos and get ready to answer: How are people with disabilities able to access the web? Be ready to explain each.

* || Create a survey using a Google form to determine how many people have faith in our governments Center of Disease Control ( CDC) properly protecting our country from an Ebola outbreak. Ask the question and what gender they are. Embed this survey in your index.html page and all send the survey out to all your friends on social media. Extra points to the student who gets the most replies. * || If you are all done with classwork, work on HW ||
 * 10/16 || Aim: What have we learned on the topic of developing a web page?
 * 1) Open you index.html page in the browser for peer grading.
 * 2) Complete a NEW POST in you blog on the topic: "Developing a Web Page". Follow this blog post requirements.
 * 3) How is the web accessible to people with disabilities?
 * 10/15 || Sorry class, still out sick today but here's an extra credit challenge. BTW: Students with 100 average's in my class will only get 100 if they complete this challenge:
 * 10/15 || Sorry class, still out sick today but here's an extra credit challenge. BTW: Students with 100 average's in my class will only get 100 if they complete this challenge:
 * 10/11 || Grading your first web page in notepad today
 * 10/10 || # View results from pop quiz here . The KEY is the highlighted top line. I will not be counting this quiz.
 * 1) Catch up on missing work today. You should have completed up to HTML6.
 * 10/9 || Aim: How do we change our background and create lists in HTML?
 * 1) Take this Pop Quiz -READ HINTS
 * 2) **  Complete TODAY - ** Complete assignmen ts HTML5 & HTML6
 * 10/8 || Aim: How do we created structured list using HTML?
 * 1) Complete HTML & CSS lessons up to and including **HTML Basics II - Structured List** for a total of **36 exercises (points)**. If you have completed all, you may work on HW. If you are all done with everything, let me know.
 * 2) Send me a screenshot of your progress at the end of class.
 * 10/7 || Aim: How do we put an image on our web page?
 * Reminders **
 * Due dates on home works have been pushed back, check them.
 * Logon to codeacademy & click on HTML & CSS - scroll down so I can see what you have completed. There should be a green check mark in front of Basic and Build you own web page. Email me a screen shot if you have a 0 in jupitergrades under HTML & CSS 9/29.
 * Today's Work **
 * 1) Art influenced by technology - Blog on Chuck Close For more images -[|Google "Chuck Close" to see an artist's "pixel approach" to portraits.]
 * 2) ** DUE TODAY -** Complete assignments HTML3 by today
 * 10/6 || Aim: How do we create our own web page?
 * 1) Complete HTML tag attributes and hex color codes
 * 2) Complete assignments HTML3 and 4 today
 * 1) ** DUE TODAY -** Complete assignments HTML3 by today
 * 10/6 || Aim: How do we create our own web page?
 * 1) Complete HTML tag attributes and hex color codes
 * 2) Complete assignments HTML3 and 4 today
 * 1) Complete assignments HTML3 and 4 today
 * 10/2-3 || Aim: How do we create structure using HTML?

You will complete 8 exercises today and 8 tomorrow to complete 16 HTML exercises in codeacademy. Instructions: * || * || - SIGN UP at [|www.Codecademy.com] 2 -Scroll down to the small print at the bottom of the page and Click on HTML and CSS and complete: 9/15 || Aim: How do we create a blog post and add multimedia? Note - Grammar and spelling count on all work! Points will be deducted accordingly.
 * QUIZ: **
 * 1) Logon to codeacademy
 * 2) Click on **ME** in the upper right-hand corner and select **PROFILE**
 * 3) Take a **screen shot** of this page by press the  key. This makes a COPY of the screen)
 * 4) In your gmail, compose an email to buterawork@gmail.com and PASTE it in the body of the email for quiz credit.
 * 5) NOTE: You must email this to me **today** during class for credit.
 * Today's Lesson's Objective**: Learn how to create structure on your web page using lists
 * Today's Lesson's Objective**: Learn how to create structure on your web page using lists
 * 1) In codeacademy, scroll down and select **HTML CSS** and scroll down under the title:
 * 2) HTML STRUCTURE: USING LISTS
 * 3) and start: HTML Basics II ( 16 Exercises). Complete all exercises by Friday
 * 10/1 || Aim: How do we create and update a web page?
 * 1) Complete assignments HTML1 - HTML3 today on this page.
 * 9/30 || Aim: What are the basic HTML tags?
 * 1) Check your jupitergrades for missing work. Is your address present and correct?Fall 2014 Student Blogs
 * 2) If you were not here yesterday, we need to grade your blog.
 * 3) Complete exercises 1-20 in codeacademy.com HTML & CSS
 * 4) Reminder: You have three HW's for marking period 1 - see jupitergrades.com
 * 9/29 || Aim: How do we grade our blogs?
 * 1) **TEST** today. I will had out this blog grading rubric
 * 2) When done,continue with codeacademy HTML & CSS lesson (1-13)
 * 1) **TEST** today. I will had out this blog grading rubric
 * 2) When done,continue with codeacademy HTML & CSS lesson (1-13)
 * 9/24 || Aim: What are some basic HTML tags?
 * 1) Blog Test is Monday.- your blog will be graded by this rubric
 * 2) Logon to if you have already signed up
 * 3) If you haven't signed up, so do:
 * UserID = gmail email
 * Password = student ID #
 * 1)  HTML Basics (Complete 13 Exercises)
 * 2) Project: Build Your Own Web Page ||
 * 9/23 || Aim: What is the language of the web?
 * 1) Complete: What is the language of the web?
 * 2) **TEST** tomorrow: your  blog will be graded by this rubric
 * 9/22 || Aim: How to we add RSS feeds and gadgets to our blog?
 * 1) How to addd an RSS feed and gadgets to your blog
 * 2) **Blogs will be graded tomorrow.**
 * 9/19 || Aim: How do we embed our timeline in a blog post?
 * 1) HW is posted on jupitergrades - parent sign on is due by Monday.
 * 2) Click on your submitted blog address and make sure it display your blog & NOT your blog's dashboard!
 * 3) If your address is wrong or missing, submit here: :[|__Submit your blog address to me here__]
 * 4) Create a new blog post and embed your timeline. You can work on completing your timeline after you do today work, otherwise, finish it at home. Lowered requirements to one event per decade for a 90, two per decade = 100 on the timeline with images on all.
 * 5) Add an RSS feed to your blog
 * 6) **Blog Test on Tuesday:** Your current blog will be graded by this rubric
 * 9/17-18 || Aim: What is the history leading up to the WWW and beyond?
 * 1) Create a History of the World Wide Web Timeline
 * 9/16 || Aim: How do we customize our blogs?
 * 1) Customize your blog
 * Monday
 * 9/16 || Aim: How do we customize our blogs?
 * 1) Customize your blog
 * Monday
 * Monday
 * Monday
 * 1) Logon to your Google account & open
 * 2) Create a blog and learn how to post.
 * 3) Create a blog post and add multimedia
 * 9/12/2014 || Aim: How can we recognize a blog and what are some blogs of interest?
 * 1) Your parent must logon and update their contact information for a grade. Anyone need a jupitergrade password?
 * 2) Logon to your Google account & open - Blog Explorations
 * 9/11/2014 || Aim: What blogs can we find in different subject areas?
 * 1) Essay grades posted. Please check. Exercise good business skills in your email correspondence.
 * 2) Can't create your blog? Try putting just typing "reflections" in the title, in the blog addresss: all lowercase and no spaces. We will edit the title once the blog is created.
 * 3) Go to your Google account and open yesterday's document: "**What Makes a good blog?**"and complete Part II and Part III
 * 9/10/2014 || Objective: What makes a good blog?
 * 1) Go to your Google account and open yesterday's document: "**What Makes a good blog?**"and complete Part II and Part III
 * 9/10/2014 || Objective: What makes a good blog?
 * 9/10/2014 || Objective: What makes a good blog?
 * 1) Complete: What makes a good blog?.
 * 9/9/2014 || Objective: Create a blog and do a blog post.
 * 1) __ What is a blog and what is the importance in having one? __
 * 2) Create a blog
 * 9/8/2014 || Objective: Create a Google Accounts and use the drive
 * 1) How to Create a Google Account and use the Drive to submit an essay.
 * 2) What is a blog and what is the importance in having one?
 * 9/5/2014-- || **Objective: Introduction to Class and Getting to Know Each Other**
 * 1) Read class rules
 * 2) Student interviews.
 * 1 ||  ||
 * 1) Read class rules
 * 2) Student interviews.
 * 1 ||  ||
 * 1 ||  ||

Final Project


 * 12/9 &11 || Topic: Introduction to Programming during Computer Science Week (Hour of Code)
 * 1) Google: Computer Science Week or click on this link to: csedweek.org
 * 2) Scroll down & select a **JavaScript Tutorial**
 * 3) Forward your Certificate of completing an "Hour of Code" tutorial to buterawork@gmail.com
 * 12/5-12/12-12/16 || Topic: How do we use Dreamweaver?
 * 12/5-12/12-12/16 || Topic: How do we use Dreamweaver?

Send me the link to your Photoshop page if you haven't. buterawork@gmail.com for grading - permissions must be PROTECTED for me to see it. Aim: What tools are available to help us with our color theme?
 * 1) **New Blog Post - 12/12 Learning Reflection on the "Hour of Code"**
 * 2) =Home Work for MP3 **- [[file:Web Design Careers.docx]] Due Jan. 3**=
 * 3) Mini Site in Dreamweaver - should complete by Monday.
 * 12/17-20 || Aim: How do we start our final web site project?
 * 1) Understanding styles and color changes on the site. ||
 * Jan 2, 2013 || HAPPY NEW YEAR!
 * Jan 2, 2013 || HAPPY NEW YEAR!
 * 1) Complete Final Project Prep & Progress Sheet
 * 2) Work on color theme & understand how to change your colors in Dreamweaver.
 * 3) Open your home page, click in the sidebar and change the color.
 * 4) How can we change the color background of our navigation bar container? (nav)

* ||
 * Jan 2 || Aim: How can we change our page's embedded styles?
 * 1) Go to: Final Project - Web Site for project overview & references
 * 2) How can we find out what a style element does?
 * 3) Once the home page's look & feel is determined, create your other pages and start putting content on each page.
 * 1) Once the home page's look & feel is determined, create your other pages and start putting content on each page.
 * 1/3 - 17 || Aim: How do we create an input form in Google Drive?
 * 1) Logon to Google Drive --> Create --> form
 * 2) Put content on each page ||
 * 1/14 || Aim: How do we get traffic to our web site?
 * 1) Complete step 5 of final project
 * 2) Test your pages in preparation for peer feedback. ||

__ Student Exit Survey __

MARKING PERIOD 2 CLASSWORK ASSIGNMENTS
 * 10/21=== || NOTE: All Team wiki pages must list:
 * 1) Their topic at top of page
 * 2) The team members and their presentations to follow
 * 3) Font's should be consistent and appearance appealing
 * 4) Remove any irrelevant information.

Aim: How do we use HTML tags to create a web page? Do the assignments A1- A2 on the HTML assignments page. Do the assignments A3- A4 on the HTML assignments page.
 * 10/22-23 || Aim: What image file types are web supported?
 * 10/22-23 || Aim: What image file types are web supported?

|| Do the assignments A5- A6 on the HTML assignments page. If you are done with the above assignments, click on the CODE ACADEMY link at left and follow directions. ||
 * 10/24-25 || Aim: Why do we need to use hex color codes in web pages?
 * 10/28-10/29 || Aim: What is the user interface and why is it so important to the success of a product?

Is any of your text hard to read? Yes = Poor usability

Do the assignments A5- A6 on the HTML assignments page. If you are done with the above assignments, click on the CODE ACADEMY link at left and follow directions. || Complete by Thurs. 10/31 - Code Academy
 * 10/30-10/31 || Topic: Review of HTML Basics
 * 1) HTML Basics (13 Exercises)
 * 2) Project: Build Your Own Web Page

||
 * 11/1-11/6 || DO NOW: - Do a Blog Post titled: - 11/6/13 Learning Reflection

Topic: HTML Structure: Using Lists lessons Complete by Monday 11/4 - Code Academy || Complete by Monday 11/7 - Code Academy ||
 * 1) HTML Basics II (16 Exercises)
 * 2) Social Networking Profile (7 Exercises)
 * 11/7-11/8 || Topic: HTML Structure: Using Lists lessons
 * 1) HTML Basics III (15 Exercises)
 * 2) Clickable Photo Page (7 Exercises)
 * 3) POST a learning reflection of the past week's work to your blog.
 * 11/12 || Reminders
 * 1) Who will go first - last? PowerPoint Presentation Schedule
 * 2) HW - the remaining codeacademy assignments CA4-CA6 Code Academy
 * 3) Email me a screen shot of your completed codeacademy assignments for credit and then I will check them in class.

Topic: How to we create an image in Photoshop? Photoshop Assignments > Code Academy Topic: How to we create a wiki to post our Photoshop assignments? Photoshop Assignments || 12/2 || Topic: How do we use Photoshop to create new images?
 * 1) All your Photoshop assignments will be posted to this page for credit.
 * 11/15 || Reminders
 * 1) Who will go first - last? PowerPoint Presentation Schedule
 * 2) FOCUS - History & Impact of the WWW on Civilization
 * 3) How will you be graded?
 * 4) HW - the remaining codeacademy assignments CA5 CSS Classes and IDs is due on 11/18
 * 1) HW - the remaining codeacademy assignments CA5 CSS Classes and IDs is due on 11/18
 * 1) Email me a screen shot of your completed codeacademy assignments for credit and then I will check them in class.
 * 1) Four (4) Photoshop assignments total - skip #2 on assignment page.
 * 2) Create a personal wiki
 * 3) Edit the navigation bar and add a new link titled: Photoshop Work
 * 4) All your Photoshop assignments will be posted to this page for credit.
 * 11/18 || Topic: How do we evaluate a speaker?
 * 1) Read grading rubric
 * 2) http://dbutera-webdesign.wikispaces.com/Presentation+Feedback
 * 11/19-21 || Topic: What is the history of the WWW and how has it impacted societies?
 * 1) Peer Presentations and peer feedback
 * 2) http://dbutera-webdesign.wikispaces.com/Presentation+Feedback
 * 11/25-
 * 11/25-
 * 11/25-
 * 1) Complete Exercises 4-5 of the Photoshop Assignments
 * 12/4 || Topic: How do we use Photoshop to create new images?
 * 12/4 || Topic: How do we use Photoshop to create new images?

FYI: Video Editing []

If you are done, you may do another tutorial for extra credit or code academy OR free time. __ Student Exit Survey __
 * 1) **Complete Exercises 4-5** of the Photoshop Assignments
 * 12/5 || Topic: How do we use Dreamweaver?
 * 1) Send me the link to your Photoshop page. buterawork@gmail.com for grading - permissions must be protected.
 * 2) Mini Site in Dreamweaver
 * 1) Mini Site in Dreamweaver

= = = = = = = =

= = = = = = = = = MARKING PERIOD 1 CLASSWORK ASSIGNMENTS =
 * 10/21=== || ** Introduction to Class **
 * 10/ || *
 * 10/ || *

|| || || || An RSS news feed link automatically brings the latest news to you. 9/25 || Enhance your blog - **Add a welcome podcast to your blog** Here are three examples, do you know of any others? * * || 9/26 || Enhance your blog - **Add a gadget of choice to your blog** * || We will switching seats and grading each others blog using the rubric below. For each row in the grading rubric, you will highlight in yellow the appropriate column.
 * 9/23 || Enhance Your Blog **- Add an RSS news feed link to your blog**.
 * CREATE AN RSS FEED ON YOUR BLOG **
 * 9/24
 * 9/24
 * 9/24
 * Introduction to Podcasts: **
 * How are podcasts used in business? **
 * Idea podcasts at Radiolab
 * Public awareness podcasts at The Story of Stuff
 * CNET Buzz Out Loud podcasts
 * CREATE A PODCAST ON YOUR BLOG **
 * 9/25
 * 1) **Add a gadget** of choice to your blog
 * 2) **Post a** - **9/26 LEARNING REFLECTION** - Discuss what you have learned in the last week. How can you use what you have learned in your life? What did you have the most difficulty with? How did you overcome any obstacles?
 * 9/27 || **Peer Blog Grading & Feedback**
 * Do Now:**
 * 1) Download, open & **put your name at the top** of this **Blog Grading Rubric**: [[file:rubricforblog.docx]]
 * 2) **Open your blog**
 * 3) After grading your peer SAVE document
 * 4) SIGN ON to wikispaces - with your email address and OSIS as the password
 * 5) Go to the home page and post under the PEER GRADING
 * 9/30 || ** Does your wikispaces account work? **
 * 1) **SIGN ON to wikispaces** - with your email address (the one you put into my spreadsheet during class) and your OSIS as the password. You should have received a welcome email to the email address you typed into my spreadsheet in class last week. IF **YOU CAN'T SIGN ON TO WIKISPACES, send me an email** stating so: **buterawork@gmail.com**
 * 2) Once signed in, go to the home page and post under the PEER GRADING if you have not done so.
 * 3) Read an contribute to other postings on that page throughout the class. This is our classes discussion board.
 * 1) Read an contribute to other postings on that page throughout the class. This is our classes discussion board.

* || 10/3 10/4 || ** Group Project ** Update your team's wiki page to include Feel free to create an avatar for yourself in our wiki classroom. Google: free avatar creator Team Pages Group Project 1
 * Topic: Industry Podcasts and Professional Communities**
 * 1) If you were a web designer and you wanted to stay on top of your field. What might you do?
 * 2) Visit 7 Gread Podcast for Web Designers
 * 3) Choice two podcast sites from the list.
 * 4) Use our headphones and listen to 2 podcasts of choice. If the sound is playing at the station, go into the Control Panel, Sound and turn off the speakers at the station.
 * 5) Add a post to your blog about the podcasts you listened to. Compare and contrast them. Discuss the speaker, the content and your learning reactions. Title the post appropriately and include a link to the podcasts you listened to.
 * 10/1 || **Topic: What is a QR code?**
 * 1) Open your rubricforblog document we used to grade your blog.
 * 2) Copy and paste the URL address to your blog at the top of the rubric under your name.
 * 3) **Share this document with me at buterawork@gmail.com**
 * 4) Google QR code & read about it. How is a QR code used?
 * 5) Get a** QR code for your blog**
 * 6) What can you do with your code?
 * 7) **Did you complete yesterday's assignment?**
 * 10/2-
 * 10/2-
 * **Team Leader 1 =**
 * **Team Leader 2 =**
 * **Members**
 * List your full topic's information. Please check you topics, I have improved on the ones that had only 4 sub-topics.
 * Two (2) days for research starting today - you must have a minimum of 3 reliable sources for your information NOT including wikipedia
 * You will be graded on your content and presentation of information. It must be informative. NOT 1 paragraph of information.
 * Each person must have enough information to present for a minimum of 3 minutes and a maximum of 5 minutes during your group's presentation. Have 3 minutes worth of information ready to present on your topic.

Go to top of this page and click on the **PROJECTS** link Select the Introduction to the WWW & Web Design Project for your class period. *
 * 10/ || ** Topic: What is HTML? **DO NOW:
 * 1) You should have received an invitation to join our class and accepted
 * 2) Sign on to wikispaces
 * 3) Go to the HOME page
 * 4) Comment on the **Peer Grading Exercise** if your haven't already
 * Introduction to HTML**
 * 1) Click on the **HTML** link on the sidebar at right
 * 2) Complete lessons **A1- A3**
 * 9/30 || __ Group Project I - Introduction to the WWW & Web Design __
 * 9/30 || __ Group Project I - Introduction to the WWW & Web Design __
 * 9/30 || __ Group Project I - Introduction to the WWW & Web Design __
 * 9/30 || __ Group Project I - Introduction to the WWW & Web Design __

|| * ||
 * 10/8 || **Topic: How do we reduce our research into a PowerPoint presentation?**
 * Compare and contrast a report and presentation
 * Examples of what not to do: [[file:WorstPresentationEverStandAlone.pptx]] ||
 * 10/9 || Topic: What do properly constructed presentations look like?
 * Example of good presentations
 * 10/10-10/15 || **Do Now: Work on Completing your presentations**

Citation information


 * How will you be graded?**
 * PROJECT'S GRADING RUBRIC**


 * Peer evaluations - members & team leader evaluations**
 * 10/17-10/18 || ** NOTE: All Team wiki pages must list: **
 * 1) ** Their topic at top of page **
 * 2) ** The team members and their presentations to follow **
 * 3) ** Font's should be consistent and appearance appealing **
 * 4) ** Remove any irrelevant information. **
 * 1) ** Remove any irrelevant information. **

Do Now: Complete this Wikispaces Address Submission Form ||
 * Topic: Introduction to developing a web page**
 * 1) Explain what you need to view a web page.
 * 2) What free software can you use to create a web page?
 * 3) What language is a web page written in?
 * 4) Try to create a simple web page that says "Hello World". Search on how to create a web page. w3schools.com is a good site.
 * || Wiki Project -
 * || Wiki Project -
 * || Wiki Project -