html and web publishing continued n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
HTML and Web Publishing Continued PowerPoint Presentation
Download Presentation
HTML and Web Publishing Continued

Loading in 2 Seconds...

play fullscreen
1 / 29

HTML and Web Publishing Continued - PowerPoint PPT Presentation


  • 121 Views
  • Uploaded on

HTML and Web Publishing Continued. CS 104. HTML and Web Publishing. What is HTML? review Why Learn HTML Netscape Composer. What is HTML. Hypertext Mark-up Language not a programming language “marking-up” text for emphasis and organization standard. HTML file.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'HTML and Web Publishing Continued' - amory


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
html and web publishing
HTML and Web Publishing
  • What is HTML? review
  • Why Learn HTML
  • Netscape Composer
what is html
What is HTML
  • Hypertext Mark-up Language
  • not a programming language
  • “marking-up” text for emphasis and organization
  • standard
html file
HTML file
  • ASCII file with a .html extension
  • contains tags and text
  • all web documents are HTML files
slide5
Tags
  • commands surrounded by <>
  • understood by the browser to take some action
example of html template
Example of HTML template
  • <HTML>
  • <HEAD>
  • <TITLE>Enter title here</TITLE>
  • </HEAD>
  • <BODY>
  • </BODY>
  • </HTML>
why learn html
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
what can i do in html
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
linking to other documents
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
providing links
Providing Links
  • To complete the anchor tag you must provide a link (a viewable HTML file)
relative and absolute links
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
links
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)
url syntax
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.
publishing on the web
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
your url
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.
updating your homepage
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)
how to update the information
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
the vax
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
publishing
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
ftp the file transfer protocol
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.
availability of ftp
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
executing ftp
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
executing ftp1
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
executing ftp2
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
executing ftp3
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
other ftp reminders
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.
put and get
Put and Get

Machine from where

processed the ftp

Machine connecting to

Get

Files from connecting machine

going to the ftp machine

PUT

Files from the ftp machine going to the connecting machine

viewing
Viewing
  • To see your masterpiece
  • use Explorer or Netscape
  • http://bsuvc.bsu.edu/home/your_username