Author Login | Popular Articles | RSS Feeds | Sitemap

Home | Internet-and-business-online | Web-design


5 Photoshop Tips for Web Design Beginners

By: Andrew143 Martin143

5 Photoshop Tips for Web Design Beginners
Learn 5 simple tips you can do in Photoshop to make sure you, the web designer, are using in order to create efficient, user-friendly web sites.
1. 1024 pixels wide or less - If the is one thing that web site visitors hate, it`s having to scroll left and right in order to view a whole web page. Make sure if you are designing a web site in Photoshop, keep it to 1000 pixels wide or less. This allows users using 1024x768 monitors to see the whole page and leaves a little room for window edges, etc. To be totally safe, you may decide to make your pages 800 pixels wide, however as only 8% of site visitors are using an 800x600 resolution (according to a January 2008 W3Schools report), we may finally be safe to make the jump up to 1024. 2. Always "Save for Web" - Even in the age of ultra-fast internet connections, page load time is still an issue. Photoshop helps out a lot with this by exporting images with very compact file sizes using the "Save for Web" mode. A great testament to this is saving the same image using "Save As" and "Save for Web" as 2 JPEGs with the highest quality setting. The image outputted by "Save As" will have a much larger file size. NOTE: Only use "Save for Web" when file size is more important than image quality. The images exported by "Save for Web" will see a slight quality reduction, but when designing for web, it`s something we must accept. 3. When you do "Save for Web," save the right format - Photoshop`s "Save for Web" feature lets you choose between JPEG, GIF, and PNG files, and when exporting slices for web design, we are not limited to choosing one format for the entire page. This is why it is always a good idea to check the output file size (in the lower left corner of the `Save for Web` window) for various slices. Try different settings for each slice to get the right balance between file size and image quality. PNG and GIF are best for images with only a few colors; JPEG is better for images with a lot of color or tonal variety. 4. IMG ALT - One HTML attribute that many web designers sadly overlook is the IMG ALT attribute. The ALT attribute is not only good for search engine optimization, but is also a necessary feature for web site visitors with disabilities or those who are on a slow connection. You can set ALT attributes of slices by double -clicking then using the Slice Select Tool. The value should be a description of the image in the slice, or, in the case of a slice containing graphic text, what the text says. 5. Be careful with transparent PNGs - If you are exporting PNGs with transparency from Photoshop for web design use, make sure to test the page in all common browsers before taking the site "live." Internet Explorer 6 and lower do not support PNG transparency out of the box. This is, unfortunately, a major issue, as the majority of web users are still using it - despite its status, in one man`s opinion, as the worst browser ever made. Luckily, there are several scripts one may use in their HTML code to fix the PNG problem in IE6. A quick Google search for `ie png fix` will find the latest fixes.

Article Source: http://www.articlesnatch.com

About the Author:

Andrew Martin is Creative Director for Regal Creative, a Milwaukee,Wisconsin-based Web Design and search engine optimization company. Find more information about Web Site Design here.

| Print | Ezine Ready | |

Recent Web-Design Articles

  • Designing and Maintaining Websites for a Variety of Clients! By: 75431 - There are some very important things you must do SEO-wise while designing your website. Proper web design is not a difficult task; it is just a matter of designing your website from a viewer’s point of view. Many printing and business gift companies like ft promotions provide all the information you need to know about ordering, shipping and designing promotional mugs right on their website. For more details go to www.thedesignbuild.
  • Designing Your Website a Writing a Business Plan! By: Pritinder Singh - I am happy to say I have made a couple of friends through my articles, one Bipolar man overseas that might team up on designing a website with me, and another Bipolar girl in my own city who is going to become a café latte coffee friend and someone to chat to on the phone.
  • Web Design in Orange County By: David Adams - It’s easy to make websites if you have a do-it-yourself book on web development. You can just open a beginner web development tool, plug in a couple of pictures, type in your content and voila! You have your very own website. Easy isn’t it? Wrong. If you’re a professional entity, you can’t just create your website in such a runabout manner. If you already started out down this road then you should retrace your steps and start fresh. Hopefully this time you already hired a professional web development company to do the job for you.
  • Making a Professional Website By: David Adams - Web development is a term that gets thrown around a lot in “do it yourself” websites. This is the standard for each “do it yourself” tutorial for every beginner out there who wants to learn – create a website, upload it on the web, then share what you want to share. The fancy techniques are given out once in a while when the beginner gets some experience. But when a person of that caliber thinks that I (all by myself) will make a professional website that will represent a large company, then this is where the line is drawn.
  • How We Can Improve Our Website Design Success? By: doctorsaab - Ever since the internet became the world’s largest marketplace, experts have been trying to interpret the important aspects of a successful ecommerce website design. Is it content, design or shopping cart facilities? Is it search engine optimization, or simply the product that sells? Given below are some of the most important features of a victorious ecommerce website design. Content, content, content: If you thought that your product makes you stand out from the opposition, you are seriously mistaken. According to surveys, fewer than 12% of all internet websites sell unique products.
  • Tropical Myspace Layouts: For a Refreshing and Relaxing Site View By: Funster Funster - Tropical Myspace Layouts: For a Refreshing and Relaxing Site View Customizing your site in Myspace in accordance with the season such as during spring, summer, or perhaps the love month, which is February is as exciting as refreshing. Since the advent of Myspace, its popularity continues to rapidly increase. Its recognition, which started with the teens for emotion, thoughts, pictures, and updates sharing, has now spread among business entities. As the fame of social networking supersedes that of chatting sites, so is the call to improve and enhance its features.
  • California Websites By: David Adams - With California as the center of the movie industry, it’s not surprising that a lot of business has flourished around the site and up to today, it still plays host to a surprising growth spurt in terms of emerging industries like the health and beauty sector. Well, this isn’t the only business sector in California that’s blooming but this certainly is one of the most noticeable since more and more Californians are looking towards improving their health and beauty to cope with their surroundings.
  • Keys to a Successful Website By: David Adams - At present, having a website is the fastest to showcase your product to a much wider audience - be it a product, a service or just a cause that you would want others to know. Well, anyone can make a website with all the easy-to-use web development programs and upload it on the World Wide Web. This surely is fastest way anyone can get a page up on the net but will this kind of site be enough to lure in the visitors which your website needs to be really called successful?
  • SEO in San Diego and with Crest Media Inc. By: David Adams - Having a website today is simply not enough to get message across to your prospective clients where there are thousands of others out there trying to say the same thing you are. The only difference comes to how you get those same people to notice through the most popular way how, through search engines. Search engines are every browsers best friend and it can also make or break the success of a website. Search engines such as Yahoo!
  • Be On Top of the Search Engine Results By: David Adams - The internet has been around for almost two decades and through all this time, millions if not billions of pages came and went through the browsers of each surfer’s monitor while more are being created as you read this article. If you think about it, how is a website found when there are a million websites out there, each vying for the attention of a browser? Aside from the direct input of a specific address, most users just rely on search engines to find the website they need.

Search Ebay

Still can't find what you are looking for? Search for it!


Submit Your link to the Open Link Directory Project

Copyright 2005-2008 MJE Sales, LLC. All Rights Reserved.
Proud member of the ArticleCkr Search Network Search Network!
ArticleSnatch.com is free for both publishers and authors to use and is supported entirely from advertising revenue.
Use of our service is protected by our Privacy Policy and Terms of Service.