1. HCI 201 Week 3 Lecture Technology Basics Formatting Text With HTML

2. Agenda The Technology of the Internet The Technology of the Internet Vocabulary related to the Internet Vocabulary related to the Internet HTML HTML About HW About HW Next week’s assignment Next week’s assignment

3. Technology of the Internet Networks-The Internet is a network after all Networks-The Internet is a network after all  Nodes  A connecting medium  Specialized network equipment  Routers  Hubs  Switches

4. Technology of the Internet TCP/IP TCP/IP Telnet and FTP Telnet and FTP

5. Technology of the Internet Server Side Technology Server Side Technology Client side Technology Client side Technology

6. What Does ---- Mean? Each week I will go over terms/phrases that may or may not be unfamiliar to you. Each week I will go over terms/phrases that may or may not be unfamiliar to you. Email me with terms you come across – worth extra credit for you- I will post the words to the site. Email me with terms you come across – worth extra credit for you- I will post the words to the site.  Usability  Hexadecimal  Development cycle  Full cycle  WYSIWYG

7. HTML Last time Last time  Tags  What you can’t do without  

8. HTML History of HTML History of HTML  Started as sgml  Related to xml, xhtml, dhtml etc… Conventions Conventions  An HTML page needs to have a.html extension  Nesting  Comments  Comments

9. Colors IN HTML Expressed in hexadecimal Expressed in hexadecimal  Each color starts with # then has 6 characters with the first 2 representing red values, the next 2 indicating green values and the last 2 representing the blue values (see appendix G in your book)  #000000 = black  #ffffff = white Colors expressed by name Colors expressed by name

10. Type Styles in HTML = bold = bold = italics = italics = typeface, used with the face= option, example: = typeface, used with the face= option, example:  text with that typeface  text with that typeface

11. HTML You can code the page offline using notepad or WordPad. You can code the page offline using notepad or WordPad. You can code online using with the UNIX clients Vi or Pico You can code online using with the UNIX clients Vi or Pico Check the code of sites that you visit Check the code of sites that you visit For example For example For example For example

12. Homework  Check the course site  Do the reading  Spelling & Grammar  Details and specifications (don’t be vague)  Next week’s assignment Next week’s assignment Next week’s assignment