Business Technology Class
Jackson Area Career Center
6800 Browns Lake Rd.
Jackson, MI 49201
517-768-5200

Mr. K's Assignment Website
Game Programming    Game Programming???    Game Programming

Resources

BPA | HTML/XHTML | CSS | PHP | Photoshop/Graphics/Design | Flash | Flash Games | Company Profiles


Graphics

FREE screen capture from TechSmith  
Logo Maker (can't save -- do a screenshot)  
Logo Maker 2 (right-click to save)  
Logo Maker site (not that good)  
Logo Portfolio  
Online flash creator - AWESOME  
Online Photo Editor - AWESOME  
Online Photo Editor - pixlr (drawing bad)  
vectorize images

Example Designs

16 Best Web Design Galleries for Inspiration:
http://sixrevisions.com/web_design/16-best-web-design-galleries-for-inspiration/

Design Layouts in Photoshop

35 tutorials for creating website layouts in Photoshop:
http://vandelaydesign.com/blog/design/website-layout-photoshop-tutorials/

Design a clean business website layout in Photoshop:
http://psdfan.com/tutorials/designing/design-a-clean-business-layout/

Create a professional portfolio website design in Photoshop:
http://psdfan.com/tutorials/designing/create-a-professional-portfolio-design-in-17-easy-steps/

Design a unique grungy website layout in Photoshop:
http://psdfan.com/tutorials/designing/design-a-unique-grungy-website/

Turn PSD (Photoshop Document) into HTML

Really Good tutorial to turn PSD to HTML:
http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/ (PART 1)
http://csshowto.com/layout/from-psd-to-csshtml-in-easy-steps-part-2/ (PART 2)
http://csshowto.com/layout/from-psd-to-css-xhtml-in-easy-steps-part-3/ (PART 3)
http://csshowto.com/layout/from-psd-to-css-html-in-easy-steps-part-4/ (PART 4)

Another really great tutorial to turn PSD to HTML:
http://nettuts.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

A tutorial with video tutorials to turn PSD to HTML:
http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/

Here is a list of their "top ten" tutorials to convert PSD to HTML:
http://designm.ag/resources/converting-psd-to-html/

How to design an HTML and CSS web site using Adobe Photoshop and Dreamweaver:
http://www.carlosaleman.com/tutorial.html

 

 



Home | JACC Classes | Online Classes | Tours | Teachers | BPA | Resources