Uploading and Downloading files to and from your Host

 

1. Using FTP Programs

On the class disk you'll find an FTP Program (File Transfer Protocol). It's a utility program that is designed to upload/download web assets. It's Called Filezilla, and it's FREE (Open Source)

You can download FileZilla from here… FileZilla

You can find instructions on how to use FileZilla at this URL http://uofgts.com/BasicWD/lesson04.html

You can also find a FileZilla tutorial here… http://wiki.filezilla-project.org/FileZilla_Client_Tutorial_(en) 

2. Site Managers

Most web editors have ftp programs built in to Manage web site files… However the free CoffeeCup Editor does not have the capability to do ftp. That capability is reserved for the commercial version of Coffee Cup.

Bring your questions to class.

Welcome to How To Build a Website!

Our Objective

• To build a web site consisting of at least 3 web pages.
• Acquire a domain name
• Sign up with a HOST

How?

Discussion
Domain Names and registration
Signing up with a host

Domains and Hosts

What's the most important "THING" on a web page? What are the main parts of a web page?

Can you List them?

Write THEN CHECK OUT THIS LIST...

How do you put a web page together?

1. The Content First
• Create it with a text editor
• Later we will mark it up with xhtml/html5 in your web editor
2. The Layout
• Will be Created with CSS3 in your web editor
3. The Style
• Will be Created with CSS3 in your web editor

Web Page Creation: The Preparation

You'll need 2 folders on YOUR flash drive and/or Home computer

1. Make a "Master" website folder
   1. Name it with "Your name" something like "Garry-MasterWebsite"
   1. This folder only contains the files that makes your website work.
   2. And Make A "Webstuff" folder.
   1. This folder will contain the parts you collect to make your website...
      1. Things like, IDEAS, Text files, widgets, lists of links, graphics, pictures, videos... etc...

   Web browsers

   Here's a list that links you to web browser publishing sites Download all the browsers! Install them!

   The Web Editors

   If you already have a Web Editor, by all means, use it! The following is a link to a web page that discusses the various kinds of web editors and give you some choices. The goal here is to find a web editor that you like, and that will help you build your web site. The Web Editors

   Homework:  Write the most important part of your web pages

   The Content
   Always write the content first as plain text with no formatting.

   You'll find some ideas at this web page that will help you "layout" your web page. Lesson 1: Penciling it out!

    

   Most of all have fun! Get stuck, send an e-mail…

   Navigation Links

   • Week 1 (That's this page on my web site at the bottom of the page you'll see an RSS News feed that displays links to the last 5 articles on the class website blog)
   • Home   (Class Portal page)
   • Lesson 1 (Interesting stuff)
   • Domains and Hosts Resources 
   • Contact

   Vocabulary 

   URL

   ---Uniform Resource Locator

   HTML & CSS

   --- HTML, Hyper Text Markup Language, creates the content of a web page.

   --- CSS, Cascading Style Sheets, Creates the Styling for a web page.

   Provider

   --- Physically links your computer to the Internet.

   Host

   --- Provides the Computers (servers) to store and host your web site on the internet.

   Domain Name (Server) (DNS)

   --- makes a recognizable name for the actual numerical Internet address.

   Got a question? 'Holler!

Create A Web Site - Week 4

FTP --Uploading your web site...

The program of choice is Filezilla. There are versions for PC, Mac and Linux... There is a PC and Mac version on the CD (portable program version for your flash drive or you can install it on your computer at home).
Your text book has information about Filezilla in Chapter 8 pages 317 -320.  You'll also find some tips on using Filezilla in Lesson 4.
In class we used Filezilla to connect to a live web site...
If you need the password to use one of the classes free web sites, send me an e-mail.
After you upload your test web site in it's own folder, send me an e-mail... I'll made a main page on the test sites that will list links to fellow class members so they may view your web site... or just post the URL of your web site here!
The links to the web sites are here
Amsterdam (ad free) Angelfire (free but, they place ads on your page)...


Once you have uploaded a web site... always test the site!
1. Visit it on different computer, other than the one you used to develop it.
2. Have someone else visit your web pages... Your fellow students make good tester/critics or hire some one... or invite your neighbor over and buy 'em lunch or a serve some locally brewed ale!

More tomorrow...