1 / 10

Lesson 2 HTML organization techniques

Lesson 2 HTML organization techniques. Week 2. Respect WWW. R = responsibility: assume personal responsibility and create only ethical and appropriate pages E = everybody: try to create web pages that everybody can enjoy, appreciate, and consider of value

zeno
Download Presentation

Lesson 2 HTML organization techniques

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lesson 2 HTML organization techniques Week 2

  2. Respect WWW • R = responsibility: assume personal responsibility and create only ethical and appropriate pages • E = everybody: try to create web pages that everybody can enjoy, appreciate, and consider of value • S = simplicity: Make your web pages easy to navigate. Make information simple to find • P = Purpose: have a clear purpose for every web page you put on the web. Don’t post any unnecessary pages. • E = Ethical: make sure all the content of every Web page you post corresponds to your value and has a beneficial purpose • C = Correct: make sure all the words on your page are spelled correctly, all the sentences are written correctly and all the hyperlinks work • T = Totally worth visiting: Try to create pages that others will think are totally worth their time to visit.

  3. Hyper links • Hyperlinks are created with special tags called anchor tags. • <A HREF=“insert location of file”> </A> • There are several ways to use anchor tags • Link to another spot within your own document • Link to an URL or web page anywhere on the WWW • Link to another web page on your own computer

  4. Link to spot in same document • Link • <A HREF=“#unit1” > Unit 1: </A> • Location: • <A NAME =”#unit1”> Unit 1:</A>

  5. Link to anywhere • For more information, please visit related website: • <A HREF=“http://www.microsoft.com”> Micorsoft </A>

  6. Link to other page on your computer • <A HREF =”first.html”> 1 </A> • <A HREF =“second.html”> week 2 </A>

  7. Coloring text, links and Vlink • By default, the text is black and link is blue • When you choose different background color, the link color might not be suitable • Attribute of tags – name and value • <BODY BGCOLOR=Yellow> • Text color attribute • TEXT= - text itself • LINK= - the hyperlink color • VLINK = - the visited link color • To define your own color • <BODY BGCOLOR =WHITE TEXT =BLUE LINK =RED VLINK = GREEN>

  8. Marquee tag • Anything you put between the marquee tag • <MARQUEE> XXXX</MARQUEE> • Will scroll across the screen • The tag was designed for the internet explore browser by Microsoft, and doesn’t work on every browser.

  9. HTML Standard • HTML is a powerful tool because it allows all kinds of computer to display web pages, such as Mac, PC, Linux and UNIX. • They are standard that all web browsers can understand • New standards and new tags are added all the time • Each new tag is submitted to standard committee for review • Every now and then enough new commands are added to HTML for a new version of HTML to be developed • HTML 1, HTML 2, HTML 3 and so on.

  10. Assignment • Search on web and give example • Background color distracting • Simple and easy to read • Fun and exciting • Serious and professional • Hard to read text, hyperlinks • Create a web page as your home page, it must contain information • Your name • School • Courses you are taking • List of five your favorite website • List of your web pages created in class CST3509

More Related