1 / 21

Basic HTML Workshop Session 1: Introduction to HTML Fall 2010

Learn about the Internet functions, terminology, HTML tags, e-portfolio creation, going live online, useful web development terms, browsers, servers, and more!

tambre
Download Presentation

Basic HTML Workshop Session 1: Introduction to HTML Fall 2010

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. Basic HTML Workshop Session 1: Introduction to HTML Fall 2010

  2. Today’s Agenda • Talk about the functions of the Internet • Cover useful terminology for today’s session • HTML, browsers, servers, etc. • HTML Tags • Get started on your e-portfolio • Go LIVE on the web!

  3. Some Major Functions of the Internet VoIP (Skype) Virtual Worlds (Second Life, WoW) Internet World Wide Web (using HTTP) Instant Messaging (AIM, MSN Messenger) File/Data Sharing (FTP)

  4. Sound files Web page Video files Image files Web Page Collection of files Text Files

  5. Useful Terminologyin Web Development

  6. Browsers • Software to view Web pages Internet Explorer Firefox Google Chrome Safari

  7. HTML HyperText Markup Language

  8. Versions of HTML HTML 1 HTML 2 HTML 3 HTML 4 XHTML HTML5 XHTML

  9. Text Editors Used to write HTML code Pico (UNIX) Notepad

  10. Uploading vs. Downloading

  11. Web Servers (or “Hosts”) Computers that house Web sites The Internet ISP’s server UH Server Today you’ll upload HTML files to the UH web server using FTP (File Transfer Protocol) Other users will request your web pages through their ISP’s server using HTTP (Hypertext Transfer Protocol) Image Source: http://www.jjc.edu/academics/divisions/career-technical/cios/Pages/default.aspx

  12. Domain name Examples: hawaii.edu nasa.gov ebay.com kitv.com ala.org amazon.com

  13. Student Benefits Domain Name AND Server Space FREE!

  14. URL (Uniform Resource Locator) http://www2.hawaii.edu/~yokokudo/index.htm a b c d a: Protocol b: Domain name (server name) c: Directory name (space in the UH server reserved for you) d: File name http://www.hawaii.edu/lis/webteam/

  15. HTML

  16. Tags Opening Tag Closing Tag <i> I love libraries! </i> I love libraries!

  17. HTML document structure <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> …document title… </title> </head> <body> …your page content… </body> </html>

  18. Getting started on your e-portfolio

  19. Exercise To establish your space on the UH server and create a home page: Go to http://www.hawaii.edu/account/ 1 Sign in with your UH username and password. 2 Under “Personal Home Page Options” click on the link “Create Homepage.” 3 Press continue. Write down your home page URL address (e.g. http://www2.hawaii.edu/~yourusername). 4 Open a new browser window. Type in the address of your new homepage. 5 Once you make your homepage, the address will be http://www2.hawaii.edu/~your username. Notice that index.html is not added to the end of the address, but rather it is implied.

  20. Troubleshooting • When saving the template files in Internet Explorer, they will be named .htm by default. To be consistent with how the code was written in the template, you must rename the file extension: .html or else the links in your navigation bar will not work. • Our current recommendation is to save the files from Mozilla Firefox in order to avoid this issue. Firefox saves the files as .html by default.

  21. Troubleshooting If have problems with naming or re-naming the file extension (ex. .txt, .doc, .htm, .html, etc.): Open up Control Panel in your PC. Within Control Panel search for “Folder Options”. Open it and click on the View tab and un-check the box for “Hide extensions for known file types”.

More Related