Suprasite (trademark) copyright 1994-2005. all rights reserved.
home | graphics and design | computers and networks | methodology | links | glossary of terms

Make money with your website for free

Protect Your PC from Viruses with the McAfee VirusScan!

Free Shipping with any $75 purchase: expires 11/30/04

OD - Supervalues

©2004 SupraSite(tm) all rights reserved.

 

Welcome to SuprasiteTM

Graphics & Design

  • Introduction
  • Web Design
  • PhotoShop Basics
  • Effective Presentations
  • Misc. HTML

    How Web Sites are Built?

    ·         Author make creative decisions about content of Web Site:

    personal info, advertising, announce business products or ser vices, catalogs, photographs, illustrations, descriptions, order forms, directories, instruction, newsletters, chat forums, feedback forums,

    ·         Author make creative decisions about how pages will look and feel:

    backgrounds, logos, images, image maps, thumbnail-to blowup pics,

    ·         Author assembles all materials: text, graphics, sound clips, charts, images, etc.

    ·         Author organizes information in a way that is easily navigable and organized.

    ·         Author codes web pages and hyperlinks between them using HTML.

    ·         Author converts all graphic formats into appropriate file formats (gifs, jpegs, etc.) and sound files into appropriate formats (ra, au, wav, mpegs, etc.).

    ·         Author uploads or FTPs all HTML files and any other files used: images, sound clips, etc. to server and into proper directory.

    ·         Author checks files using browsing software to see if files are loading correctly.

    ·         Web Standard for access:

    Originally 14.4K Modem was standard, Now 28.8K and moving quickly towards 56K and beyond.

    Let’s Begin!

    Most HTML Documents are separated into 2 main sections: the HEAD and the BODY.

    The HEAD is usually short and sweet and contains the Title and other descriptive information about the document.

    The BODY contains the ‘meat’ of the document.

    These sections are all identified and separated by programming codes called ‘tags’

    Tags:

    Tags are the basics of all coding and look like < > and most instructions require start tags and end tags.

    Start tags have an instruction and End tags have the instruction plus a slash in front like this:

    <BIG>     </BIG>

    Be consistent - make all of your tags in all lowercase or all caps

    NEATNESS counts - good programming is a high art form!

    Your First Line of Programming!

    <HTML>

    Tells the Client that will be reading your document what kind of file it is looking at.

    The document eventually ends with an </HTML> to let the Client know it reached the end of the HTML instructions.

     

    Comments:

    Comments are placed like a tag within a set of < > and begin with an exclamation point like this:

    <! This is my comment.>

     

    At the Beginning of every HTML document you write you should include Opening Comments.

    <! DOCTYPE HTML PUBLIC>

    This tells the viewer what kind of code you are using - in most cases it’s public HTML

    <! designed by _____ >

    Here is where you ‘sign’ your work.

    <! © 2004 ______. All Rights Reserved>

    This is optional - but since this is work out in the public eye - get used to copyrighting everything you do!

    <! Created on October 21, 2004>

    Always have your work dated.

    <! Last update - August 24th, 2005>

    Date your last update so you can keep better track of versions and other viewers who look at your source code know when the last time you updated was.

     

    ALWAYS try to make comments to describe separate sections of your document. This makes it easy for someone looking at your code to figure out what you did (including you!) Comments will not be seen be the general public - only by people who look at your Source Code.

    Now we get into programming a page

    <HEAD>

    Between the Head tags we put important information such as the Document’s Title (and later other descriptive information).

    <TITLE>

    Give your document a name and then type a closing tag. Should be short, but as descriptive as possible. Search engines often use this text to locate information about your web site.

    My First Web Page.

    </TITLE></HEAD>

    <BODY>

    This is my first Web Page J !

    </BODY></HTML>

    Tells the client it’s at the end of the file.

     


    • Suprasite (tm) copyright 1994-2005 all rights resevered. | hosted by itempo.com | designed by homecamp.com