Web Authoring and Publishing: Basics

Web Authoring and Publishing: Basics

Week 3 & 4

What is the deal? The Whole Process

Step 1: Web Authoring

Nvu File name:

reflections.html projects.html Index.html

Step 2: Publishing

FTP: File Transfer ProtocolThe program you will be using to "load"

your file

WS_FTP FL (free download in resources page)

Step 3: Find Your URL (Web Address)

URL: (Uniform Resource Locator): http://studentweb.cortland.edu/username/filename.html

http://studentweb.cortland.edu/water54/project1.html

http:// ?http://studentweb.cortland.edu/water54/project1.html

http:// ? http://studentweb.cortland.edu/water54/project1.html http:// tells the Web-browser to use the

hyper-text-transfer-protocol. studentweb.cortland.edu tells the browser to go to the

Cortland web-server computer. Username (water54) tells the browser to go to your

account on the Cortland web-server computer water54@cortland.edu – the account name is

water54. filename.html (project1.html) tells the browser to go to

that file on your account.

URL

eg: project1.html

http://studentweb.cortland.edu/water54/project1.html

eg: projects.html

http://studentweb.cortland.edu/water54/projects.html

eg: index.html

http://studentweb.cortland.edu/water54/index.html

Your Homepage: index.html

Your Homepage “by default”:

http://studentweb.cortland.edu/username/ eg:

http://studentweb.cortland.edu/water54/

So: index.html can be omitted in your homepage address (Why?)

Task for Today

Create your homepage: index.html (homepage)

Publish the homepage:

Know your URLs (the web address of your homepage)

Task for Today: #1

Have a sketch of your website using paper and pencil.

Design your main page

Task for Today: #2

Basics of Nvu

In pairs/groups, showcase/teach skills you picked up from exploring Nvu.

Task for Today: #3

Publish your homepage

Your Homepage: index.html

Your Homepage “by default”:

http://web.cortland.edu/username/

eg:

http://web.cortland.edu/shis/

URL

eg: project1.html

http://web.cortland.edu/shis/reflections.html

eg: resume.html

http://web.cortland.edu/shis/resume.html

eg: index.html

http://web.cortland.edu/shis/index.html