CIS101 Introduction to Computing

1
CIS101Introduction 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 -gtHTML Output -gtGraphical 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)http//www.scsite
  .com/offxp/qrex1.htm

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

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
  http//www.htmlhelp.com/
• Barebones Guide to HTMLhttp//werbach.com/barebon
  es/barebone.html

11
Elements of HTML document

• HTML elements include headings, paragraphs,
  hyperlinks, lists, images, and other graphical
  elements
• Most HTML elements follow this patternstart
  tag content end tagexampleltbgtThis is now
  boldlt/bgt

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
  e-mail 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 http//www.ftpplanet.c
  om/download.htm
• 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!