Hands On Web Site Development: 2002
| The Central CAPT web site has moved to be part of a new National CAPT web site. In 10 seconds you will be automatically redirected to http://captus.samhsa.gov/central/central.cfm -- Use this form if you have any questions. |
Paul Zobitz, CSAP's Central CAPT
This document was derived from a presentation given at Technology and Prevention: Working Together for Results on June 21, 2002. The headings relate to the notes given at the presentation.
What Makes Up a Web Page?
- Images
- Text Content
- Navigational Elements
- HTML
What Is HTML?
- HTML = Hyper-Text Markup Language
- HTML is the code used "behind the scenes" to make Web pages look the way they do
- HTML code is a set of "tags" that give structure to a Web page
Why Should I Care?
- Impress your friends
- Understand what is possible with a Web page
- Ensure Web designers don't sell you more than you need
- Other reasons...
What Kind of Software do I Need?
- Notepad, WordPad, or any text editor
- Microsoft Word or any other word processing software
- Many other programs allow one to export to HTML
- Graphical HTML Editors
- Macromedia Dreamweaver
- Microsoft FrontPage
- There are many "freeware" HTML editors available
Do I Need Any Other Tools?
- Computer must have a browser
- Browser allows users access and interactivity with the Internet.
- Microsoft Internet Explorer
- Netscape Communicator
- America Online
- A server to "host" your Web site
- Your Internet Service Provider may have space
- Other free or low-cost hosting available
HTML Basics
- To View HTML code, use the "View Source" command from the browser
- Look of the page is controlled by tags
- All HTML tags are in brackets
- E.g. <HTML>, <BODY>, <P>
- Most tags need to be turned on and off
- E.g. <B>This text will be in bold</B>
HTML Basics
- Tags can be upper or lower case
- HTML files should be plain text files
- HTML files should end with .html or .htm extension
- To view an HTML document saved locally (on your hard drive), use the "Open File" command not the "Open Location" command
HTML Tags for Structure
- <HTML> </HTML> Used at the beginning and end of document
- <HEAD> </HEAD> Page header information (does not show up in browser)
- <TITLE> </TITLE> What appears in the browser window's title
- <BODY> </BODY> The "meat and potatoes" of the Web page
- <P> </P> Paragraph Marker
- <BR> Break to the next line
- <BLOCKQUOTE> </BLOCKQUOTE> Set text off in a block on the page
HTML Tags for Content/Appearance
- <H1> </H1> Used to denote a heading
- <B></B> Bold text
- <U> </U> Underline text
- <I> </I> Italicize
Miscellaneous HTML Tags
- <A HREF= "http://www.site.com"></A> Create a link to another page
- <IMG SRC="http://www.site.com/imagename.jpeg" BORDER="1" ALIGN="left"> Insert an image into the page
- <UL><LI></UL> Create a bulleted list
- <OL><LI></OL> Create a numbered list
- <TABLE><TR><TD></TD></TR></TABLE> Insert a table into the page
- <HR> Insert a horizontal line across the page
Helpful Links
- Putting the Pieces Together
www.ccapt.org/ptpt.html - HTML Help
www.htmlhelp.com (Note: Ask a question in their HTML Help BBS) - A Beginner's Guide to HTML
archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerPrintable.html - HTML Resources Guide
www.webcom.com/html
