Tutorial information regarding creation of Web Pages

1
HTML Authoring

• Tutorial information regarding creation of Web
  Pages

2
Internet Environment
3
Within a Server
Mapped from TWebPages\Biosystems\home\mstone by B
ioen_FS01 Web Server
/home
Server Bioen_FS01 aka biosystems.okstate.edu
/home/mstone
Your user ID (login)
/home/mmatous
/home/YOU
File Structure can be related to Web Address
(URL) biosystems.okstate.edu/home/mstone is
Mapped to T\WebPages\Biosystems\home\mstone
Mapped ???????????????????????????????? URL
Uniform Resource Locator
4

1. Client Software (Browser) Contacts Server
   Software.
2. Server Software Sends HTML File
3. Client Software (Browser) Interprets and Displays
   HTML

5
Nature of HTML

• HTML Hypertext Mark-up Language
• Code used to describe Web Page Content
• Plain Text
• Uses Tags
• ltBgt Starts Bold text
• ltB/gt Ends bold text
• Example
• Load bioen.okstate.edu/home/mstone/index.htm as
  txt
• Load bioen.okstate.edu in Netscape and view
  source

6
HTML Documents

• HTML Document Structure
• Example
• Editors that can create HTML
• Golive
• Netscape Composer
• Dreamweaver

ltHTMLgt ltHEADgt ltTITLEgt THE COOLEST PAGE
ON THE WEBlt/TITLEgt lt/HEADgt
ltBODYgt Whoa!!!This is ltEMgtTOTALLYlt/EMgt Cool!
lt/BODYgt lt/HTMLgt
7
Storage Details

• HTML must be stored on server where server
  software can find it.
• On your T drive (T\WebPages\Biosystems\Home\use
  rname)
• The URL for your page will behttp\\biosystems.o
  kstate.edu\Home\username
• Root or Main file must be named Index.htm (not
  index.html)
• Dr. Brown will create a link from
• biosystems.okstate.edu/undergraduate/index.htm

8
Hyperlinks

• You may insert a Hyperlink
• Definition
• Hyperlink is an active spot in a document that
  when clicked, causes the browser to load the
  referenced URL
• Example The text Undergraduate List on the
  biosystems.okstate.edu page.
• Inserting a hyperlink
• In Powerpoint
• Select text or graphic to become active spot
• choose Insert Hyperlink
• Define URL
• Hot Spot

9
Steps to create your Home Page

• Review
• Use Golive to create the main page
• Store the page on drive T\\WebPages\Biosystems\ho
  me\userID as index.htm
• Check the page by using the following URL
  http\\biosystems.okstate.edu\home\userID\
• Where userID is your User ID, (eg. mine is mstone)