1. Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104

2. Slide No. 2 Slide No. 2 HTML and Web Publishing H What is HTML? review H Why Learn HTML H Netscape Composer

3. Slide No. 3 Slide No. 3 What is HTML ä Hypertext Mark-up Language ä not a programming language ä “marking-up” text for emphasis and organization ä standard

4. Slide No. 4 Slide No. 4 HTML file ä ASCII file with a.html extension ä contains tags and text ä all web documents are HTML files

5. Slide No. 5 Slide No. 5 Tags ä commands surrounded by <> ä understood by the browser to take some action

6. Slide No. 6 Slide No. 6 Example of HTML template ä ä ä My Home Page ä My Home Page ä ä ä Hello, I am ……. ä ä

7. Slide No. 7 Slide No. 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. Slide No. 8 Slide No. 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. Slide No. 9 Slide No. 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 ä HTML’s single hypertext-related tag is, which stands for anchor

10. Slide No. 10 Slide No. 10 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

11. Slide No. 11 Slide No. 11 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

12. Slide No. 12 Slide No. 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. Slide No. 13 Slide No. 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. Slide No. 14 Slide No. 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. Slide No. 15 Slide No. 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. Slide No. 16 Slide No. 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,6975 ~4573~2082,00.html http://www.bsu.edu/ucs/article/0,1299,6975 ~4573~2082,00.html http://www.bsu.edu/ucs/article/0,1299,6975 ~4573~2082,00.html

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

18. Slide No. 18 Slide No. 18 Questions