Web Authoring and Publishing Basics Task for Today

Web Authoring and Publishing Basics

Task for Today p Create your homepage: n index. html (homepage) p Publish the homepage: p Know your URLs (the web address of your homepage)

What is the deal? The Whole Process

Step 1: Web Authoring Nvu p File name: p n n n reflections. html projects. html Index. html

Step 2: Publishing p FTP: File Transfer Protocol The program you will be using to "load" your file p File. Zilla p Other _FTP free FTP programs: refer to Resources page

Step 3: Find Your URL (Web Address) p URL: (Uniform Resource Locator): http: //studentweb. cortland. edu/username/filename. html p http: //studentweb. cortland. edu/amanda. bishop/project 1. ht ml

http: // ? http: //studentweb. cortland. edu/amanda. bishop/project 1. html

http: // ? p p p http: //studentweb. cortland. edu/amanda. bishop/project 1. 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 (project 1. html) tells the browser to go to that file on your account.

URL eg: project 1. html http: //studentweb. cortland. edu/amanda. bishop/project 1. html eg: projects. html http: //studentweb. cortland. edu/amanda. bishop/projects. html eg: index. html http: //studentweb. cortland. edu/amanda. bishop/index. html

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

Task for Today: #1 p Design one page - your homepage using Nvu and name it index. html

Task for Today: #2 Basics of Nvu In pairs/groups, showcase/teach skills you picked up from exploring Nvu. p

Task for Today: #3 p Publish your homepage

Your Homepage: index. html Your Homepage “by default”: http: //studentweb. cortland. edu/username/ p eg: http: //studentweb. cortland. edu/amanda. bishop/ p

URL eg: project 1. html http: //studentweb. cortland. edu/amanda. bishop/project 1. html eg: project 2. html http: //studentweb. cortland. edu/amanda. bishop/project 2. html eg: index. html http: //studentweb. cortland. edu/amanda. bishop/index. html