presentation source
Download
Report
Transcript presentation source
Today’s Topics
• Netscape 3.0 Gold
• Internet Explorer
• Web page design
• Plain text games
• Links
• Pictures, sounds, etc.
• Making your page available
MA194
Using WindowsNT
1
Downloading Netscape
By the time this slide is finished, Netscape
will have a new version of their web browser
available. The best thing to do is visit their
main page at:
http://home.netscape.com
Once there, select on the download product
entry and follow the screens.
MA194
Using WindowsNT
2
Web server vs. web browser
Recall our definitions of the client/server
relationship in which one side was the
receiver of information (client) and the
other side was the provider (server). In
terms of the World Wide Web, the client
is the browser software. The server can
be many different versions of software.
MA194
Using WindowsNT
3
Servers and Browsers
Step 2
WWW Server
3
Netscape
MA194
Step 1
Using WindowsNT
Web Page
4
Browsers vs. Servers
Notice that we are no longer concerned
with the lower levels of the Internet (the
routing, nameservice, etc.) All we care
about at this point is the service, the
machine name and the location of the
data on the machine we wish to retrieve.
MA194
Using WindowsNT
5
Http://www.ms.uky.edu/~chaney
Step 2
WWW.MS.UKY.EDU
3
Netscape
MA194
Step 1
Using WindowsNT
~chaney
6
<html>
<head>
<title> This is Dan’s Web Page </title>
</head>
<body>
This is where something really clever
should go to amaze and astound….
</body>
</html>
MA194
Using WindowsNT
7
<html>
<head>
<title> This is Dan’s Web Page </title>
</head>
Note matched tags!
<body>
This is where something really clever
should go to amaze and astound….
</body>
</html>
MA194
Using WindowsNT
8
<html>
<head>
<title> This is Dan’s Web Page </title>
</head>
Note matched tags!
<body>
This is where something really clever
should go to amaze and astound….
</body>
</html>
MA194
Using WindowsNT
9
<html>
<head>
<title> This is Dan’s Web Page </title>
</head>
<body>
This is where something really clever
should go to amaze and astound….
</body>
</html>
MA194
Using WindowsNT
10
Listing items…
Lists can be ordered (using the <ol> tag)
or unordered (using the <ul> tag). Each
item in the list is marked by a <li> tag.
•This is an unordered list
•You can tell by the bulleted delimiters
•Some people like them, others don’t
MA194
Using WindowsNT
11
Modifying your text
You can have italicized text using the <I>
tags or bold text using the <b> tags.
You can have <I>italicized</I> text using
the I tags or <b>bold text</b> using the
B tags.
MA194
Using WindowsNT
12
What about plain text?
Plain text, that is, information you don’t
want to be interpreted (if it uses < or >) or
justified (in order to keep line breaks and
pagination in tact) is called preformatted.
<pre>
This text will
appear just as it is typed and placed
</pre>
MA194
Using WindowsNT
13
Including links on your page
Recall that hypertext allows you to have
references within your document that point
to other documents of information. These
hyperlinks are extremely useful when one
is creating web pages. To add in such a
link, you need the URL for the other page
and a special tag set shown on the next slide.
MA194
Using WindowsNT
14
Linking pages
<a href=“URL”>Dan’s Home page</a>
http://www.ms.uky.edu/~chaney
The URL to load if the user chooses this link
MA194
Using WindowsNT
15
Linking pages
<a href=“URL”>Dan’s Home page</a>
“clickable” text on your page
The text the user clicks to choose this link
MA194
Using WindowsNT
16
Linking pages
<a href=“URL”>Dan’s Home page</a>
(Note the matching tag sets)
MA194
Using WindowsNT
17
Having multiple local pages
There are times when having two or more
web pages of your own can be useful, from
an organizational point of view. To have
one page ‘link’ in a second page in the same
directory, you can just use the name of the
file to include, instead of the entire URL.
MA194
Using WindowsNT
18
Local files vs. URLs
If you want to move your files around,
often the case when one changes ISPs
frequently, making all of the files that
are used in your web pages use relative
URLs instead of full URLs makes them
easier to update and change.
<a href=“funny.html”>humour<a>
MA194
Using WindowsNT
19
Changing the background color
To change the background color of your
web page, you can add some information to
a tagset we already know, namely, <body>
<body bgcolor=“#FF00FF”> will turn the
background to a pleasantly hideous shade
of pink, for example.
MA194
Using WindowsNT
20
Including pictures…
To include a picture (A .GIF or .JPG file,
for example), you need Yet Another Tag :)
<img src=“filename.gif”> for a GIF file
or
<img src=“filename.jpg”> for a JPG file
(Note, the filename.gif is just a relative URL, you could also
use someone else’s pictures, via http://machine/~user/pic.gif )
MA194
Using WindowsNT
21
Enough! I want this to be easy!
Web pages can be as easy or as difficult as
you want them to be. Making an initial
page is fairly easy, we’ve done it with a
simple text editor in fact. But it is also a
bit too primitive, so instead we turn to one
of any number of HTML editors.
MA194
Using WindowsNT
22
Using Netscape’s Editor
• Bring up Netscape
• Click on File
• Choose New
• Choose Document
• Choose Blank (for now)
(These steps may vary slightly from one
version to the next, so play around w/ it)
MA194
Using WindowsNT
23
Saving your web page
Depending on what server software your
system administrator has chosen to use,
the proper name and location of your web
page may vary. Check with your system
administrator for the right selection for
your local setup.
MA194
Using WindowsNT
24