Lesson 2 HTML organization techniques Week 2. Respect WWW R = responsibility: assume personal...

10
Lesson 2 HTML organization techniques Week 2

Transcript of Lesson 2 HTML organization techniques Week 2. Respect WWW R = responsibility: assume personal...

Page 1: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

Lesson 2 HTML organization techniques

Week 2

Page 2: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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.

Page 3: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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

Page 4: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

Link to spot in same document

Link <A HREF=“#unit1” > Unit 1: </A> Location: <A NAME =”#unit1”> Unit 1:</A>

Page 5: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

Link to anywhere

For more information, please visit related website:

<A HREF=“http://www.microsoft.com”> Micorsoft </A>

Page 6: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

Link to other page on your computer

<A HREF =”first.html”> 1 </A> <A HREF =“second.html”> week 2

</A>

Page 7: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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>

Page 8: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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.

Page 9: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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.

Page 10: Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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