SetUpWebsite

Transcript SetUpWebsite

Exploring the Internet
Creating and setting up
your website
91.113-021
Instructor: Michael Krolak
91.113-031
Instructor: Patrick Krolak
See also http://www.cs.uml.edu/~pkrolak/
Authors: P. D. & M. S. Krolak Copyright 2005
Tonight
• Setting an Internet Website
Source:
Setting up your own
websites
See: Week 5 of Online Syllabus or
http://www.cs.uml.edu/~pkrolak/lab2/lab2b.html
P.D. & M.S. Krolak ©Copyright 2005
Creating a Web Site
• Introduction to Operating Systems (O/S)s
– The web server
• File Transfer Protocol (FTP) how to upload your
files from your computer (client) to the web server.
• Creating your first web page.
• Cut and Paste
• Edit in your personal information
• Uploading your files to the web server
Intro to O/Ss
• The O/S controls the basic computer functions.
• It manages the files and hardware devices.
• It has programs to write, compile, and run
applications.
Useful O/S tools
• Compression and decompression --Winzip
• Connecting remotely to a computer --telnet
• Up and down loading from your computer (client)
to the web server via -- ftp.
Compression/decompression
• Compression – removing
redundant information or other
methods of reducing the size
of a file.
• Decompression restoring the
file to it original form
• Winzip http://www.winzip.com/
and pkzip are good programs
for the PC
Winzip Tutorial
http://www.srvc.net/loc/winzip_tutorial.wmv
Connecting to another computer
• There are several programs to connect to computers
over the Internet. A limited but useful program is called
telnet.
• Telnet programs allows you program to log in remotely.
– Telnet acts like an old fashion glass terminal.
– It is orientated to text commands and does not support a
Graphics User Interface (GUI)
• Putty is a free telnet program that can be used in secure
(ssh) and non-secure connections.
http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html
File Transfer Protocol FTP
• Ftp tutorial:
http://continuinged.uml.edu/onlin
e/tutorial/ftp/win/index.htm
Ftp for MACs:
http://continuinged.uml.edu/onlin
e/tutorial/ftp/
• A free ftp program will work
(ftp Surfer)
– http://www.whispertech.com/surf
er/download.htm
– Click and download
– Install
Using your IE Browser to ftp your
files to your website
Instead of Ws_ftp, use your MS Explorer
browser.
1. in the Address bar type (or click this
link):
ftp://ceweb.uml.edu/
2. Click [File]/Login causing the dialog
box to appear (see nextslide).
3. The browser window is now open to
your website’s directory.
4. Find directory with the files you need
to upload to the server.
5. Drag files from it and onto the IE
window and they will automatically
upload.
FTPing a file to your webserver
After you use the ftp address a blank window will appear and a flashlight
will appear. Click [File]/log in and fill in the dialog box. After click [Login]
The IE window will act as if it is the website directory.
Create your home page by copying the
text into WordPad
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<! -- The use of angle brackets followed by "!" and ending with -- close angle bracket is a comment
-->
<! -- The angle brackets enclose html tags that tell the browser what to do next -->
<! -- The normal html doc has two parts or containers -- the head and the body -->
<! -- head tags are paired -- (the head and /head) -->
<Head>

<title>insert your name here's Website</title>
<meta Name="author" content="Patrick Krolak">
</head>
<!The body container holds the contents to be displayed.
Note that the attribute of the body tag, bgcolor is set to the color red. -->
<body bgcolor="red">
<center>
<h1> insert your name here's Website</h1>
</center>
<a href="SearchLabNotes.html">See My Search Notes</a><BR>
<a href="SearchLabResult.html">See My Search Results</a><BR>
<a href="resume.html">See My Resume</a><BR>
</body>
</html>
WordPad
• WordPad is found in the
[Start]/Programs/accessories
• When it open, paste the text into the window.
• Modify the insert your name here's Website with
your name.
• Save As.. Name file -- index.html
File type
-- Text
Test Your web page on your machine!
• Click [File]/Open File ..
–
–
–
–
Find your file – index.html
Click it and click open.
You should see you home page.
See example of what it should look like.
http://www.cs.uml.edu/~pkrolak/lab2/index.html
Upload your results
• If you are using the Wsftp program to upload use
the following settings:
–
–
–
–
host address Ceweb.uml.edu
name is your user_id
Password is the one assigned at registration.
Upload the following files:
• index.html
• SearchLabNotes.html
• SearchLabResult.html
Test Your new web site!
• Put into the location window on the browser type
in your URL and click enter.
• Your URL for your new web site is:
http://ceweb.uml.edu/Your_user_id
Your user_id and the password were issued at the time
of registration.

SetUpWebsite

Transcript SetUpWebsite

Directory