CS 101 Sect 6 – the World Wide Web Introduction: history and essential standards of the World Wide...

transcript

sgazziano@johncabot.edu

CS 101 Sect 6 – the World Wide Web

Introduction: history and essential standards of the World Wide Web.

How the Web works: servers and browsers. Web building primer. What is hypertext, a basic web page. Introduction to Web design: how to create a web site to

express ideas graphically, writing for the web.Tools for Web design: Web editors, HTML Editors, Web

publishing.Building blocks of a web page, adding colours, images,

links and tables, HTML writing standards and CSS.References online: the W3C tutorial and other reference

material.

Your first Web page

Just follow me, do not worry if you do not understand

Open notepadCopy the text from the following slide

Text for your first web page

<title>Head First Lounge</title></head><body>

<h1>Welcome to the Head First Lounge</h1><p>Join us any evening for refreshing elixirs, conversation and maybe a game or two of <em>Dance Dance Revolution</em>.Wireless access is always provided; BYOWS (Bring your own web server).</p>

<h2>Directions</h2><p>You’ll find us right in the center of downtown Webville. Come join us!</p>

</body></html>

Your first Web page

Save on your desktop as myname1.html (“myname” is supposed to be “your” name, e.g. In my case that would be gazziano1.html, ok ??)

Double click on the file you savedThere is your first web page

You’re closer to learning HTML than you think

Surprise: class test now

Take a look at the “tags” (the statements within <>) and see if you can guess what they tell the browser about the content

10 minutes to complete

Text for your second web page

<title>Head First Lounge</title></head><body>

<h1>Welcome to the Head First Lounge</h1> <img src=”drinks.gif”> ((WHAT?? WHERE IS THIS??)) (ASK THE

TEACHER)<p>Join us any evening for refreshing elixirs, conversation and maybe a game or two of <em>Dance Dance Revolution</em>.Wireless access is always provided; BYOWS (Bring your own web server).</p>

<h2>Directions</h2><p>You’ll find us right in the center of downtown Webville. Come join us!</p>

</body></html>

The Internet

Sometimes called simply “the Net,” the Internet is a worldwide system of computer networks—a network of networks hence Internet, in which users at any one computer can get information from any other computer

The Internet uses a portion of the total resources of the currently existing public telecommunication networks. Technically, what distinguishes the Internet is its use of a set of protocols called TCP/IP (Transmission Control Protocol/Internet Protocol).

The World Wide Web

Runs on the Internet, Intranet, Extranet

Uses the Hypertext Protocol (HTTP)

We just call it the Internet, but it is a subset of it

Files on the Web

Web server and web browser are different

Intranet / Internet tools for CS 130

Fare clic sull'icona per inserire un'immagineThe

W3school, world’s largest website for developers is a fundamental source of references and training.

They set the Web standards !!!

Test solution

Find Coffee Cup Html Editor on your pc

Now for some serious stuff

From now on we will use an HTML editor

Let us open our index and mission file with it

Follow my instructions

Next stage: rebuild a better LOUNGE

Fare clic sull'icona per inserire un'immagineFind the LOUNGE folder with files on MYJCU shared files

Download the files in your

X:/CS130/LOUNGE/

Folder

Open HTM editor and load all .html