Welcome
Welcome to CIS 58.53B, Advanced Web Graphics. This course will
be taught entirely online. You will read the Lecture pages, visit
the Resources links, dialogue with your fellow students by the Class
Message List and turn in your homework online. You will be continue
creating 2 websites for fictional clients. If you have not taken
58.53A class recently, you need to check with me about what state
your 2 sites should be in to start this class. Click on the link above.
CATE's
Online Resource List for SRJC
Here you will find information on your readiness for online classes,
JC labs, student email accounts, articles on online classes and
other SRJC online resources.
Course
Text
There are two required texts, one a book and the other a CD
that will be used for both the A and B classes. The book is Lynda
Weinman's Photoshop 6 ImageReady 3 Hands-On Training available
in the student bookstore. The CD is Linda Hemenway's Instructor
Notes available in the Santa Rosa and Petaluma campus bookstores
($25.00). You need to ask for the CD, it won't be displayed on the
shelf. The CD is also available at L&L Books ($20.00) or online
($20.00 plus shipping).
Recommended
Text
Non-Designers Web Book by Robin Williams, (Peachpit
Press). This text is required for APGR 72, Principles of Screen
Design which is part of the Web Certificate program. This text will
help with design issues.
top
Check
In
If you haven't already, please Check
In to activate your Username and Password for this class.
How
the Website Works
"Lecture"
material is found on the Lessons pages, one for each week.
The numbers under the main navigation bar and to the right of Lessons
are links to each Lesson page. At the top of each Lesson page, there
will be a brief description of the week's assignment. In addition,
there will be links along the left side of the page leading to a
page Examples, a page of Frequent Mistakes and examples that missed
the mark, and a Resources page of Links to WWW websites of excellence
and former students' work. You should plan to spend at least 30
minutes per week checking out these links. Some lessons will have
links to tutorials found on the internet that cover the week's topic.
Throughout
the site when you are linked to a page outside of the site or a
page without navigation, it will open in a new window. Close the
window to go back to the class site. When a second window is left
opened and you go back to the class site any additional clicks on
these outside pages will replace the new window with the last page
clicked on. This should guarantee that no more than 2 windows will
be opened at the same time.
The
Homework page will be the page you go to most often. You
will submit your homework from this page. At the top is a link to
a Homework-at-glance page. This page has a table of assignments,
a quick view of what is due and when, with links to the Submit Forms
and links to your fellow Classmates' URLs. There is also a link
for each week's main assignment to a Check List page that gives
a list of what I look for when I grade. I strongly recommend that
you look these Check List pages over before turning in your assignments.
This will assure that you have completed all the necessary elements.
Back on the Homework page is a table with a more detailed description
of each assignment with links to samples of what they should look
like. Here, you will also find Submit Form links, Classmates' links,
and the Check List links.
In
the main navigation bar, there is a link for putting up messages
to the class. The Message List can be used as a discussion
forum and a place to ask questions. One of the drawbacks from taking
an online class is that you don't have direct contact with your
fellow students. I have found that the Web Graphics class is one
where students become avid about talking with their classmates.
Students bond over the experience of learning the nuances of Photoshop
and designing web pages. I want to encourage everyone to post their
questions, revelations, inspirations, etc. to the message list.
Your messages are forwarded to everyone in the class via email and
archived to the Message List Archive. You will find a link to the
Message List Archive at the top of the Message List pages and there
is a link to the Message List at the top of the Message Archive
page.
top
Web
Hosting
You
can choose to host your site with a commercial ISP, any of the numerous
free web hosting servers, or with the SRJC web server "student."
If you have an account with Sonic Net, Earthlink, Pacific Net or
some such other ISP, you are entitled to space on their servers
and most likely will want to host your site there. There are many
free servers that do hosting available to you as well. Geocities,
Tripod, Angelfire are a few that I have seen around. Most of these,
unfortunately put ads on your sites. Recently, I heard about brinkster.com
that will host for free with 30 MB of space. There will be no ads
on the sites, but you will encounter them when uploading.
The
instructors and lab staff only provide technical support for the
Web server "student". I suggest you use "student"
if you are unsure of file directory structures. That way I can look
into your directories and diagnose where you went wrong. (I can
also do this on Sonic Net as I have an account with them).
Using
"student" will add the complexity of using a Secure
Shell (Telnet) to
set up your account and
Secure FTP software. Unfortunately, Fetch, WS_FTP LE and the FTP
functions in Web Authoring software like Dreamweaver will not work.
You have two choices: come into the lab and use the secure software
OR you can download the software (see below) and work at home.
Creating
an Account on the SRJC Web server "student"
As students
enrolled at SRJC, you are provided with an account on the web server
called simply "student". Veterans of previous CIS courses will remember
"gracie" which has now been replaced by "student."
The account is free to you for the current semester and will remain
active as long as you are enrolled at SRJC. If you are not enrolled
for 2 consecutive semesters your account will be removed. I believe
there is a 10MB limit on the account, however you should have plenty
of room to store the files required for this class.
Linda
Hemenway has created a page
of instructions for creating your student account, FTP, and
accessing your pages.
Secure
Connection to Your SRJC "student" Account
You need to download and install a Telnet program that will allow
you to log onto the campus Web server "student" and create
a directory or folder where your Web pages can be stored. The above
page
of instructions will also lead
you to detailed step by step instructions and links to the sites
for downloading.
Secure
Connection to Your Gracie Account
In order to access your Gracie account, you must now use Secure
Shell (Telnet) and Secure FTP software. Unfortunately, Fetch, WS_FTP
LE and the FTP functions in Web Authoring software like Dreamweaver
will no longer work. You have two choices: come into the lab and
use the secure software OR you can download the software and work
at home.
Mac
Users: Click on this link to get information on downloading
and using Secure Telnet and FTP software:
http://www.sonic.net/~webclass/gracie/gracie-psswd-mac.html
PC
Users: Click on the this link to get information on
Downloading
SSH Client Software for the PC or
Using
SSH Client Software for the PC
If you are planning to use Gracie,
you will need to contact me first.
I will need to give you a temporary password that you will use to
log on and change it to one you choose. This needs to be done as
soon as possible.
top
FTP
Instructions and Tutorials
FTP
Defined
The
2 websites you will be creating will be posted to the web using
a Web server, either the student server or one of your choice. If
you would like to copy all your HTML files and images from your
computer to a Web server, you will need to use a procedure known
as "FTP." FTP (short for File Transfer Protocol) is a way of transferring
files from one computer to another over the Internet. This is the
technique you will use to transfer HTML documents and images from
your computer to the computer that will host your web pages (ISP
server or "student" server at SRJC).
FTP
Software FOR THOSE NOT USING THE STUDENT SERVER AT SRJC
Windows users should obtain and install a
program called WS_FTP found at:
http://www.ipswitch.com/Products/WS_FTP/index.html
Go
to the Ipswitch
Website to obtain a 21 day trial version of the software.
Mac
users should download and install FETCH, from this URL:
http://fetchsoftworks.com/
WS_FTP
(PC Users NOT
USING THE STUDENT SERVER AT SRJC)
After
you launch the software an opening screen displays. You need to
identify values for "host", "user id" and "password".
Host Name: contact your ISP, e.g. ftp.sonic.net
User ID: The
username you use for your account, usually what you use for
your email address, in my case: haveart is my username, haveart@sonic.net
is my email address
Password: You have to remember this one from when you created
your account.
Local Folder: A or C
Remote Site Folder: This is the directory on the server where
the pages will be stored. Please Note - this setting is not on the
first screen. To find it, select the Advanced Properties button.
Select the Startup Tab at the top of the window. Another screen
appears, enter the directory path in
the box for "Remote Site Folder."
Contact your ISP, this is different for different servers. e.g.:
/home/WWW/username or public_html, on my sonic account it is: /home/www_pages/haveart.
Moving
Files
Now you will see a screen which shows the files from your disc
or hard drive, on the left, and the files on your Web server on
the right. Use the arrow buttons in the center of the screen to
move files from your disc to the Internet or visa versa. As the
files move across a window will appear which marks the progress
of the upload. You can also rename files or delete them by accessing
the buttons at the far right.
Viewing
Your Site
After
you have loaded your index.html page onto the Internet, open Netscape
or IE and type in your URL e.g.: http://student.santarosa.edu/~username/,
http://www.sonic.net/~username, http://www.home.earthlink.net/~username
top
FETCH
(Mac Users NOT
USING THE STUDENT SERVER AT SRJC)
Fetch
has been going thru some changes lately. Jim Matthews, who created
Fetch bought the rights to his FTP client from Dartmouth College
and founded Fetch Softworks with his winnings on the U.S. television
game show "Who Wants To Be A Millionaire." "Fetch 4.0" costs $25
for individual use. If you want to purchase or download a 30 day
trial version of Fetch 4.0, or download Fetch 3.03 which is free
forever visit this page:
http://fetchsoftworks.com/
Once
the program has been downloaded to your computer use Stuffit Expander
to convert expand the file. The Fetch installer will appear on your
desktop, double click on the icon. Identify the location where you
would like to install the software, then select the install button.
When
you launch Fetch, an
opening screen will ask you to enter values for: "host" "user
ID". "password" and "directory".
Host
Name: contact
your ISP, e.g. ftp.sonic.net
User ID: The
username you use for your account, usually what you use for
your email address, in my case: haveart is my username, haveart@sonic.net
is my email address
Password:
You
have to remember this one from when you created your account.
Directory: The path to where the pages will be stored on
the web server. Contact your ISP, this is different for different
servers. e.g.: /home/WWW/username or public_html, on my sonic account
it is: /home/www_pages/haveart
Moving
Files
You
will see a screen which lists all the files in your directory. If
this is the first time you have loaded your web site you won't have
any files. Once you are in your directory select the Put button.
This pops you into a dialog box where you can browse to the file
you want to load.
After
selecting the file a dialog box will appear which asks what formats
you want to use in uploading files. Select Text for all HTML documents.
Then select OK and the file will be fetched by our faithful doggie.
You may want to add graphics files as well. When you select a graphics
file fetch wants to send it as a MacBinary. Change the format to
Raw Data and then send it. To load several files at once Remote
menu > Put Folders and Files This dialog box will appear. Double
click on the files you want to move and they will appear in the
bottom area of the window. When all the files are displaying in
the lower window select Done.
If
you want to take a file from the Internet and bring it to you then
highlight one or more files and select the Get. button.
Viewing
Your Site
After you have loaded your index.html page onto the Internet,
open Netscape or IE and type in your URL e.g.: http://student.santarosa.edu/~username/,
http://www.sonic.net/~username, http://www.home.earthlink.net/~username
Other
sites with FTP information:
Janet
Zagoria, an HTML instructor at the JC has a page on her site explaining
FTP with links for downloading WS_FTP and Fetch, and tutorial links
for both programs. She also has a page explaining the differences
of the different versions of WS_FTP.
http://www.zagdesign.com/srjc/ftp.html
top
Understanding File Directory Structures
The
beginning HTML class is required before taking this class. It is
most important to understand about file directory structures. The
file directory structure affects the URLs and the code.
Above
is a screen shot of a file directory structure. If you were going
to type in the URL for the about page, assuming it is on my Sonic
Net account, it would be:
http://www.sonic.net/~chaverin/Webgraphics/campus_website/about.html
On
SRJC's student server it would be:
http://student.santarosa.edu/~chaverin/Webgraphics/campus_website/about.html
If
your image_b was broken, double check your img src tag, it should
say:
< img src="campus_images/image_b.gif" >
Always
double check for upper and lower case errors. Underscores_ and dashes-
frequently are mixed up.
Click
here to see more examples of File Directory Structures
|
