Week #15: Final exam and FTP Tutorials

What we talked about in class today:

Final exam – test your knowledge with this practice exam.

File Transfer Protocol – How to get your site, images and pages onto a remote server.

Fetch Tutorial

WS_FTP Tutorial

Happy Holidays!

Week # 14: Forms, Basic CSS

What we talked about in class today:

• Forms and Spry
• How to control site and page design with Cascading Style Sheets

Homework:

There will be a quiz next week. Please review your notes from class.

Links:

Forms/Spry
CSS: An Introduction

Handouts:

HTML Tags Chart

Week # 13: Forms and Networking Tools

What we talked about in class today:

• Creating Interactive Forms
• Promotion through Social Networking

Homework:

Which social networking site do you like best and why. Email results to instructor by 5pm on Wednesday, December 10.

Links:

http://www.chrisbrogan.com/five-ways-to-connect-and-add-value/

http://www.cnn.com/2008/LIVING/worklife/11/05/cb.social.networking/index.html

Week #12 – Image Maps and Rollovers

What we talked about in class today:

• Selection tools.
• Image maps.
• Simple rollovers.
• Pointer rollovers.
• Multiple-event rollovers.
• Flash buttons.
• Navigation bar rollover.

Homework:

• Catch up on missing assignments.
• 1 example of good design for your notebook.

Helpful Links:

with HTML: http://www.designmeme.com/articles/cssrollovers/

with Javascript: http://www.designplace.org/scripts.php?page=1&c_id=21

Week #11 – Working with Tables

What we talked about in class today:

• Nesting tables.
• Sorting a table.
• Exporting a table.
• Outlining a table.
• Importing tabular data (from spreadsheets or CSV).
• Creating and adding links to a thumbnail gallery.
• Designing for computer screens, PDAs, phones

Homework:

• Catch up on missing assignments.

Helpful Links:

Mobile Design: Screen size trends for 2008+

Screen sizes and analytics

Table Activity

Week #10 – Working with Images (Continued)

What we talked about in class today:

• Positioning graphics.
• Adding a border around an image.
• Assign names and ALT text to image.
• Wrapping text around images.
• Adjusting the space around an image.
• Inserting a placeholder.
• Replacing a placeholder.
• Setting image editing prefs.
• Basic image editing within Dreamweaver.
• Aligning an image to a single line of text.
• Creating an image map.

Homework:

• Create thumbnail (32×32px) images of your art for your gallery.
• Catch up on missing assignments.

Cool Links:

Always specify a background color

Examples of what happens when you don’t specify a background color

Week #9 – Working with Images

What we talked about in class today:

Optimizing multiple images, using Photoshop for batch automation, writing actions, background images, images in tables.

Homework:

Bring in a single image (on a USB drive or disk) that contains (at least) 3 people or objects. Can be digital art, from scan of reflective art or photo. Approximately 1000 pixels wide.

Website of the Week:

http://www.carlosfalchionline.com/

Theme Related Link:

Happy Halloween! – It’s a basic page. Do “view source” and check out the code for table building insight.

Week #8 – Links, Buttons and Dreamweaver

What we talked about in class today:

Building the pages contained in your 3-page gallery. Creating links. Programming buttons.

Links:

Some ideas

Homework:

1. One (1) example of  good design for your notebooks.
2. 10-15 of your OWN images/art saved to disc or flashdrive.

Week #7 – Site Content and Dreamweaver

What we talked about in class today:

Builidng a splash page with requisite elements. Site content. Producing pages. Page layout. Dreamweaver – working with panels, property inspector. Adding content to your pages – text formatting, line breaks, non-breaking space, text prefs, importing text, aligning text, lists, and more.

Homework:

1. One (1) example of  good design for your notebooks.
2. 3 buttons/images (100×30px)

Examples of basic buttons:

Buttons created in Adobe Illustrator

Buttons created using photos in Photoshop

Cool Link:

Writing content that works for a living

Week #6 – Working with Dreamweaver Interface

What we talked about in class today:

The Dreamweaver user interface. Toolbar. Property inspector. Document window. Document toolbar. External editors. Preset window sizes. Panels. Defining a site. Using tools to create a basic webpage.

Homework:

1. Two (2) examples of  good design for your notebooks
2. Incorporate the font you chose last week (and either Photoshop or Illustrator) into the banner that promtoes you or your business.

For inspiration:

http://www.fuelyourcreativity.com/15-hottest-portfolios-on-behance/