Week 4: HTML 101

Posted: September 29, 2010 by alxbal in Classes

Week 4:

HTML 101: How did you find the information?

  • Google: tutorial html
  • Use delicious to check reputation of site

How do you know a website is reliable?

Notes adapted from: http://www.ala.org/ala/mgrps/divs/alsc/greatwebsites/greatwebsitesforkids/greatwebsites.cfm

Authorship is Clearly indicated

  • The name of the individual or group creating the site should be clearly stated.
  • The creator should give a source for information in the site where necessary.
  • The Web site author or manager should provide a way for users to make comments or ask questions.
  • The Web site author or manager should be responsive to any questions regarding copyright, trademark, or ownership of all material on the site. Sites that knowingly violate copyright statutes or other laws should not be linked, listed, or recommended.

Content is accurate and appropriate

  • The design of the site should demonstrate knowledge of the technological subject. I.e. html or css should be well used with current practices.
  • The information should be current and accurate, and if the topic of the site is one that changes, it should be updated regularly. A “last updated” date is a plus.

Verify the source and the information:

  • Check out the contact information and resources. Credible websites should list contact information and resources.
  • Google the author or the site for reputation check
  • Always check more than one website when looking for credible information.
  • Try out the examples and if they are not working, look for another source.

For HTML

HTML Fundamentals:
      What is HTML?
      HTML Tags?
      HTML Links: The difference between relative and absolute links
      HTML Images
For next week:
HTML:
Create three web pages linked to each other on the image arts webpage.  
Make sure they validate
Validating your pages: http://validator.w3.org/
CSS:

In groups of 3, create a presentation for next week that answers one of the following questions:

Group 1: What is CSS and how does it work?

Group 2: Through examples, explain how the CSS syntax works

Group 3: Through examples, explain the difference between id and class

Group 4: Through examples, explain the difference between external style sheet, internal  style sheet and inline style, when is it better to use one over the other?

Group 5: Through examples, explain the box model

Group 6: Through examples, explain what floating and position do. What is the difference?

Group 7: Through examples, explain css grouping/nesting

Group 8: Through examples, explain how to align elements

Group 9: Through examples, explain how to build a css navigation bar

Group 10: Through examples, explain how to build a css based image gallery

Advertisements
Comments
  1. iphia.henry says:

    This is Group 9 presentation:
    Through examples, explain how to build a css navigation bar.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s