Digital Design for the Arts and Humanities website

Digital Design homepageDaily Readings for Digitial Design courseDigital Design Course syllabusE-Mail Digital Design StudentsTechnology, Arts, and Media Program homepageSewall Academic Program homepageCU-Boulder homepage


Learning to FTP and Publish
your webpages on the Web

   

Reading: Dreamweaver MX, pp. 8-28

Assignment:  (Do before Class): Pick one of
your favorite websites and write one paragraph
discussing why you like this website. Come to
class with with a URL for your homepage.

For example, the URL for my CU homepage is:

Assignment:  (Do after Class)

2.  Using Ws-ftp or Fuguto access your

homepage on http://www.sewallprogram.com/

      1. Practice putting files on your website on
sewallprogram.com

3.  Using Dreamweaver to edit your CU Homepage

     1. Run Dreamweaver from your computer.

     2. Using Dreamweaver, go to File and select
"Open File" and enter in the folder and file name you want to open. Open up your CU home page file in Internet Explorer.

           See Chris Lewis home page in Dreamweaver.

      3.  Now type in some additional text into your Home page.

      4.  Now save this Home page file as "index.htm" on your computer.

      5.  Now open your SSH Shell program and select "Refresh."

      6.  Now select the index.htm file on your local computer and send it to the CU server your computer account is on.

      7.  After sending your index.htm file to the CU server, you must "refresh" the revised file you want to now view.  Because your computer will "cache" (or store) an earlier version of your file in its local memory, if you don't refresh the file, you will see the earlier, unrevised version of the file.

      8. Now call up your homepage in your web
browser.  Does your homepage look the way you expected it would?

1. Using Ws-ftp on the PC and Fugu on the Mac to transfer files on the web.

2. Settings for ftp window:

  1. Ws-ftp Connect
  2. Ws-ftp Login
  3. Ws-ftp Directory
  4. Ws-ftp Startup settings
  5. Ws-ftp Advanced settings
  6. Ws-ftp Firewall settings

3. You can set your password for your
cu login and identikey login to be the
same. This is a good idea.

4. You can change your account passwords by going to the Plus system.

2. Example of a student's first webpage

3. Using SSH shell on the PC to
transfer files on the web.

4. How do I view the HTML source code for a webpage?

  1. View HTML Source Code
  2. View HTML Code for a basic webpage
  3. How to view HTML source code in your browser


In Netscape,

  1. Click View on the menu bar, and then click Page Source.

  2. The page's source code opens in another window of Netscape.

  3. You can copy and paste text from this window into your own text editor and then manipulate and test the code. You cannot edit directly in
    the Page Source window.

In Internet Explorer,

  1. Click View on the menu bar, and then click Source.

  2. Notepad opens and displays the page's source code.

  3. You can copy then save the source code to your hard drive and manipulate the code.

5. Using Dreamweaver to Make Webpages

  1. Run Dreamweaver from your computer.

  2. Using Dreamweaver, go to File and select"Open File" and enter in the folder and file name you want to open. Open up your CU home page file in
Internet Explorer.

        See Chris Lewis home page in Dreamweaver.

  3.  Now type in some additional text into your Home page.

  4.  Now save this Home page file as "index.html" on your computer.

  5.  Now open your SSH Shell program and select "Refresh."

  6.  Now select the index.htm file on your local computer and send it to the CU server your computer account is on.

  7.  After sending your index.htm file to the CU server, you must "refresh" the revised file you want to now view.  Because your computer will "cache" (or store) an earlier version of your file in its local memory, if you don't refresh the file, you will see the earlier, unrevised version of the file.

  8. Now call up your homepage in your web browser.  Does your homepage look the way you expected it would?

6. Webpage File Naming Conventions

  • 8.3 rule - No more than 8 letters in a filename and no more than three letters in the html file extensions:  blank.htm.

  • Always use lower case letters, because the web is case sensitive: blank.htm, not Blank.htm

  • Always include a title for each webpage

  • Always use file names that reflect what the specific web page is about: index.htm, not Lewis.htm.

7. Web Design Fundamentals

  • Keep a "Digital Design" notebook

  • Keep a list of all webpage parameters

  • Keep a list of all file folders and file names

  • Keep backup copies of webpages on disks

  • Keep latest version of the webpage on the internet

  • Always download latest version from the internet

8. Digital Design Fundamentals

  • Keep a "Good Design" notebook

  • Collect examples of good design from the print media

  • Collect examples of good design from the web

  • Collect URLs for Award-winning Web sites

  • Collect URLs for Web Design Tools web sites

  • Keep sketches and doodles for future designs

6. What are some of your favorite websites?  What are some of the websites that you think are the 'coolest"?


| Home Page  | Readings | Syllabus | Web Resources | Top of Page |

Number of Visitors to this site: 
4814                   by Chris H. Lewis, Ph.D.


© 2000 by Chris H.  Lewis, Ph.D.
Sewall Academic Program; University of Colorado at Boulder
Created 1 June 2000:  Last Modified: 23 January, 2006
E-mail: cclewis@spot.colorado.edu
URL:    http://www.colorado.edu/AmStudies/lewis/Design/coding.htm

 

Good Web Design Sites
Award-winning Web Designs Great Web Design Books Sewall Class Web Designs
Digital Design Course homepage