1. 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. Internet Some Major Functions of the Internet Instant Messaging (AIM, MSN Messenger) World Wide Web (using HTTP) File/Data Sharing (FTP) Virtual Worlds (Second Life, WoW) VoIP (Skype)

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

6. Browsers Software to view Web pages Internet ExplorerFirefox Safari Google Chrome

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 Notepad Pico (UNIX)

10. Uploading vs. Downloading

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

12. Domain name Examples: hawaii.edunasa.govebay.com kitv.comala.orgamazon.com

13. Student Benefits Domain Name AND Server Space F R E E !

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/

16. Tags I love libraries! Opening Tag Closing Tag I love libraries!

17. HTML document structure …document title… …your page content…

19. Exercise 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. To establish your space on the UH server and create a home page: Go to http://www.hawaii.edu/account/http://www.hawaii.edu/account/

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”.