HTML, Web Servers and FTP.

What is HTML?

HyperText Markup Language (HTML) is a language to specify the structure of documents for retrieval across the Internet using browser programs of the World Wide Web.
HTML is an application of the Standard Generalized Markup Language (SGML) which is the International Standard (ISO 8879) for text markup. The principle of markup languages is that it concentrates on structure rather than appearance, making the files more reuseable and leaving the visual details to the end-user software (like the browser you're reading this with now). More information:
http://www.yourhtmlsource.com/starthere/whatishtml.html
http://www.google.com/search?hl=en&lr=&rls=GGLD,GGLD:2004-31,GGLD:en&oi=defmore&q=define:HTML
http://computer.howstuffworks.com/web-page.htm

Let's make a simple HTML page using TextEdit. It will look like this:

<html> <head> <title>This is my first HTML page!</title> <body> <h1>Hello!</h1> <p>This is the first time I have created a page in HTML. It's <font color="red">cool!</font></p> </body> </html>

OR THIS:

Hello!

This is the first time I have created a page in HTML. It's cool!

What is a Web Browser?

Web browser: A program that runs on an Internet-connected computer and provides access to the riches of the World Wide Web (WWW). Web browsers are of two kinds; text-only browsers and graphical Web browsers such as NCSA Mosaic and Netscape Navigator. Graphical browsers are preferable because you can see in-line images, fonts, and document layouts. (http://linux.about.com/cs/linux101/g/Web_browser.htm?terms=web+browsers)

How Web Servers Work

http://computer.howstuffworks.com/web-server.htm

What is FTP?

Check out these definitions of FTP (and here).

Using Dreamweaver to Create Web Pages

Craig will provide you an overview of Dreamweaver MX 2004.

Then, on your own, read through the following lessons:

Hands-On Lesson 1: Introducing your software (PDF / Word)
Hands-On Lesson 2: Creating your first web page (PDF / Word)
Hands-On Lesson 3: Working with text, layout, and links (PDF / Word)
Hands-On Lesson 4: Creating a simple web-based lesson (PDF / Word)
Hands-On Lesson 5: Setting up a new site (PDF / Word)

Activity for LEIK12, February 9 (this is covered--the Dreamweaver part anyway--in Hands-On Lesson 5)

Open your hotlist into Word.
Save it as an HTML file. DO NOT USE SPACES in FILE NAME. Filename must end in .htm or .html
Open Dreamweaver
Setup new site with your CUIP account username and password
1. NOTE: ftp server is cuip.net
2. root directory is www
3. DON'T save your password
create a new folder on the desktop for the local root folder
copy your hotlist into there
open Site Files window, expand
drag and drop hotlist file into remote root directory (www)
open browser
go to http://cuip.net/~username
Do you see your file?

About your CUIP Web Account

You will be given a username (or login) and password. Please write these down and save them in a safe place. You will need them to upload your hotlist and webquest, and to make any revisions or updates.

To log into your CUIP account, use Internet Explorer (or use other FTP client; see below) and do the following (NOTE: this only works on a PC) :

type ftp://cuip.net into the address bar of Internet Explorer
you will be prompted to enter a username and password
enter your assigned cuip username and password
you will automatically be logged into the root directory of your cuip account
notice the "www" folder; this is the folder that any files accessible via http:// (normal web browsing) must be within
double-click on the "www" folder to open it
to put files into the folder, simply copy and paste them one by one or in groups from the Windows Explorer or Mac Finder into the Internet Explorer window.
to get files from the server, simply copy and paste them one by one or in groups
you can also use various options on the Internet Explorer menus
to end the FTP session, simply choose File | Close.
email Craig with any remaining questions

Additionial information about your account is available here. (NOTE: you will need to replace "dduck" with your username and use your password, not Mr. Duck's! Also, "webinstituteforteachers.org" and "cuip.net" are equivalent in all circumstances.)

If you wish to use a more robust FTP program to transfer files to and from your CUIP account, I suggest SSH Secure File Transfer (for the PC), a version of which is available here (and a manual for which is available here.) On a Mac, use Fetch, available here.

Your account can be used to send and receive email. For more information about using CUIP WebMail, click here.

You can also use Mozilla Composer or Macromedia Dreamweaver to publish your page. For additional information on Composer, see the Hands-On Lessons for Curriculum Webs or click here. For additional information on Dreamweaver, see the Hands-On Lessons for Curriculum Webs or click here.