HTML
HTML is the language of the WWW. All WWW documents have to be written in it.
HTML is a page-description language which explains how a page should look. It strikes a balance between being easy to write/read, expressive, and easy for programs to interpret.
More and more tools are now available for generating HTML documents, so it is becoming less necessary for WWW users to know HTML.
However, it is good idea to understand how it works, and be able to specify exactly what you want.
Sample HTML
<HTML>
<BODY BACKGROUND="images/BGnds/paper_greenwhite.gif">
<HEAD>
<TITLE>USB Computer Science Dept</TITLE>
</HEAD>
<BODY>
<IMG ALIGN=top SRC="/images/cshead2.gif" ALT="Stony Brook Computer Science">
<br>
<br>
<IMG SRC=/images/FancyLines/flowerpole.gif WIDTH=750 HEIGHT=30><BR>
<p>
<br>
<A HREF="sunsetFULL.jpg"><IMG SRC="sunset.gif" ALT="Stony Brook's Sunset"></A>
<A HREF="fallFULL.gif"><IMG SRC="fall.gif" ALT="Stony Brook's Fall"></A>
<A HREF="winterFULL.gif"><IMG SRC="winter.gif" ALT="Stony Brook's Winter"></A>
<A HREF="csdept/csdept_homepage.html"> </A>
<br>
<br>
<IMG SRC=/images/FancyLines/flowerpole.gif WIDTH=750 HEIGHT=30><BR>
<P>
<H2> Welcome to the Stony Brook Computer Science Department World Wide Web Server. </H2>
<P>
<IMG SRC=/images/Lines/desert.gif WIDTH=650 HEIGHT=6><BR>
<!-- <IMG ALIGN=middle SRC="/images/new_yellow.gif"> <A HREF="eapply"> Electronic Graduate School Application:</A> This year we are starting to experiment with the idea of applying for graduate school using the WWW technology. <br> -->
<IMG ALIGN=middle SRC="/images/new_yellow.gif"> <A HREF="fp.html">
<B> There are at least two Faculty positions openings this year </B> </a> <br>
<IMG ALIGN=middle SRC="/images/new_yellow.gif"> <A HREF="~drs/certificate.html"> <B> Software Engineering Certificate Program </B></A> A new program targeted at software professionals is starting in Fall 1996. <br>
<IMG SRC=/images/Lines/desert.gif WIDTH=650 HEIGHT=6><BR>
<UL>
<LI><A HREF="csdept/csdept_homepage.html"><B>General Information about The Computer Science Department at Stony Brook</B></A>
<LI><A HREF="ftp://ftp.cs.sunysb.edu/pub/TechReports"><B>Technical Reports</B></A>
<LI><A HREF="ftp://ftp.cs.sunysb.edu/pub/"><B>CS Department FTP Server</B></A>
<LI><A HREF="http://www.ug.cs.sunysb.edu/"><B>CS Department Undergraduate Computing Lab.</B></A>
<LI><A HREF="http://www.cs.sunysb.edu/~library"><B>Computer Science Library</B></A>
<LI><A HREF="http://www.ug.cs.sunysb.edu/~sbcs"><B>Stony Brook Computing Society</B></A>
<LI><B>Homepages</B>
<UL>
<li><A HREF="csdept/Faculty/index.html">Faculty</a>
<li><A HREF="csdept/Staff/index.html">Staff</a>
<li><A HREF="homepages/stu.html">Graduate Students</a>
<li><A HREF="http://www.ug.cs.sunysb.edu/~stark/users/users.html">Undergraduate Students</a>
<li><a href="cs-people.html">SBCS People & Research Accounts (sorted by account name)</a>
</UL>
<li><B>Research Groups</B>
<UL>
<LI><A HREF="http://www.cs.sunysb.edu/~skiena">Applied Algorithms Lab </A>.
<LI><A HREF="http://www.cs.sunysb.edu/~keriko">Complexity Theory Group</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~concurr">Concurrency Factory</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~chiueh">Experimental Computer Systems Lab</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~gerstl/group/hptp.html">High Performance Transaction Processing Group</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~theo/IAL/index.html">Image Analysis Lab</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~herb">SYNCHEM Lab</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~vislab/">Visualization Lab</A>.
<LI><A HREF="http://www.cs.sunysb.edu/~sbprolog">XSB Group</A>.
</UL>
<li><B> Current Semester's Course Schedules</B>
<UL>
<li><a href="course.html#graduate">Graduate Courses</a>
<li><a href="course.html#under">Undergraduate Courses</a>
</UL>
<li><B>Seminars & Special Events</B>
<UL>
<li><a href="http://www.cs.sunysb.edu/~ors">Ongoing Research Seminar</a>
<li><a href="http://www.cs.sunysb.edu/~grc">Graduate Student Research Conference</a>
</UL>
<li><B>The Campus</B>
<UL>
<li><A HREF="/tour/tourhome.html">Take a guided tour of Stony Brook & The USB Campus</a>
<li><a href="http://www.sunysb.edu/">The Stony Brook Campus WWW Server</a>
<LI><A HREF="gopher://sunysb.edu:105/2">Campus Phonebook</a>
<LI><A HREF="http://gopher.sunysb.edu/sbnews.html">Stony Brook News</A>
<LI><A HREF="gopher://wx.atmos.uiuc.edu:70/00/States/New%20York/State%20Forecast%20%28New%20York%29">Local Weather Forecast (National Weather Svc)</A>
<LI><A HREF="http://ams.sunysb.edu/spir/spir.html">SPIR (Strategic Partnership
for Industrial Resurgence)</a>
</UL>
<li><B>Useful Links</B>
<UL>
<LI><A HREF="http://att.net/dir800">AT&T's 800 Directory</a>
<LI><A HREF="http://www.yahoo.com/">Yahoo's Directory of Internet Services</A>
<LI><A HREF="http://webscope.com/li/info.html">Long Island Home Page</A>
<LI><A HREF="http://cyberactive-1.com/html/li-web.html">Long Island Web</A>
</UL>
<li><B>Courtesy Links</B>
<UL>
<LI><A HREF="~webadm/external/asme">American Society of Mechanical Engineers (A.S.M.E.) Home Page </a>
<LI><A HREF="~webadm/external/tbp">Tau Beta Pi, NY Omicron Home Page </A>
</UL>
</UL>
</UL>
<IMG SRC=/images/Lines/desert.gif WIDTH=650 HEIGHT=6><BR>
<I>webadm@cs.sunysb.edu, graduate@cs.sunysb.edu for Graduate Admission </I>
<ADDRESS>
Computer Science Department <br>
State University of New York at Stony Brook, NY 11794-4400 <br>
516-632-8470, -8471 (Tel) <br>
516-632-8334 (Fax) <br>
</ADDRESS>
<BR>
<BR>
<B> Access Count Since 3/2/96: </B>
<!-- <IMG SRC= "http://www.cs.sunysb.edu/cgi-bin/count.xbm/users/webadm/www/cgi-bin/cgi-logs/mypage"> -->
<IMG align=Middle SRC="/cgi-bin/Count.cgi?ft=2|frgb=255;0;0|tr=0|trgb=0;0;0|wxh=15;20|pad=0|dd=B|st=1|sh=1|df=webadm.index.dat" ALT="Bet you'd like to know what this picture is! "><P>
</BODY>
</HTML>
Formatting commands
<HTML> tag shows this is a HTML document.
<BACKGROUND> enables controls the background colors
<HEAD> title of document
<IMG> specifies an image
<HREF> hypertext link
</HTML> end of HTML documents
Images on the WWW
Different standards of image and audio files have emerged on the WWW.
If you want to display an image on the WWW, the file must be a format supported by most browsers.
The most common image formats are .gif and .jpg (JPEG) - not all applications produce these.
Audio and video formats are still developing. This is a big part of the Microsoft / Netscape battle.
Publishing on the WWW
Any document written in HTML is suitable for inclusion on the WWW, however for it to be readable on the WWW it must be placed on a WWW server.
The machines in the CSE 101 lab do not have a WWW server, and so the files must be moved to machines that do.
Since your WWW files will represent the university, it is important that they not contain offensive material.
Who should be responsible for monitoring this?
Ethical Issues on the WWW
Pornography and censorship on the Internet are a very hot issue. Since any site can put up anything they wish, how should community standards be maintained?
Programs exist which block assess to known pornographic sites, but these things change rapidly.
Since the Internet is international, who should/can regulate it.
Should gambling on the Internet be allowed, and who can regulate it?
How can authoriarian countries like China and Singapore control their citizen's access to the Net?
Programming on the WWW
There are two different kinds of programs one might want associated with WWW pages.
Certain programs will run on the machines generating the WWW page, for example to 'finger' a person.
Such programs are often called CGI scripts, for "common-gateway-interchange" The trick is to make programs so other people can run them, without giving them access to your system.
The other type of program is one you get from a WWW page to run on your machine. This is the case with fancy animations of WWW pages.
These second kind of programs are typically written in Java. The trick was to ensure that any programs you down load are safe enough to risk running.
Project 4
For Project 4, you will have to build your own WWW page.
To make your files public, you will need to get an instructional computing account.
This will involve having to become a little familiar with the UNIX operation system - do not fear.
You can build your files in the CSE 101 lab and move them over by ftp when you are ready.
Don't worry about posting your WWW page until you are nearly finished with it - pages under construction seem ugly.