Class Note 2 for Internet Web Publishing I

Learning Objectives:

You will be able to identify the basic structure of a HTML in a Web Page

You will be able to create a Web page that has an image and links to another page on the Internet.

You will be able to identify who Tim Bernes Lee is and how he contributed to the Web

You will be able to identify who Marc Andersen is and how he contributed to the Web

Homework:

Review:  Web Browsers on  Wikipedia

Read:  Chapters 2

Post on the Web: Browser Review and link to homework page (when we cover FTP)

You will have to publish a browser review. Start looking for 3 Browsers to review. You need to compare and contrast the features of each browser plus tell me which one you like and why you like it over the others!

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

Topics Covered:

2 fake text generators, Lorem Ipsum and Veggie Ipsum.  They are used to simulate layout.

2 Very Cool Sites to help you learn HTML

Codecademy, and Mozilla Developer Network

Plan ahead: Rent, Buy or Borrow (Library or Friend) one of these movies or a similar movie:

 HER, Live Free or Die Hard, The Net, The Terminator series, Hackers, Sneakers, You've Got Mail, Surrogates or Avatar, or the TV show Person of Interest or Intelligence. 

Post on Canvas a brief description of the movie and mention how realistic the movie was as of today plus do you think this could happen in real life(today or in the future.) You can get previews of the movies at IMDB (Internet Movie Data Base) website or Google them on the web.

Browser Wars!    Who is on top and the history of browsers.

Google's 20 things about Browsers

World Wide Web Consortium sets standards for tools on the Internet! Tim Berners-Lee is the father of the Web!

Marc Andersen creator of Mosaic and Netscape

 

Welcome to the HTML Tag Game

The HTML Tag Game!

Start tags start with < and ends with > 
Example: <p>

The end tag starts with </ and ends with > 
Example: </p>

Some Tags don't have normal endings

<img src="picture.jpg" alt="picture" />

<br />

Every Webpage should include the following tags:

<html>

<head> (except Frames)

<title>

<body>

 

 

e-mail
Email broken into parts!

HTML: Hyper-Text Markup Language HTTP: Hyper-Text Transfer Protocol

url

 

Review the following:

Popular extensions on the Web are: htm, html, asp, jsp, shtml, xml, cfm, php

The first browser on the Internet was Gopher and it was Text Based. Gopher was created by the U of Minnesota.

Marc Andersen creator of Mosaic, the first graphical browser.

Not all Browsers are created equal! 
Browser Statistics

ieMicrosoft Internet Explorer

opera

Opera

apple Safari

Apple's Safari

netscape

Netscape

mozilla

Mozilla's Fire Fox

google Chrome

Google Chrome

An Old Browser review and the W3Schools review

We investigated the many ways you can Customize Your Browser and Save Web addresses! I also showed you tricks in Internet Explorer that will save you time.

View > Source shows you how the Web Page is created!

 

Terms:

File extensions: htm, html, asp, and php, URL, Domain name, DNS Server, e-mail address, POP (Post office Protocol) and IMAP hosting service and ISP

 

HTML Valid