1. 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. 1 sgazziano@johncabot.edu

2. Your first Web page sgazziano@johncabot.edu 2 Just follow me, do not worry if you do not understand Open notepad Copy the text from the following slide

3. Text for your first web page sgazziano@johncabot.edu 3 Head First Lounge Welcome to the Head First Lounge Join us any evening for refreshing elixirs, conversation and maybe a game or two of Dance Dance Revolution. Wireless access is always provided; BYOWS (Bring your own web server). Directions You’ll find us right in the center of downtown Webville. Come join us!

4. Your first Web page sgazziano@johncabot.edu 4 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 saved There is your first web page

5. You’re closer to learning HTML than you think sgazziano@johncabot.edu 5 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

6. Text for your second web page sgazziano@johncabot.edu 6 Head First Lounge Welcome to the Head First Lounge ((WHAT?? WHERE IS THIS??)) (ASK THE TEACHER) Join us any evening for refreshing elixirs, conversation and maybe a game or two of Dance Dance Revolution. Wireless access is always provided; BYOWS (Bring your own web server). Directions You’ll find us right in the center of downtown Webville. Come join us!

7. The Internet sgazziano@johncabot.edu 7 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).

8. The World Wide Web sgazziano@johncabot.edu 8 Runs on the Internet, Intranet, Extranet Uses the Hypertext Protocol (HTTP) We just call it the Internet, but it is a subset of it

9. Files on the Web sgazziano@johncabot.edu 9

10. 10

11. Web server and web browser are different sgazziano@johncabot.edu 11

12. 12 Intranet / Internet tools for CS 130 The W3school, world’s largest website for developers is a fundamental source of references and training. They set the Web standards !!! sgazziano@johncabot.edu

13. 13 Test solution sgazziano@johncabot.edu

14. 14 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 sgazziano@johncabot.edu

15. 15 Next stage: rebuild a better LOUNGE Find 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 sgazziano@johncabot.edu

16. 16 Find 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 sgazziano@johncabot.edu

17. 17 sgazziano@johncabot.edu

18. 18 sgazziano@johncabot.edu

19. 19 sgazziano@johncabot.edu

20. 20 sgazziano@johncabot.edu

21. 21 sgazziano@johncabot.edu