HTML = Hyper Text Markup Language

TAGS = < > beginning tag </> end tag

< HTML>
(all documents must start with the < HTML> tag and the very last tag on the document must have the end < /HTML> tag.

< HTML>

< HEAD>

< META NAME="DESCRIPTION" CONTENT="">

< META NAME="KEYWORDS" CONTENT="">

< TITLE>BIG MAMA TRAINING SITE</TITLE>

< /HEAD>

< BODY BGCOLOR="#ffffff" BACKGROUND="./resources/sm_bg.gif" LINK="#993333" VLINK="#333399" ALINK="#cc3333">

 

The content of the page is typed between these body tags.

< /BODY>

< /HTML>

Keyword and Description attributes
Chances are that if you manually code your Web pages, you are aware of the "keyword" and "description" attributes. These allow the search engines to easily index your page using the keywords you specifically tell it, along with a description of the site that you yourself get to write. Couldn't be simpler, right? You use the keywords attribute to tell the search engines which keywords to use, like this:

<META NAME ="keywords" CONTENT="life, universe, mankind, plants, relationships, the meaning of life, science">

By the way, don¼t think you can spike the keywords by using the same word repeated over and over, as most search engines have refined their spiders to ignore such spam. Using the META description attribute, you add your own description for your page:

<META NAME="description" CONTENT="This page is about the meaning of life, the universe, mankind and plants.">

Make sure that you use several of your keywords in your description. While you are at it, you may want to include the same description enclosed in comment tags, just for the spiders that do not look at META tags. To do that, just use the regular comment tags, like this:

<!--// This page is about the meaning of life, the universe, mankind and plants. //--!>

< HEAD>

< META NAME="description" content="Cape Ann Community Cultural/Civic Networking (CACCN) initiative. Web Site Development and Promotions Workshop presented by Castano Design Associates for the Sawyer Free Library of Gloucester, MA">

< meta name="keywords" content="WebDeveloper.com, web developers, web site developers, webmasters, how to design web sites, meta tags, community, community networking, CN, business, civic, cultural">

< title> Write the title of your page here. < /title>

< /HEAD>

< BODY BGCOLOR="ffffff" BACKGROUND="IMAGE.gif" LINK="red" VLINK="ff0000" ALINK="ffffff">

For an On Line Color Chart Click Here!

 

 

 

 

 

 

 

---

---

 

HEADINGS

< H1> Pretty Big No? < /H1>

Pretty Big No?

< H2> Big, Yes! < /H2>

Big, Yes

< H4> Smaller, Yes? </H4>

Small, Yes?

< H6> Way Big Small! </H6>

Way Big Small!

 

---

---

 

 

FONT COLORS:

Library Books

< font color="#AF0000">Library Books< /font>

 

 

 

 

---

---

IMAGE SOURCE:

< IMG SRC="images/artglologo.jpg">

---

HYPERTEXT LINK:

an automatic link on the World Wide Web that connects a word, phrase, or picture on one server with another server. When a user selects a linked phrase or picture that user is automatically connected to the server (homepage site)to which it is linked.

 

 

Take Me Home To ArtsGloucester!

< A HREF="http://www.artsgloucester.com/ArtsGloucester/artsgloart.html">
Take Me Home To ArtsGloucester!< /A>

---

HYPERIMAGE LINK:

< A HREF="http://www.artsgloucester.com/ArtsGloucester/artsgloart.html">
< IMG ALIGN="BOTTOM" SRC=graphics/ArtsGloucester/artlink.jpg ALT="Art of Gloucester & Cape Ann" BORDER="0">< /A>

---

EMAIL LINK:

castano@artsgloucester.com

< A HREF="mailto:castano@artsgloucester.com" >
< H2>castano@artsgloucester.com< /H2>< /A>

---

TABLES: USED FOR BUTTONS, MENU BARS AND PAGE LAYOUT

---

CLICK TO CONTACT US BY EMAIL

< TABLE BORDER=2> 
< TR> 
< TD> 
< P>< CENTER>
< A HREF="mailto:bigmama@artsgloucester.com">CLICK TO CONTACT US BY EMAIL< /A>< /CENTER> 
< /TD>
< /TR>
 < /TABLE>
< /CENTER>< /P>

---

Home Link

2nd Page Link

3rd Page Link

Email Link

< CENTER>< TABLE BORDER=2 COLS=4 WIDTH="100%" >
< TR>
< TD>
< CENTER>< A HREF="index.html">Home Link< /A>< /CENTER>
< /TD>

< TD>
< CENTER>< A HREF="page3.html">2nd Page Link< /CENTER>
< /TD>

< TD>
< CENTER>< A HREF="page3.html">3rd Page Link< /CENTER>
< /TD>

< TD>
< CENTER>< A HREF="mailto:CAHSC@artsgloucester.com">Email Link
< /TD>
< /TR>
< /TABLE>

---

HOME

Company History

Services

Programs

Resources

Order

Contact Us

<P>&nbsp; <TABLE BORDER=1 WIDTH="10%" cols=1 bgcolor="#8FB6FF">

<TR>

<TD>

<P>HOME

</TD></TR>

<TR>

<TD>

<P>Company History

</TD></TR>

<TR>

<TD>

<P>Services

</TD></TR>

<TR>

<TD>

<P>Programs

</TD></TR>

<TR>

<TD>

<P>Resources

</TD></TR>

<TR>

<TD>

<P>Order

</TD></TR>

<TR>

<TD>

<P>Contact Us

</TD></TR>

</TABLE> &nbsp;</P>

---

Quiz Box

Figure this one out through Source

---

---

SAWYER FREE ICON and HOME LINK

Click icon to return to SAWYER FREE LIBRARY computer lab page.

This is the very last tag on the page. Copy and paste the code below. Paste it just above your end tags:

< /BODY>
< /HTML>

---

 

< a href=""http://www.artsgloucester.com/sawyerfree/training">
Return to Sawyerfree/Training Page

---

Make word allign Right

< DIV ALIGN=right>Make word allign Right < /DIV>

The page heading Goes Here... da da!

This is the day and life of the wizard of noland. In this magnificant village of noland nomads is the dog of no where. Nowhere protects the land and people of noland. This gets the folks of nowhere nowhere.

Time in nowhere land is of no time. Time becomes a sense of nowhere. Time is endless as always. We go nowhere in notime. You are at the beginning where you once started.bla bla bla.....

---

< DIV ALIGN=right>< HR SIZE=17 WIDTH="100%">< /DIV>

---

< DIV ALIGN=right>

---

< /DIV>

 

---

Receive email when this page changes
	Click Here
Ä Powered by Netmind Ä

---

1999 Training Program

BigMaMa Training

WEB DESIGN Resources

Email Webmaster

---

HELP PLAN

HELP WRITE EVALUATION

SUGGEST URLS

Participant of the Sawyer Free Library Pilot Computer Technology Workshops, we need your help. Please submit your thoughts and ideas to the email links above. Help us Plan, Evaluate and Suggest links for future programing. Write down your ideas and let us know what you would like the library to offer in the future for computer programing. Thank you for your assistance in developing this community program!

---

These pages are designed and maintained by Castano Design Associates. ... For Corrections or Update please contact: castano@artsgloucester.com All contents Copyright ©1995 - 1999, Jo-Ann E. Castano . All Rights Reserved.