Computer Basics Introduction CIS 109 Columbia College

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

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

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

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

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

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

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)

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

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

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

Review: Client and Server User uses HTTP client (Web Browser) User uses HTTP client (Web Browser) It has a URL (e.g. It has a URL (e.g. 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

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

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