WEB DESIGN SKILLS

If you want to start by using what is already on your web site:

To add all the parts to your web card:

Basic Skills:

Type New Version
Link Another Web page (The video starts by saying it is going to tell you to create an email - but then it tells you about the web page link)
Link email address
Link Another page in your site
Link another spot on your own page
Picture Add a picture
Background Background Picture
Better Backgrounds

To make your background picture nicer in Google Drawing

To make your background picture nicer in irfanview

   
Picture/Link clickable picture with a link behind it
Picture/Link thumbnail picture using google drawing and Seamonkey
Metatext Title
Embed HTML Embed HTML code YouTube and Maps

You can use cyberduck instead of filezilla. You can download cyberduck from here. This movie gives a brief intro to cyberduck.

Add some advanced tools


Problem Pictures:

If your picture shows as a red x: 
Read: Fix you picture shows as a red x 
Watch: Fix your picture shows as a red x

When Seamonkey ignores your background picture change: movie / instructions




Making your background picture nicer:

You can use GIMP to lighten your background pictures
OR You can use google drawing to lighten your background pictures.

Adding office documents to your site
Advanced Thumbnail: Add a thumbnail for many pictures using irfanview

Other Help:

Verify you have permissions set properly on each file in your website: movie / instructions

Verify you have permissions set properly on public_html: / instructions

To copy your files up to panther and check your work (see it on the internet):
  1.   Copy files from your PC back to panther (Be sure to copy all files and override - the movie only copies index).
  2.  Refresh your browser
  3. Ask someone else to check your site from their computer.
Background powerpoint - webdesign.ppt


FTP Guide
Debugging Tips
Steps to start a new site
  Adding sound files to your web pages.

Online Final Web Project

Start your final web project with a navigation bar created by tables