HTML and Web Publishing

1
HTML and Web Publishing

• CS 104

2
HTML and Web Publishing

• What is HTML? review
• Why Learn HTML
• Netscape Composer

3
What is HTML

• Hypertext Mark-up Language
• not a programming language
• marking-up text for emphasis and organization
• standard

4
HTML file

• ASCII file with a .html extension
• contains tags and text
• all web documents are HTML files

5
Tags

• commands surrounded by ltgt
• understood by the browser to take some action

6
Example of HTML template

• ltHTMLgt
• ltHEADgt
• ltTITLEgtMy Home Pagelt/TITLEgt
• lt/HEADgt
• ltBODYgtHello, I am .
• lt/BODYgt
• lt/HTMLgt

7
Why learn HTML

• Have a global audience
• growth in the use for business and commerce is
  expanding daily
• do not need programming skills
• you have the freedom to supply information to
  readers in powerfully innovative ways.
• Most dynamic medium you will ever publish in

8
What can I do in HTML

• HTML tags can produce most of the formatting a
  normal word processor can do. (tables,
  paragraphs, lists, italics, bold .)
• But it can also incorporate images, sounds,
  ,hyperlinks, other programs
• For each one of these there is a special tag
• For example the anchor tag

9
Linking to Other Documents

• Chief power of HTML comes from its ability to
  link regions of text (and also images) to another
  document
• Browsers highlight these regions to indicate that
  they are hypertext links
• HTMLs single hypertext-related tag is ltAgt, which
  stands for anchor

10
URL syntax

• protocol//host.domainport/path/filename
• In our links, the protocol is usually HTTP, but
  it can be news, telnet, ftp
• HTTP Hypertext transfer protocol

11
Publishing on the Web

• all web documents are in HTML
• HTML describes the format layout and logical
  structure of a hypermedia document
• users web browser translates the HTML document
• to publish - need to place the HTML document
  where the Web Server can access it

12
Your URL

• The web server for Ball State expects to find
  your homepage in a special place (the www
  directory of your account).
• Your personal home page address will be
  http//www.bsu.edu/web/username
• This will retrieve the INDEX.HTML file from your
  www directory.

13
Updating Your Homepage

• There are many tools to use to create html
  documents. They range from simple text editors
  where you have to know HTML to what you see is
  what you get environments.
• These WYSIWYG tools are similar to using a word
  processor (Word) FrontPage, Dreamweaver etc

14
Publishing

• The process of placing your web pages on server
• Most common method used to publish web pages is
  some form of File Transfer Protocol (FTP)

15
FTP - The File Transfer Protocol

• How are we going to transfer the file(s) we
  created using Word/FrontPage that are now on the
  floppy to the directory WWW on the BSU Web
  Server?
• FTP
• The program FTP is loaded on many computers on
  across campus.

16
Availability of FTP

• FTP programs are available on all Ball State
  computers.
• They are standard (and free) with most operating
  systems
• Mini tutorial on FTP and web page publishing
  http//www.bsu.edu/ucs/article/0,1299,6975457320
  82,00.html

17
Put and Get
get and put are the fundamental commands in any
FTP program
Machine from where ftp was processed (your
personal computer)
Machine connecting to (WebServer)
Get
Files from connecting machine going to the ftp
machine
PUT
Files from the ftp machine going to the
connecting machine
18
Questions