1. CIS101 Introduction to Computing
Make up class

2. Agenda Your questions Introduction to the Internet & HTML
Online HTML Resources
Using the HTML editor 1st Page 2000
Using WS-FTP
HTML Project One and Project Two
Next class

3. Schedule Make up date for missed class is Tuesday April 29
Today we will keep online folders at “week 06” and catch up for class work

4. What is the Internet?
Global network of computers that are connected and communicate via a series of Protocols
Protocols are rules that specify the transmission of data

5. Internet protocols
TCP/IP – network protocols that govern how data moves around the Internet
FTP – allows files to be transferred
HTTP –transmits of Web pages

6. Web browser
Software that interprets and displays Web pages Input ->HTML Output ->Graphical Display

7. URLs Web page location is defined as a URL (Uniform Resource Locator)
URL is made up of protocol (ftp, http, etc), Web server, and (optional) Web page
Example (Excel Quick Reference):

8. Web documents
Web documents contain text, multimedia, and links to other documents
Also know as Web pages, are written in HTML (Hypertext Markup Language)

9. What is HTML? Platform independent page description language
Will display on any computer
HTML describes what a Web document will look like
Uses special instructions called tags to define the structure and layout of a Web document
Web document combines HTML tags and text
Other examples of page description languages: adobe acrobat and postscript

10. HTML Resources Go to Blackboard site, click Course Material
Text web site
Web Design Group HTML Reference (zip file you can download to your computer), or see Web site at
Barebones Guide to HTML

11. Elements of HTML document
HTML elements include headings, paragraphs, hyperlinks, lists, images, and other graphical elements
Most HTML elements follow this pattern: start tag content end tag example: <b>This is now bold</b>

12. Web editors
In order to create HTML documents you need to be able to create a text file with an extension of .htm or .html
Can use HTML editor or any text editor
Text uses Notepad, available on most computers
This class will use HTML editor 1st Page 2000 (free download)

13. 1st Page 2000 Will use this software in class for HTML and JavaScript
If you want to install 1st Page 2000 on home computer go to Blackboard, Web Sites, Software for download link
Start up 1st Page 2000 in Normal mode

14. 1st Page Startup Select New Documents
Select blank document for HTML Project One
For other projects and resume assignment can select HTML document (includes standard HTML tags)

15. The elements of a Web page
Title – first thing you see
Displayed in bar above browser
Used when bookmarking Web page
Body – content that displays in browser window
Background – like wallpaper in Windows, can be color or picture

16. Elements cont. Normal text – the bulk of most Web documents
Lists – bulleted or numbered
Formatted text – bold, italic, fonts
Graphical elements – HR (horizontal rule), images
Hyperlinks – connection to another document

17. First web page Change title to My First Web Page
In body section display your name as a heading
Add a link to Pace University
Save as “first.html” and preview
Now we will upload this to your Web space

18. Your Web space Sign onto Blackboard, access Course Materials
Click link for Web Addresses and find your Web space
Url is webpage.pace.edu along with your Pace ID

19. Ws-ftp software Starting today you will create and publish html files
Software WS-FTP does the job of copying those html files into your web site
First confirm WS-FTP is installed on your machine

20. Ws-ftp software
To install click Web Sites, find link for WS-FTP software, download onto desktop, unzip and install
Download site for WS-FTP is
You can use this link to get the software for your home computer

21. Set up WS-FTP Start WS-FTP, then enter:
Profile Name: WS_FTP32 (or anything else you like)
Host Name/Address: webpage.pace.edu
Host Type: Automatic detect

22. Set up cont. User ID: yourID (your Pace e-mail ID)
Password: **** (last 4 digits of your ss#)
Account: (leave blank)
Comment: (leave blank)
Also, click on the Startup tab - In Initial Remote Site Folder: webpage.pace.edu

23. Now connect Click OK and you connect to your web server
The left hand side is the computer you are sitting in front of
The right hand side is the Web server

24. Setting up Your Web space
Create a new folder called “cis101” in your Web space
All your work for this class will go in this folder
Double click on the folder
Now upload your file “first.html”

25. Project One
Will produce a Web page using headings, a list, text, and a background color
We will use 1st Page 2000 rather than Notepad to create file

26. Viewing your Web page Use preview tab in 1st Page 2000 or
Open up page in browser (IE or Netscape) to view
Click File Open and select document
Start entering text (p. 1.11)

27. This week online HTML Text Introduction to HTML
Project One: Creating and Editing a Web Page
Online readings for material is in course docs week 05
Project Two: Creating a Web Site with Links
Online readings for material is in course docs week 06

28. Homework
Create project1 and project2 folders in your Webspace (inside your cis101 folder)
Complete project one and upload it to your project1 folder
Complete project two and upload it to your project2 folder

29. Next class meeting Bring your HTML book to class
Resume assignment will be handed out next class
Have a good break!