10/24/13
Watch this clip on browsers - http://screencast-o-matic.com/watch/cIjrrfVkze
Take notes on the basic code of html and write code for first webpage in
notepad (pages 1-3)
10/25/13
Watch this clip on Review of the four required tags, block elements, and basic starting info for Web Design http://screencast-o-matic.com/watch/cXjOb93kZ
Take notes on Basic HTML tags (paragraph, line break, headings, bold, italic, horizontal rule)
Discuss container tags like<p> and empty tags like <br /> and <hr /> - they do not "hold any information between opening and closing tags.
Go over pages 3-6
Start making a notepad file called text.txt with some of the testing acronyms - We left off on the top of page 6.
10/28/13
Finish the notepad file called text.txt and save it as an html file, as well. Then check it on the internet to see if it is correct.
Discuss nesting tags - html tags should be nested in the proper order, meaning that the tag most recently opened is always the next tag to close.
Write the code for Acing an Interview. Due in BL by class time tomorrow.
10/29/13
Start at middle of page 7
Assignment- page 8 (Check up Time A)
Assignment-page 10 - Write the code for practice2 and htmldragdrop1 and submit
them both to BL by class time tomorrow.
10/30/13
Start on page 11-12
Discuss the difference between Block Line Elements and Inline Elements, and
introduce attributes inside tags.
Started text file for Cool Examples - finish tomorrow.
10/31/13
Finish Cool Examples text file on page 12 and save it as txt file and html file- Submit to BL.
Add to our notes:
*Superscript x<sup>2</sup>
=x2 Subscript
H<sub>2</sub>O = H2O
*Pop-up text <abbr>
*Block Quote <blockquote>
indents (not just tabs)
*Strikethrough <del> Do
Lesson 3
*Quotes <q> This one doesn't
always work - depends on which browser
*Block Elements They start a new line
<p> <blockquote> <hr /> <h1>
*Inline Elements Use inside a block
<em> <q> <strong> <abbr> <sup> <del> <sub> <img>
*Attributes (put inside tags) example: =" "
<h1 style="color: red;">
*Styling Color <h1 style="color: red;">
or <h1
style=background-color: blue;">
*Multiple styles in one tag...
<h1 style="color: white;
text-align: center;">Heading<./h1>
6 heading sizes <h1> (largest) to <h6>All headings are
automatically bold and are block elements, so they have a blank line above and
below.
11/1/13
HTML Quiz - Using Notepad, write the code for New2 (page 13) - submit the html file to BL.
11/4/13
page 13 hexadecimal color codes - take notes
11/5/13
Review hexadecimal color codes and do the checkup B (page 17) for homework.
11/6/13
Write the code for two websites (page 17) Bellringer A and BellringerA2. Submit to BL
11/7/13
http://screencast-o-matic.com/watch/cXjwDy38y
http://screencast-o-matic.com/watch/cXjwbe385
http://screencast-o-matic.com/watch/cXQVDz0cE
http://screencast-o-matic.com/watch/cXQVFQ0VF
http://screencast-o-matic.com/watch/cXQOV2Ztv
http://screencast-o-matic.com/watch/cXQOnXZtm
http://screencast-o-matic.com/watch/cXQOn4ZtL
http://screencast-o-matic.com/watch/cXQOecZtS
http://screencast-o-matic.com/watch/cXQOeYZue
http://screencast-o-matic.com/watch/cXQOeKZui
http://screencast-o-matic.com/watch/cXQuntZBn
http://screencast-o-matic.com/watch/cXXvFDUOP
http://screencast-o-matic.com/watch/clQ6YNL06
http://screencast-o-matic.com/watch/cl6TDESB4
http://screencast-o-matic.com/watch/cIhQYeVOBu