Showing posts with label comments. Show all posts
Showing posts with label comments. Show all posts

Tuesday, January 25, 2011

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.

Thursday, January 20, 2011

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

Monday, October 26, 2009

Problems with Copy/Paste?

Fix Firefox...

Tools menu
Options
Content tab
Enable Javascript (presumed checked)
Advanced button on same line
Uncheck "Disable or replace context menus"

or...
Enter some text in the comment box, choose Google as my profile, click Preview, and then click Edit. After that I am able to cut, copy and paste as usual, and my profile name shows up in the "Comment as" box (i.e. no need to log in; it recognizes that I'm already logged in).