Assignment
# Description Due Date
Class Intro and Initial Home Page
H0

Class Intro

  • Login on to IMC Computers
    Username: Full Saddleback Username (include @saddleback.edu, or ivc.edu) Password on IMC
  • Fill In Student Questionnaire - students who signed up for cim298 at the beginning of spring, have already completed the questionnaire. If you recently signed up for cim298 (i.e., March timeframe) then you need to fill in the questionnaire.
  • Login for Questionnaire is Saddleback Username, Password Student ID.
  • Also log in to blackboard and take Quiz 0 - blackboard login info
  • My main index page has videos on getting started and various course offerings at Saddleback.
  • Forward Your Saddleback E-Mail to an account you check. Login to Saddleback E-mail, go to options then settings.
Week 2
H1

Create Your CIM Home Page

Create a default home page on cim.saddleback.edu, blackboard has Video on using either Dreamweaver or FileZilla with cim. FileZilla is a new and improved video.

 Week 3
Discussion Board Site Analysis
H2

Due 4/2/2009 Post on Blackboard Discussion Board Previous CIM298 Portfolios

Blackboard has links to previous capstone/portfolio site, you must post you comments on these sites using the relative blackboard discussion board. You may want to rate the top three, or the ones you think are successful.

 Week 2
H3

Due 4/16/2009 Post on Blackboard Discussion Board Web Sites or Templates Sites

Find one or two impressive sites on the Web either portfolio or any site in general, post link/synopsis (including design methodology) in blackboard discussion board.

or

Comment/Find a Flash or Dreamweaver Template Site.

or

Comment on CIM272A CSS Designs,

Week 3
Dreamweaver Template Assigment and Fav Icon
H4 Complete the template assignments in Dreamweaver Textbook for tripsmart and blooms. If you have a studio 8 version of the book complete the tripsmart and emma's Books instead. Week 5
H5

Create and Implement a favicon for your portfolio, you can always change your favicon image to better match your final portfolio.

Develop a signature for your Web page, your signature should have a favicon.ico version. Favicon.ico is the icon that shows up in the address bar. Favicon works with firefox, and opera; But it is not working with IE. Browser should automatically find it if not, add a link tag in your index.hmtl page in the header, for example..

<head>
<title>MyGreat Index Page</title>

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">


</head>
<body>

.png, .gif and dynamic GIF are also supported

More info at configuring XHTML.

If you can find additional infromation on configuring apache, and/or browsers with favicon.ico let me know. Note if you click test1 you will see a bitmap icon. To create an favicon you need to create a 16x16, 32x32 or widerx32 graphics and then use a program to convert it to favicon.ico format. Your have two ways to do this....

  1. The web site convertico.com translates any 16x16 png, jpg, or gif to favicon.ico, online tranlation.

  2. If you familiar with a command line you can download this command line program png2ico . To use png2ico, xtract the file into the directory with your png files; Start --> Run (enter cmd) to start the command console window; Goto the location or your Fireworks document and type 'png2ico favicon.ico fireworks.png'.
 
Portfolio Site Building Blocks
P1

Under My Portfolio, port a link to your portfolio, make a few general comments about why you doing what you are doing. Also make sure you acknowledge any external sources for images/templates.

Also check out other threads and resond to one of the other students portfolio

 Week 7
P2 Determine your top level site design and theme i.e. what is the the main applications your will be using to generate your portfolio either: Dreamweaver, templates, Flash, Adobe, or CMS. Also will it be a CSS, Flash, CMS or Adobe Photoshop site. Week 3
P3 Determine your main three colors, and font-family. Week 4
P4 Determine your web site blue-print including file nomenclature and structure. Also create a favicon that relates to your site. Week 5
P5 Generate first cut or Portfolio - in class we will discuss sites, make sure your site passes validation. Week 6
P6 Finalize your portfolio site Week 7