1. Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations  Opening School Email

2. Agenda9/13/13 Do Now: Display nametag and log into your new SB students mail account – mail.sbstudents.org Agenda: Explore new school email Explore Google Drive Create 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

3. Email Me  Once you are logged on send an email to my gmail account: MendonezSBHS@gmail.com MendonezSBHS@gmail.com  In the email include the following.  Subject: Intro to Web Design 2B  Body: Hi, my name is ___________.

4. 9/17/13 Do 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?

5. 9/17/13 Agenda:  Create Shared Folder  Discuss Quality on Two Websites  Rate Websites  Clousure: Journal Analysis

6. Shared Folder9/17/13 In a new Microsoft Word document list the following: Your first and last name Your favorite snack Your favorite pizza topping Your favorite movie Your favorite TV show

7. Rate Websites9/17/13 Using the Cyberguide Ratings for Website Design rate the following website: www.cheese.com

8. Do Now9/19/13 Using the Cyberguide Ratings for Website Design rate the following website: www.who.org

9. Agenda9/19/13  Check Comments and Grades  Rate Websites using the Cyberguide Ratings  Journal: Two positive and negative aspects commonly found in websites  Discuss XHTML Coding

10. Rate Websites9/19/13 Using the Cyberguide Ratings for Website Design rate the following website: www.apple.com

11. Journal Analysis9/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.

12. Markup Languages9/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.

13. Markup Languages9/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.

14. Markup Languages9/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 ( ).

15. Activity9/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.

16. 9/25/13 Do Now: Study for HTML Vocabulary Quiz Agenda: HTML Vocabulary Quiz Finish Favorites Lists Activity: 2013 Emmy Awards Tags for Basic Formatting Giving Your Page a Title Closure: What are the tags you have learned so far in this class?

17. Agenda9/27/13 Do Now: Open a new google document and create a list of tags you have learned so far. Finish 2013 Emmy Awards List Tags for Basic Formatting Giving Your Page a Title Activity: Current Event Closure: What are the tags you have learned so far in this class?

18. Activity9/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.

19. Do Now10/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.

20. Agenda10/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?

21. Do Now10/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.

22. Agenda10/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?

23. Do Now – Rainbow Words 10/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!

24. Agenda10/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.

25. Do Now10/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.

26. Agenda10/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.

27. Do Now10/11/13 Log into Google Drive and open your shared folder. Create a new document and title it Typing Test Log.

28. Agenda10/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

29. Create a Journal10/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.

30. Create a Journal10/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.

31. Agenda10/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.

32. Agenda10/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?

33. Do Now10/25/13 Open a new Google Document and make a list of your ten most frequently visited web sites.

34. Agenda10/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?

35. Agenda10/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?

36. Do Now10/31/13 Add the codes for Aligning Text, Inserting Pictures, and Hyperlinks into your Tags List

37. Agenda10/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?

38. Agenda10/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?

39. Agenda11/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?