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 Other examples of page description languages: adobe acrobat and postscript

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!