Appendix 3: Creating Web Pages

Download Report

Transcript Appendix 3: Creating Web Pages

Introduction to MIS
Appendix 3
Creating Web Pages
Copyright © 1998-2002 by Jerry Post
Introduction to MIS
1
Appendix: Creating Web Pages



Determine the content.
Define a style.
Create each page.





Text
Graphics
Link the pages.
Test your work.
Transfer pages to a Web site.
Introduction to MIS
2
Appendix: Style Sheets
BODY {
margin-left: 5px;
font: 10pt "Times New Roman", Times, serif;
color: black;
Style Sheet
text-align: left;
background-color: #e0ffff;
Body { … }
}
P {…}
P {
margin-left: 0px;
font: 10pt "Times New Roman", Times, serif;
color: black;
background: transparent;
}
H1 {
margin-left: 0px;
font: 16pt "Times New Roman", Times,
color: black;
font-weight: bold;
background: transparent;
}
Introduction to MIS
Page 3
Page 2
serif;
Page1
3
<HTML>
Appendix: Sample HTML
<HEAD>
<TITLE>Sample HTML Page</TITLE>
</HEAD>
<BODY>
<H1>Section One</H1>
<P>This is a sample paragraph on a
sample page.</P>
</BODY>
</HTML>
Introduction to MIS
4
Appendix: Publishing Files
Accessible
Web
pages
Initial
pages
Internet or
intranet
Web server
Transfer methods:
Microsoft Front Page extensions
Your computer
Introduction to MIS
FTP: file transfer protocol
5
Web Development Hints



Start with a tool like Microsoft Word (or Front Page, etc.).
Get a good graphics package
Keep page size small


First develop the pages on your own computer.



Test all links.
Transfer later.
Use style sheets.



30,000 - 50,000 bytes typically takes 8 - 15 seconds
Consistency.
Ease of change.
Study design elements and art.



Formal training/art classes.
Study other sites.
Watch for and create trends.
Introduction to MIS
6