IS for Management - University of Manitoba
Download
Report
Transcript IS for Management - University of Manitoba
Tutorial:
Web Publishing
Web Publishing
• Web pages are stored on a Web server: a
computer with a unique Web address,
accessible to any connected client computer
• Web pages are written in HTML
– Hyper Text Markup Language
– Can save Word documents in HTML
– Other mark-up languages
Web Publishing
Tutorial
IS for Management
2
HTML Document Structure
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<!-- Insert your page content here -->
</body>
</html>
Web Publishing
Tutorial
IS for Management
3
Common HTML Tags
•
•
•
•
•
•
•
•
<h1>An Important Heading</h1>
<h2>A slightly less impt heading</h2>
<p>This is an example paragraph</p>
<a href=“mike.html”>Link to mike’s page</a>
<a href=“http://www.w3.org/”>W3C</a>
<a href="emailto:[email protected]">mail mike</a>
<img src=“pic.jpg” width=“200” height=“100>
<em>emphasized</em>
Web Publishing
Tutorial
IS for Management
4
HTML: Tables
<table>
<tr>
<td>Row 1 Column 1</td>
<td>Row 1 Column 2</td>
</tr>
<tr>
<td>Row 2 Column 1</td>
<td>Row 2 Column 2</td>
</tr>
</table>
Web Publishing
Tutorial
IS for Management
5
HTML: Lists
<!-- Unordered List -->
<UL>
<li>list item</li>
<li>another list item</li>
<li>and another list item</li>
</UL>
<!-- Ordered List -->
<OL>
<li>first list item</li>
<li>second list item</li>
<li>third list item</li>
</OL>
Web Publishing
Tutorial
IS for Management
6
Create Your Web Page
• Use a Web authoring or word processing
package to create your website
• Word has a Web Page Wizard that can help
you get started
• Start with a simple outline
• Save your main page as index.html
Web Publishing
Tutorial
IS for Management
7
Set up your UNIX account
• Make your Web space on the Unix server
public
– You can do this from the University’s Web site:
http://www.umanitoba.ca/cgi-bin/makepublic
Web Publishing
Tutorial
IS for Management
8
Upload Home Page to UNIX
• Use WS-FTP software to log in to UNIX
account
• Upload your web pages to your
public_html directory
• Make sure to name the main page file
“index.html” so it will load automatically
Web Publishing
Tutorial
IS for Management
9
View Your Web Page
If everything is working properly, you can see your
Web page by typing your URL:
http://home.cc.umanitoba.ca/~yourid
It may not look great to start with. “Play” with it to
make it look sharp. Pay attention to good graphic
design:
– Adequate White space
– Consistency
Web Publishing
Tutorial
IS for Management
10
Updating Your Web Page
• Remember, when you add items to your Web
page, you are changing the diskette version only
• Repeat the upload FTP to make it viewable
• Refresh your diskette’s file list when continuing to
work with FTP
• Click on the Reload or Refresh button if you see
the same page as before you updated it
Web Publishing
Tutorial
IS for Management
11
Send Us Your URL
• Send the email message to the marker
Web Publishing
Tutorial
IS for Management
12
Resources
•
•
•
•
•
•
•
www.w3.org
www.htmlhelp.com
www.useit.com
www.tomalak.org
www.usableweb.com
www.webpagesthatsuck.com
www.iarchitect.com/shame.htm
Web Publishing
Tutorial
IS for Management
13