Agenda 9/11/13

Do NowDisplay your name tag and

log into your computer

Pre-Assessment TestInfo and InterestsSyllabus and Course ExpectationsOpening School Email

Agenda 9/13/13

Do Now: Display nametag and log into your new SB students mail account – mail.sbstudents.org

Agenda:Explore new school emailExplore Google DriveCreate classroom folder

Closure: What topics on the pre-assessment were you familiar with? What were new words?

Homework:  Log into your school email from home and your Google Drive

Email Me

Once you are logged on send an email to my gmail account: MendonezSBHS@gmail.comIn the email include the following.

Subject: Intro to Web Design 2B Body: Hi, my name is ___________.

9/17/13Do Now:Display your name tags and answer the following in your binders:Why do you feel some websites are good?Why do you feel some websites are bad?

9/17/139/17/13

Agenda:

Create Shared FolderDiscuss Quality on Two Websites Rate WebsitesClousure: Journal Analysis

Shared Folder 9/17/13

In a new Microsoft Word document list the following:

Your first and last nameYour favorite snackYour favorite pizza toppingYour favorite movieYour favorite TV show

Rate Websites 9/17/13

Using the Cyberguide Ratings for Website Design

rate the following website:

www.cheese.com

Do Now 9/19/13

Using the Cyberguide Ratings for Website Design

rate the following website:

www.who.org

Agenda 9/19/13

Check Comments and GradesRate Websites using the Cyberguide RatingsJournal: Two positive and negative aspects commonly found in websitesDiscuss XHTML Coding

Rate Websites 9/19/13

Using the Cyberguide Ratings for Website Design

rate the following website:

www.apple.com

Journal Analysis 9/19/13

Write a journal post in Microsoft Word on your analysis.

Explain two aspects of a website you feel are important to making a quality site. (One paragraph each.) Explain two aspects of a website you feel are not good in making a quality site. (One paragraph each.)Save as 'Journal 1 – Website Analysis' and upload to your shared folder.

Markup Languages 9/19/13

Markup Language – uses tags, or special sequences of characters, to tell a program how to interpret a text file.

HTML – Hypertext Markup Language is the markup language that was used to build many of the first sites on the Web.

Markup Languages 9/19/13

XHTML – Extensible Hypertext Markup Language is considered to be a reinvention of HTML, with additional rules.

Tag – tells a browser how and where to display text and images on a Web page. Text in a tag appears between two angle brackets (<>). This tells the Web browser how to display a pages content.

Markup Languages 9/19/13

Start Tag – a tag that begins the code for a function in markup languages. It is denoted with the angle brackets (<>).

End Tag – a tag that ends the code for a function in markup languages. It is denoted with the angle brackets and a backslash after the open angle bracket (</>).

Activity 9/19/13

Create another webpage with “(Your First Name)’s Favorites List” as the header.

Then make three lists of your top ten musical artists, TV shows, and movies.

Then write in a paragraph what you chose for your number 1 picks in each category and why they are your favorites.

9/25/13

Do Now: Study for HTML Vocabulary Quiz

Agenda:HTML Vocabulary QuizFinish Favorites ListsActivity: 2013 Emmy AwardsTags for Basic FormattingGiving Your Page a TitleClosure: What are the tags you have learned so far in this class?

Agenda 9/27/13

Do Now: Open a new google document and create a list of tags you have learned so far.

Finish 2013 Emmy Awards ListTags for Basic FormattingGiving Your Page a TitleActivity: Current Event

Closure: What are the tags you have learned so far in this class?

Activity 9/27/13

Current Event

Find a current event online from any site that reports current news.

Create an HTML file summarizing the story.

Be sure to use all the tags we have learned so far including:Paragraph, header, lists, bold, italicize, underline, and title.

Do Now 10/1/13

Finish working on Your Current Event Activity

Find a current event online from any site that reports current news.

Create an HTML file summarizing the story.

Be sure to use all the tags we have learned so far including:Paragraph, header, lists, bold, italicize, underline, and title.

Agenda 10/1/13

•Do Now: Finish working on Your Current Event Activity•Review Basic Formatting and Title Tags•Add to Google Document Tags List•Tips on How to Conserve Battery Life•Working Backwards Activity

•Closure: How do you like learning XHTML so far?

Do Now 10/3/13

