PROGRAMMING FOR THE INTERNET: OUR BEGINNING

 

The background ideas behind the Internet were developed in the 1960s. (Google “Licklider” and “ARPANET” to get an idea.)  Today, we mainly are referring to the World Wide Web when we say “Internet.” The WWW was invented by Tim Berners-Lee in 1989, around the time most of you were born.  We view pages on the WWW using a browser.  Webpages are created using hypertext markup language (HTML). Webpages typically end in “.htm” or “.html”, although there are other extensions as well.

 

This class will teach you how to make webpages. We will start by learning HTML and then Javascript.  Along the way, we will examine using graphics, creating image maps, and other neat things to make our pages more interactive and fun.

 

SAMPLE OUTLINE OF AN HTML PAGE

 

<!--     
         Name: Mr. Merlis
         Date: 1/30/07
         Description: This is an outline of a basic HTML page.
-->
 
<HTML>
 
<HEAD>
 
   <TITLE>Outline – I appear in the title bar!</TITLE> 
 
</HEAD>
 
<BODY> 
 
   <P>You can see me on the webpage! 
   </P>
 
   <H6>Mr. Merlis</H6>
 
</BODY> 
 
</HTML>

 

WHAT THE CODE ABOVE LOOKS LIKE IN A BROWSER

 

A CLOSER LOOK at our first Webpage

 

 

Anything between <!--   and   --> is a comment in an HTML file.  This means that it is not actually looked at by the browser, rather its purpose is to give information to someone working on the file or who may be reading the source code.

 

You should always put your name, the date, and a description of the page in a comment in a file.

 

<!--     
         Name: Mr. Merlis
         Date: 1/30/07
         Description: This is an outline of a basic HTML page.
-->
 

 

Webpages contain (markup) tags.  These are keywords in HTML that tell the browser what to do.  They are NOT case-sensitive, which means it doesn’t matter if you capitalize them or not, but they stand out better if they are capitalized. 

 

Tags must always be enclosed inside of < and >.  Nearly all tags come in opening and closing pairs.  It should be fairly easy to see that the only difference between an opening tag and a closing tag is the placement of a / in the closing tag just before the tag name.

 
 

 

When you make a webpage, you must put all of its code between <HTML> and </HTML>. This indicates that the browser should consider everything here to be of the hypertext markup language.

 

Everything between <HEAD> and </HEAD> is information that does NOT appear on the actual webpage. This is where you put the title of your page as well as other code that like Javascript or <META> tags that help with search engines.

 
 
 
<HTML>
 
<HEAD>
 
   <TITLE>Outline – I appear in the title bar!</TITLE> 
 
</HEAD>

 

Everything between <BODY> and </BODY> is what appears on your webpage.  This is where all the fun is.

 
<BODY> 
 
   <P>You can see me on the webpage! 
   </P>
 
   <H6>Mr. Merlis</H6>
 
</BODY> 
 
</HTML>

 

 

At this point you are ready to begin Assignment #1.
Please visit the class homepage and follow the instructions for Assignment #1.