Preparing Graphics for the Web


This one-hour tutorial goes over the process of taking a PhotoShop® designed webpage and converting it into the html starting point for a web programmer.

Topics include: slicing the design, save for web & devices, .jpg, .png (8 and 24), .gif, 256 color pallets and file optimization.

Adobe Illustrator, Photoshop and Adobe Premier are registered trademarks of Adobe Systems Incorporated


Comments (5)

Subject - Aman

PSD to XHTML is an important step of web development. Moreover, PSD to HTML conversion carries huge importance for web creation and it can never be neglected, if you wish to fulfill the specific business requirements. Making website based on Joomla, WordPress, Drupal and Magento whatever, there is no way without PSD to HTML Code. Since for online business, website is like an asset. It is very important to develop a website while considering the issues like accessibility, cross browser compatibility, SEO and compliance to web standards.
-Aman
www.pioneersoftek.com

- Magento Web Developer

This is an awesome video tutorial. This video is not only helpful to beginners but also very helpful to expert designers. With this video you can easily preparing graphics. Thanks for sharing this awesome video with all.

nice video tut - rejis

it was comprehensive. Liked the tut.
Thanks for sharing

Future of the Web - Custom IDX Guru

There is no doubt that CMS systems are taking over the web.

Found this video on slicing in photoshop useful - Jason Tyler

Thank you for this, I had an assignment on converting a PSD to HTML, this post really did help me finish my assignment so thanks.

Also, if anyone is looking for a decent "How to Photoshop" tutorials site, you may wannt check out http://www.ticalicodesigns.com

Thank you
Jason Tyler


Post a comment

* *
*
Comment*
Click for new image

External links provided on Rasmussen.edu are for reference only. Rasmussen College does not guarantee, approve, control, or specifically endorse the information or products available on websites linked to, and is not endorsed by website owners, authors and/or organizations referenced.

 
 
close

Request Program Information Request Program Information

Rasmussen College, SUPPORT+, and You

Experience the value of our SUPPORT+ network of student services by speaking with one of our program managers. We'll assign the program manager best qualified to support and contact you by phone or email to discuss your future at Rasmussen College.

Please complete all fields

Personal Information


Campus and Program Selection

Privacy and Consent

This information will be used to contact you through various means, which may include: phone, voice messages, text messaging, email, and postal mail about the programs and services that are offered. By submitting your information you agree to be contacted. We do not share your personal information with outside parties without your permission unless legally required.