Go to Wikipedia.org and search for “Web colors.” Open the article and read the section titled, “Web-safe colors.”

The direct link for the article is on the class site.

Agenda 10/3/13

•Do Now: Read about Web-safe colors on Web colors article posted on Wikipedia•Discover Color Chart and Hex Codes•Discover How to Add Color to Your Webpage•Practice•Activity: Rainbow Words•Closure: Why is it better to use web-safe colors on your website?

Do Now – Rainbow Words10/7/13

Think of one of your favorite quotes. Make a webpage with your quote. Make each word or letter a different color. Add a colored background. Try to make it as pretty as you can!

Agenda 10/7/13

•Do Now: Rainbow Words

•Share Your Favorite Quote

•Discover Changing Font Size

•Working Backwards Project: The Universe

•Closure: Add the sentence, “My HTML skills are growing each day,” and change each word’s font size.

Do Now 10/9/13

Make sure you still have the .txt and .html files for myfirstpage, commonformattingtags, colors, and fontsize. If you are missing any go back and redo them. If you have them all open up your list of tags document and add the font attribute for changing font size.

Agenda 10/9/13

•Do Now: Check Your Files and Update Your Tag List

•Continue Working Backwards Activity: The Universe

•Discover Center and Right Align Text

•Closure: Describe the difference between a tag and an attribute.

Do Now 10/11/13

Log into Google Drive and open your shared folder. Create a new document and title it Typing Test Log.

Agenda 10/11/13

•Do Now: Create a Google Document Titled “Typing Test Log”•Activity: Typing Test•Project: Create a Physical Journal of All the Tags You’ve Learned So Far

•Homework: Study for Tags and Attributes Test

•Closure: Check to make sure your Tags List is up to date

Create a Journal 10/11/13

•You are going to create a journal of your work so far.•Find both the .txt and .html files for the following:

• myfirsthtml• commonformattingtags• colors• fontsize

•Next type up a short description of the tags you learned in each of the files, why you would use them, and how you code them.

Create a Journal 10/11/13

•Next print out the .txt, .html, and description out.

•Using construction paper and art supplies make a journal to show how your “myfirstpage” file has evolved.

Agenda 10/16/13

•Do Now: Study for Tags and Attributes Test

•Tags and Attributes Test

•Finish Your Physical Journal Project

•Discover Center and Right Align

•Closure: How do you code Center and Right Align for text? Add this to your list of tags.

Agenda 10/18/13

•Do Now: Turn in Your Physical Journal Project•Discover Aligning Text•Discover Inserting an Image•Practice: Align and Image•Activity: Add images to your 2013 Emmy Awards file.•Closure: How do you Center Align in html? How do you Insert Images in html?

Do Now 10/25/13

Open a new Google Document and make a list of your ten most frequently visited web sites.

Agenda 10/25/13

•Do Now: List your 10 most frequently visited websites•Review: Images and Hyperlinks•Guided Practice: Collectively code a webpage of the class’s favorite links.•Project: Create your Personalized Bookmarks Page•Closure: How do you set a homepage in Internet Explorer? Google Chrome?

Agenda 10/28/13

•Do Now: Finish Project•Make Up Work•Research Web Design Jobs•Activity: Typing Test – The Wonderful Wizard of Oz•Closure: Do you have interest pursuing Web Design as a career?

Do Now 10/31/13

Add the codes for Aligning Text, Inserting Pictures, and Hyperlinks into your Tags List

Agenda 10/28/13

•Do Now: Update your Tags List with Aligning Text, Inserting Pictures, and Hyperlinks•Watch: Designed by Apple•Discover: How to Embed YouTube Videos into a Webpage•Practice: Follow the Tutorial•Activity: Movie Review•Closure: What is the tag and attributes necessary to embed video into a webpage?

Agenda 10/30/13

•Do Now: Add the codes for Aligning Text, Inserting Pictures, and Hyperlinks into your Tags List•Watch: Designed by Apple•Discover: How to Embed YouTube Videos into a Webpage•Practice: Hyperlinks•Activity: Movie Review•Closure: What is the tag and attributes necessary to embed video into a webpage?

Agenda 11/4/13

•Do Now: Finish Movie Review Activity

• Create a movie review webpage. • Be prepared to present

•Typing Test Activity:• The Enchanged Typewriter

•Present Movie Review•Closure: What are some changes YouTube allows you to make to the embedded videos?