HCI 201

1
HCI 201

• Week 3 Lecture
• Technology Basics
• Formatting Text With HTML

2
Agenda

• The Technology of the Internet
• Vocabulary related to the Internet
• HTML
• About HW
• Next weeks assignment

3
Technology of the Internet

• 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
• Telnet and FTP

5
Technology of the Internet

• Server 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.
• 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
• Tags
• What you cant do without
• lthtmlgtltheadgtlttitlegtlt/titlegtlt/headgtltbodygt lt/bodygt
  lt/htmlgt

8
HTML

• History of HTML
• Started as sgml
• Related to xml, xhtml, dhtml etc
• Conventions
• An HTML page needs to have a .html extension
• Nesting
• Comments lt!--comments go here--gt

9
Colors IN HTML

• 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

10
Type Styles in HTML

• ltbgt lt/bgt bold
• ltIgt lt/Igt italics
• ltfontgt lt/fontgt typeface, used with the face
  option, example
• ltfont faceCentury Gothicgt text with that
  typeface lt/fontgt

11
HTML

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

12
Homework

• Check the course site
• Do the reading
• Spelling Grammar
• Details and specifications (dont be vague)
• Next weeks assignment