120 likes | 130 Views
Learn about the technology of the internet, including HTML, networks, TCP/IP, server-side technology, and client-side technology. Explore the history of HTML, color codes, type styles, and coding methods. Get ready for next week's assignment.
E N D
HCI 201 Week 3 Lecture Technology Basics Formatting Text With HTML
Agenda • The Technology of the Internet • Vocabulary related to the Internet • HTML • About HW • Next week’s assignment
Technology of the Internet • Networks-The Internet is a network after all • Nodes • A connecting medium • Specialized network equipment • Routers • Hubs • Switches
Technology of the Internet • TCP/IP • Telnet and FTP
Technology of the Internet • Server Side Technology • Client side Technology
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
HTML • Last time • Tags • What you can’t do without • <html><head><title></title></head><body> </body> </html>
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 <!--comments go here-->
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
Type Styles in HTML • <b> </b> = bold • <I> </I> = italics • <font> </font> = typeface, used with the face= option, example: • <font face=“Century Gothic”> text with that typeface </font>
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
Homework • Check the course site • Do the reading • Spelling & Grammar • Details and specifications (don’t be vague) • Next week’s assignment