9.9 Recent Web & Graphic Design Articles by David Karlins:

1. Using Layers for Transparency and Clipping in Illustrator CS4
2. Mapping Artwork onto 3D Effects in Illustrator CS4
3. How to Use Multiple Artboards in Adobe Illustrator
4. Page Design in Dreamweaver CS4 with apDiv Tags
5. Creating an Attractive, Useful Form in Dreamweaver CS4
6. Embedding Live Data in Dreamweaver CS4 with Spry Data Sets
7. Editing Paths in Adobe Illustrator CS4
8. Adobe Dreamweaver CS3 How-Tos: Designing Pages with Absolute Placement Objects
9. Adobe Dreamweaver CS4 How-Tos: Using Framesets
10. Creating an External Style Sheet in Dreamweaver CS4

10 Useful Build-Your-Own-Site Resoures

• Useable Info Technology (Jacob Nielson's UseIt site)
• Good design tips from Design Concepts
• Award winning sites: http://www.webaward.org/
• Lynda.com Web Safe Colors and more
• Register.com Domain name registration
• Find Your Own Web Hosting
• Domain Name Extensions Guide
• Download the free PDF converter PDF995
• Defining a concept - small business example by Ralph Hilliard
• Color Scheme Inspiration: Instant Color Schemes

Tutorials...

NEW: Video tutorials

Student / Teacher Resources

FROM THE COMPLETE IDIOT'S GUIDE TO DREAMWEAVER MX

1. CHAPTER 7 (Page Design with Tables)
2. CHAPTER 8 (Positioning Objects with Layers)
3. CHAPTER 13 (Designing Forms)

FROM ADOBE ILLUSTRATOR 10 VIRTUAL CLASSROOM...

Experience the ultimate in multimedia learning with this interactive resource. Text and an engaging video tutorial combine to create a unique and fun environment that teaches you how to use this remarkable Web and graphics program. David Karlins' Adobe ILLUSTRATOR Virtual Classroom includes over an hour of video lessons on the accompanying CD. Order the Adobe Illustrator Virtual Classroom.\

Read chapters (PDF files - require Adobe Acrobat Reader - best viewed and printed at 150%)

• 3 (Drawing)
• 6 (Pen tool)
• 7 (Blends)
• 8 (Pathfinder tools)
• 10 (Effects & Filters)

Watch (free) Illustrator tutorial videos! (Requires Quicktime player)

• Mastering the Pen tool
• Shaping type
• Using Filters and Effects

WEB DESIGN TOOLS & RESOURCES

Images (that you can use for web site content) -- slideshow

Manage an e-zene w/ a mailing list.

Set up a form collect data and have it emailed to yourself via emailme.

TUTORIAL VIDEOS (click to see all):

Designing interactive pages with CSS: Watch this demonstration of designing a page in Dreamweaver CS4 with AP Divs, and then programming thumbnails with behaviors to serve as a slideshow page. Watch video.

TEXT FORMATTING WITH CSS: I take a student's web page and play around with horizontal and vertical spacing, and color, to experiment with making type more inviting. Watch video.

Relative positioning with DIVs? Scenario: You want to defne a centered container in CSS with a relative size. AP Divs won't work because they are absolutely placed, and cannot be relative in size and placement. Want to do this in Dreamweaver? Watch video.

MEDIA RESOURCES:

Clip art animation | Embedded Quicktime Movie parameters | Flash Movie Parameters | Add live CSPAN to your site | Add NPR to your site | Video (RM format) you can add | Flash movies you can use in your site | Page with Media files | All Flash site | FLV Compression Info

ONLINE MEDIA EXAMPLES:

Streaming live CSPAN | Himalayan Fair | Himalayan Fair - Online video for beginners | AOL / Moviephone | Maya Wrap instructional video | MTV videos | Documentary video collection at truthout.org | Instructional videos | Student portfolios | Music video 1 | Music Video 2

Five Form tools

• Search box/engine - www.freefind.com
• CGI scripts (some free): CGI SPY, Hosted Scripts.com
• Send form data to an email address
• Attach CSS to form fields
• Sonic Spot - info on creating digital audio files for the web.

Add a Favicon (a Favorites icon)