HTML and Web Publishing Continued
Download
Report
Transcript HTML and Web Publishing Continued
HTML and Web
Publishing
Continued
CS 104
Slide No. 1
HTML and Web Publishing
What is HTML? review
Why Learn HTML
Netscape Composer
Slide No. 2
What is HTML
Hypertext Mark-up Language
not a programming language
“marking-up” text for emphasis and
organization
standard
Slide No. 3
HTML file
ASCII file with a .html extension
contains tags and text
all web documents are HTML files
Slide No. 4
Tags
commands surrounded by <>
understood by the browser to take some
action
Slide No. 5
Example of HTML template
<HTML>
<HEAD>
<TITLE>Enter title here</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Slide No. 6
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
Slide No. 7
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
Slide No. 8
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
HTML’s single hypertext-related tag is
<A>, which stands for anchor
Slide No. 9
Providing Links
To complete the anchor tag you must
provide a link (a viewable HTML file)
Slide No. 10
Relative and Absolute Links
Remember this concept in spreadsheets,
well it also occurs in links.
A relative link, depends where the
document that uses the link is located. If
the anchor and the source are in the same
directory, then only the file name.html is
necessary.
Absolute pathname gives the entire URL
Slide No. 11
Links
Relative links should be used within your
set of pages. This way it is easier to move a
group of documents to another location,
because the relative path name will still be
valid.
You must use absolute pathnames when
linking document that are not directly
related. (another site)
Slide No. 12
URL syntax
protocol://host.domain[:port]/path/filename
In our links, the protocol is usually HTTP,
but it can be news, telnet, ftp …
HTTP = Hypertext transfer protocol
If you use a DOS/Windows-based system, a
backslash indicates a change in folders.
However, the Web follows UNIX syntax
which is a forward slash.
Slide No. 13
Publishing on the Web
all web documents are in HTML
HTML describes the format layout and
logical structure of a hypermedia document
user’s web browser translates the HTML
document
to publish - need to place the HTML
document where the Web Server can access
it
Slide No. 14
Your URL
The web server for the VAX expects to find
your homepage in a special place (the www
directory of your account). Webready
already has placed the homepage template
(index.html) there. So when you type in:
http://bsuvc.bsu.edu/home/yourvaxusername/
This will retrieve the INDEX.HTML file from
your www directory.
Slide No. 15
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)
Slide No. 16
How to Update the Information
You already used Word to create a Web
page by saving it as an HTML file.
By bringing this page back into Word again
you can continue to make changes to the
same document
Slide No. 17
The Vax
This computer system is different than the
Windows system you are accustomed to
Filenames
all filename get converted to uppercase
case insensitive (this is NOT true of other systems)
there can be no blanks in a filename
Slide No. 18
Publishing
The process of placing your web pages on
server
Each server can have a different method
Our sever is the VAX ( bsuvc)
BSUVC expects the html pages to be stored
in a directory named www and the root
page must be name INDEX.HTML
Slide No. 19
FTP - The File Transfer Protocol
How are we going to transfer the file(s) we
created using Word that are now on the
floppy to the directory WWW on the VAX?
FTP
The program FTP is loaded on many
computers on across campus.
Slide No. 20
Availability of FTP
On computers running any version of
Windows 95/97, you can execute it from the
start menu
Also on computers running Windows NT
with a Start menu.
On some NT machines that have a specific
FTP icon on the desktop (no start menu)
NOTICE: you need either a start menu or
an FTP icon
Slide No. 21
Executing FTP
Click the Start button, then select programs
then click MS DOS Prompt
You will see a plain black window on your
screen with only white text and blinking
cursor
Now type in A: and hit enter
type in FTP BSUVC.BSU.EDU
Slide No. 22
Executing FTP
With that command you have just asked
FTP to connect you to the VAX
As you know the VAX is a multiuser system
and now you enter your Username and
Password.
If you have logged in successfully you will
see a message confirming this
now type in the word bin and hit the return
Slide No. 23
Executing FTP
The bin command is necessary because the
files are in binary format for the web
(graphic). Be sure that you enter bin in
lowercase letters.
Enter the command cd www
you have just told ftp to change to the www
directory in your Vax accout
Slide No. 24
Executing FTP
Now you are ready to transfer the files to the
WWW folder
at the prompt type
put index.html
if you have other files that index.html uses as
hyperlink, transfer them now!
put mypicture.jpg
after transferring all the files, type in quit / bye
close the window
Slide No. 25
Other FTP reminders
If you are a slow typist, FTP will time out.
You will just type in bye and
start at ftp bsuvc.bsu.edu
if you have all your files to transfer in one
directory, you can use a short cut command
mput *.*
Notice that you can PUT but you also can
GET.
Slide No. 26
Put and Get
Get
Machine from where
processed the ftp
Files from connecting machine
going to the ftp machine
Machine connecting to
PUT
Files from the ftp machine going to the
connecting machine
Slide No. 27
Viewing
To see your masterpiece
use Explorer or Netscape
http://bsuvc.bsu.edu/home/your_username
Slide No. 28
Questions
Slide No. 29