1. Computer Basics Introduction CIS 109 Columbia College

2. Today’s Discussion Introductions Introductions Syllabus Syllabus WWW vs. The Internet WWW vs. The Internet Web Browsers Web Browsers HTML HTML Start your own HTML web page Start your own HTML web page

3. What is the WWW? A hypertext system that runs on top of the Internet, based on Three Main Standards In English… Web sites that are saved on computers/servers and then published. Then they are able to be accessed by people who have a connection to The Internet. All of those websites are now connected via The Internet

4. Web Browsers Firefox Safari Google Chrome What does a web browser do? It “translates” html code into something we can see and use.

5. Viewing the Source Lets try it… Open a web page Open a web page Right click on an empty area of the page Right click on an empty area of the page Select view source Select view source You will be able to see the source code to that web page You will be able to see the source code to that web page

6. HTML Characteristics Just a Text File! Defines the Structure (not Appearance) of the Document Client (Browser) defines the appearance Font preferences, window width, …

7. Document Structure My First Web Page Animals A Paragraph of Text. Lions Tigers Page!

8. Basic Tags … … H1-6 where larger number means smaller heading H1-6 where larger number means smaller heading Identifies the area as a paragraph Identifies the area as a paragraph horizontal rule (Line across the page to break things up) new line (space in between items)

9. Lists Unordered Lists Apples Oranges Ordered Lists Apples Fuji Granny Smith o Apples 1. Fuji 2. Granny Smith

10. Image Files JPEG Best for photos Public standard GIF Best for simple images Older standard PNG – Portable Network Graphics Public standard replacement for GIF

11. Anchor Tag (Links) External Links Yahoo! Internal Links Homework

12. Review: Client and Server User uses HTTP client (Web Browser) User uses HTTP client (Web Browser) It has a URL (e.g. http://www.yahoo.com/) It has a URL (e.g. http://www.yahoo.com/) Makes a request to the server/computer Makes a request to the server/computer Server sends back data (the response) or website Server sends back data (the response) or website User clicks on the client side... User clicks on the client side... request (URL) response (HTML, …)ClientServer

13. Summary You should be able to do the following: Understand what HTML is and how to create a simple page What WWW stands for and a simple definition A simple definition of The Internet and the difference between it and WWW What a Web Browsers does and a few examples

14. Homework For the next class you should create a web page about yourself using notepad with the following items: For the next class you should create a web page about yourself using notepad with the following items: Title Title Heading Heading Paragraph Paragraph List List Picture or link Picture or link