The Center for the Advancement of Teaching and Learning

Praxis

Volume 10   Issue  5 October  2006
 
Center
FAQ
Workshops
Online Tutorials

Praxis is a publication by the Center for Advancement of Teaching and Learning, Grossmont College, El Cajon, CA

Editor: Pat Morrison
Designer: Nozomi Yokoo

619-644-7747

catl@gcccd.net

http://www.grossmont.net/catl
 
HTML Guidelines

How to Make a Webpage

 

Let's begin to create your first web page. To make this truly the easiest guide, we will ignore some technical terms and details that you don't need to know right now.

This tutorial will guide you in creating a simple web page containing text, image, links to other web pages, and email link. What you need for this tutorial is only a simple text editor program like Notepad or other programs that you use for writing text on your machine. If you're using Windows 95/98, just click 'Start' -> 'Programs' -> 'Accessories' -> 'Notepad'

First, type the first line of our web page

<HTML>

then type this

</HTML>

You can type them in capital case or lower case. It doesn't matter. I typed them in capital to make it easy to read. Nothing has happened yet; we have just told the browsers (Netscape, Internet Explorer, and etc.) that this is a HTML document. The first <HTML> is to tell the browser that "Here's the beginning of HTML section." </HTML> tells the browsers that "Here's the end of HTML section." Inside these two tags is where you will put the contents of your web page in.

Notice that we have <HTML> and </HTML>. This is how we open and close HTML tags. The closing tag is always in </.....> format. In most case, you will have to close every tag that you open.

Next, add a HEAD section to your web page.

<HTML>
<HEAD>
<TITLE>My first page</TITLE>
</HEAD>
</HTML>
 

<TITLE> tells the browsers that the title of our web page is "My first page." This sentence will appear at the top of browser window. Where? Look at the top of this window (the one that you're reading) and you will see "The easiest HTML guide for beginners"

OK. Now, let's put in the first word that the browser will display.

<HTML>
<HEAD>
<TITLE>My first page</TITLE>
</HEAD>
<BODY>
<H1>HELLO</H1>
</BODY>
</HTML>
 

We put <BODY> to tell the browser that this is the starting point of the body of our document. <H1> refers to header 1, which is the biggest size (see below.) You can try from <H1> to <H6>. Different numbers will yield different sizes.

Here is an example: 

h1

h3

h5

Let's get back to our document. It now looks like this in a browser.

HELLO

Let's save this web page and view it in your browser. Save the page using 'save as' and name it whatever you like. Let's name it "mypage.htm" Please remember the location of your file. You may create a new directory for it or just simply save it in drive C. Open your web browser (Netscape or Internet Explorer) and try to open the file that you just save. Click on 'File' -> 'Open' and type in c:\mypage.htm or the path to your file.

You should see a big "Hello" in your browser

For more information and tutorials, visit the web at this address:

http://www.tips-tricks.com/

 

        

More Tips for PowerPoint!

Design Tips

  • Use contrasting colors for the text and the background so the text will be easy to read.
  • Use font size large enough to be seen from the back of the room where the presentation will be held. A font size of 24-point or larger is recommended.
  • Use short phrases and sentences to convey your message.
  • Use simple slide transitions. Too many different transitions will distract your audience from the subject of the presentation.
  • Avoid cluttering the slides with too much text or graphics. Your audience should hear what you have to say and not be distracted by a busy screen.
  • Keep text simple and easy to read by not using many different text effects such as bold, italics, underlining, larger font size for emphasis within a sentence, or a different font all on the same slide.

 

Hints, Tips, Tricks, etc.

Follow these steps to insert a new slide into the presentation:

  • In the Outline window, select the slide you want the new slide to appear after by clicking the slide's number.
  • Select Insert|New Slide from the menu bar or click the new slide button on the standard toolbar.
  • Choose the page layout from the window and press OK.
Pat Morrison