1 / 32

Creating Your First Web Page: A Guide to Using HTML and FTP

This guide outlines the basics of setting up your first web page using HTML and FTP. Start by creating a public_html directory where your web files will reside. Learn how to create an index.html file that will be served by the web server. The document covers essential HTML tags, how to insert images, and design techniques. Additionally, it includes FTP steps for transferring files from your PC to the web server. By the end of this assignment, you will successfully build and publish your own web page.

gemma-richard
Télécharger la présentation

Creating Your First Web Page: A Guide to Using HTML and FTP

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML ATS 315

  2. A Web Server • Is a computer program that sends out (“serves”) files when they are requested by a “client”.

  3. Which files to serve? • Only files inside your public_html directory! • (So mkdir a directory called public_html!) public_html

  4. Which files to serve? • By default, the server will serve a file called index.html. • Therefore, in today’s assignment you will write a file called index.html inside your public_html directory. A Web Page!

  5. Your Web Page • http://wx-sun3.creighton.edu/~yourlogin • This is slightly different than what it says in the text!

  6. Examples of Tags in HTML

  7. Hello Hello

  8. <B>Hello</B> Hello

  9. <CENTER>Hello</CENTER> Hello

  10. <CENTER><B>Hello</B></CENTER> Hello

  11. <BIG>Hello</BIG> Hello

  12. <BIG><BIG>Hello</BIG></BIG> Hello

  13. Hello Hello

  14. <I>Hello</I> Hello

  15. <U>Hello</U> Hello

  16. Hello Hello

  17. Hello<BR>How’s the weather? Hello How’s the weather?

  18. <A HREF=cnn.com>Hello</A> Hello

  19. <BODY bgcolor=#ffff00>Hello</BODY> Hello

  20. <BODY background=cloud.gif>Hello</BODY> Hello

  21. Hello<IMG SRC=cloud.gif>cloud! cloud! Hello

  22. <IMG SRC=cloud.gif>

  23. <CENTER><IMG SRC=cloud.gif></CENTER>

  24. Getting Graphics Files for Your Web Page • Steal them from other web sites • Digital cameras • Draw something in Paint, Illustrator, etc. • The trick is getting them onto wx-sun1 and into the public_html directory!

  25. ftp ftp • File Transfer Protocol

  26. ftp • first step: Put your graphics images someplace “easy to find” on a PC. • Where’s that? • Ideally, C:\ • C:\standard • NOT a directory with a “space” in the name!

  27. ftp • second step: connect to wx-sun1 via ftp • Start • Run • ftp wx-sun1.creighton.edu • Enter your login and password.

  28. ftp • third step: Get into the right directories. • You are in your home directory on wx-sun1… you need to cd to public_html cd public_html

  29. ftp • third step: Get into the right directories. • Who knows where you are on your PC… you’ll need to lcd (“local change directory”) to wherever the images are! lcd c:/

  30. ftp • fourth step: Get ftp into the right “mode”. • Image files are “binary”, so type “bi”. bi

  31. ftp • fifth step: Put the files from the PC onto wx-sun1. • put tornado.gif

  32. ftp • sixth step: Quit ftp. • quit

More Related