Download make up class

CIS101
Introduction to Computing
Make up class
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
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
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
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
Web browser

Software that interprets and displays
Web pages
Input ->HTML
Output ->Graphical Display
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
Web documents


Web documents contain text,
multimedia, and links to other
documents
Also know as Web pages, are written in
HTML (Hypertext Markup Language)
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
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 HTML
http://werbach.com/barebones/barebone.html
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>
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)
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
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)
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
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
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
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
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
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.com/download.htm
You can use this link to get the software
for your home computer
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
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
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
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”
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
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)
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
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
Next class meeting



Bring your HTML book to class
Resume assignment will be handed out
next class
Have a good break!