Always up to Semantics!

Agenda:

1. Quiz
2. Semantic Markup (and some new tags) Semantic refers to what words mean, not how they are presented or "designed."
3. Marking up content on your own.

Today we will have 10 minutes to finish up the quizzes from yesterday. Please remember to put your team member names on the top of the page and either print it or email it to me. Students who finished yesterday and handed in the assignment on time will receive a +2 on the quiz.

Read the following notes CAREFULLY:
1) First review the quiz answers, which are posted in the "Quiz Answers blog post."

2) Remember that HTML was designed for semantic markup. In other words, HTML is used to mark up words for clarity of meaning, not for design purposes. Think of HTML as a language for making an outline for a paper.

3) Some tags to know are h1, h2, ...h6
     p
    ul
     ol
     li   (both ul and ol need li)
em
comment



Assignment:
a) Download the text file on Ms. Baker and use HTML to semantically mark up the page.
http://websitesthatwork.sehsapps.net/textfiles/missbaker.txt

b) Use the XHTML template I prepared for you (to get started)
http://websitesthatwork.sehsapps.net/templates/XHTMLstrict_template.html

c) Make sure your page has a title, paragraphs, h1, h2, an unordered list, an em tags for important words.

d) Validate your code using the W3C code validator
You may compare your code to the "Cornelius Page" here:
http://webstandardistas.com/03/cornelius.html

e) Show me on your screen when you are finished.

A Bare Minimum Web Page, ETC.

Gents,
Yesterday we learned...
a) to use "View Source" to check the source code of an existing web page.
b) to write the bare minimum code to compose a web page in HTML.
See examples on my website.
Examples:
Class examples for Websites that Work!

Today we will be
a) installing XAMPP on your flash drives
b) learning how to start and stop the web server
c) learning how to put pages in the correct display directory
d) continuing our coding adventure with COMMENTS, DOCTYPE, NAMESPACE, ENCODING
e) viewing the class website (websitesthatwork.sehsapps.net)
f) validating code using the W3C markup validator

Hello World!

Our first lesson in coding.

1. Create file in notepad.
2. Add code.
3. Save as "filename.html" (be sure to change file type to "all files."
   Location should be c:\xampplite\htdocs
4. Preview file in Firefox to view as a web doc.

Example code with html tags:

Quizzical Expressions...

First thing in class on Tuesday, open your secondpage.php pages to edit!

Gents,
Our quiz class average was 12.4 out of 15.0. Not spectacular for an open-notes quiz. That's a B minus, in case you were wondering. We will attempt to improve our scores on a re-quiz on Tuesday.

Today we reviewed code and prepared for the re-quiz opportunity. Here's a recap of today's code:



The above code produces the following output: