exploring the internet creating and setting up your website 91.113-021 instructor: michael krolak...
Post on 20-Dec-2015
214 views
TRANSCRIPT
Exploring the InternetCreating and setting up
your website91.113-021
Instructor: Michael Krolak91.113-031
Instructor: Patrick KrolakSee 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 orhttp://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/
online/tutorial/ftp/win/index.htm
Ftp for MACs:http://continuinged.uml.edu/
online/tutorial/ftp/• A free ftp program will work
(ftp Surfer)– http://www.whispertech.com/
surfer/download.htm– Click and download– Install
Vista O/S computers
• Vista User’s should NOT try to use the IE browser to FTP your files to your web site.
• Vista user’s should use the free CoreFTP LE which can be download http://www.coreftp.com/
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 webserverAfter 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><head> <!the title contain contains the title of the page and it appears at the top of the browser window. --> <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="resume.html">See My Resume</a><BR> <a href="http://Insert_Your_BLOG_URL/">See My Blog </a><BR><a href="MailTo:Insert_Your_Email_Address/">Send Me Email</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
Use the IE Browser to Upload your results
• If you are using either a ftp program or better still the IE browser on your PC 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
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.