Web Authoring and Publishing

1
Web Authoring and Publishing
Basics
2
Task for Today

• Create your homepage
• index.html (homepage)
• Publish the homepage
• Know your URLs (the web address of your homepage)

3
What is the deal? The Whole Process
4
Step 1 Web Authoring

• Nvu
• File name
• reflections.html
• projects.html
• Index.html

5
Step 2 Publishing

• FTP File Transfer Protocol
• The program you will be using to "load" your file
• FileZilla _FTP
• Other free FTP programs refer to Resources page

6
Step 3 Find Your URL (Web Address)

• URL (Uniform Resource Locator)
  http//studentweb.cortland.edu/username/filename.h
  tml
• http//studentweb.cortland.edu/amanda.bishop/proje
  ct1.html

7
http// ?

• http//studentweb.cortland.edu/amanda.bishop/proje
  ct1.html

8
http// ?

• http//studentweb.cortland.edu/amanda.bishop/proje
  ct1.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 (amanda.bishop) tells the browser to go
  to your account on the Cortland web-server
  computer
• filename.html (project1.html) tells the browser
  to go to that file on your account.

9
URL

• eg project1.html
• http//studentweb.cortland.edu/amanda.bishop/proje
  ct1.html
• eg projects.html
• http//studentweb.cortland.edu/amanda.bishop/proje
  cts.html
• eg index.html
• http//studentweb.cortland.edu/amanda.bishop/index
  .html

10
Your Homepage index.html

• Your Homepage by default
• http//studentweb.cortland.edu/username/
• eg
• http//studentweb.cortland.edu/amanda.bishop/
• So index.html can be omitted in your homepage
  address (Why?)

11
Task for Today 1

• Design one page - your homepage using Nvu and
  name it index.html

12
Task for Today 2

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

13
Task for Today 3

• Publish your homepage

14
Your Homepage index.html

• Your Homepage by default
• http//studentweb.cortland.edu/username/
• eg
• http//studentweb.cortland.edu/amanda.bishop/

15
URL

• eg project1.html
• http//studentweb.cortland.edu/amanda.bishop/proje
  ct1.html
• eg project2.html
• http//studentweb.cortland.edu/amanda.bishop/proje
  ct2.html
• eg index.html
• http//studentweb.cortland.edu/amanda.bishop/index
  .html