| |
Web Design: Making Your Site The Best It Can Be
By David Rolin-5744
I have noticed that many web sites are trying to portray themselves as if they were a TV network. They put top-notch graphics and sound into their web page. What these companies are missing is that their visitors are not watching TV. This works fine for those with broadband high speed connections. The fact is, most are viewing web site on a screen that is between 15 and 19 inches wide, can only see 216 colors, and can only download at 28.8 kb per second.
You as a web site owner, designer or any one who has control over a web site should follow a simple rule : make sure you are on a 28.8 connection type in the URL for your web page, hit enter, and hold your breath. If you needed to gasp for air before the page was fully down loaded you really need to cut down on the size of the page. The web page should be no larger then 50K. Try to shoot
Article :: Adobe Fireworks CS5: A Rock-Solid Contender
Jim Babbage, coauthor of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321704487">Adobe Fireworks CS5 Classroom in a Book</a>, reports on some of the many changes in the newest version of Fireworks, with particular emphasis on mobile design and efficiency improvements.
Article :: The HTML Pocket Guide: Lists
HTML affords you three list types: definition list (dl), ordered list (ol), and unordered list (ul). Bruce Hyslop explains each in depth in their respective entries in this chapter.
Article :: Flexible Web Layouts with CSS3 Media Queries
Can your website handle the various screen sizes and other features of modern electronics? Chris Mills, one of the authors of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321703529">InterACT with Web Standards: A Holistic Approach to Web Design</a>, shows how to use CSS3 media queries to combine multiple CSS formatting options into a single stylesheet, optimizing your site to adapt dynamically to match any device.
Article :: Time to Learn PHP? Dreamweaver CS5 Is Here to Help You
David Powers, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321719840">Adobe Dreamweaver CS5 with PHP: Training from the Source</a>, discusses the dramatic improvements to PHP support in Dreamweaver CS5 that should appeal to designers and serious coders alike.
Article :: Working with Type in the Adobe Illustrator CS5 Perspective Grid
In print or online, readers are unimpressed by text that's just plonked down onto a graphical background. On the other hand, type with tasteful effects can make a publication or web page much more inviting. David Karlins, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321719867">Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques</a>, shows how to manipulate text in Adobe Illustrator CS5 to lend great visual perspective.
Article :: Designing CSS Page Layouts with Dreamweaver CS5
David Karlins, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321719867">Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques</a>, is enjoying the improved page layout capabilities of Dreamweaver CS5. In this tutorial, he demonstrates some of his favorite features.
Article :: InterACT with Web Standards: Positioning
Chris Mills covers positioning, one of the hardest concepts to grasp in CSS. He also sneaks in some words about z-index and media queries for an extra special crunchy treat.
Article :: InterACT with Web Standards: Learning from the Web
Much like anything, learning effectively on the Web requires a skill set that goes beyond constructing a solid keyword search in Google. Denise R. Jacobs shows you how to identify your learning style, introduces you to useful online tools, and explains the best ways to collaborate, share, and find inspiration.
Article :: The Usual Suspects: Detecting and Preventing the Most Common Culprits Behind CSS Problems
Denise R. Jacobs, author of <a href="http://www.peachpit.com/store/product.aspx?isbn=0321683943">The CSS Detective Guide: Tricks for Solving Tough CSS Mysteries</a>, presents a lineup of the biggest CSS troublemakers. By arresting these problems in your code, you can create smooth layouts in which all the elements are good citizens.
Article :: Modifying Drupal Themes with Dreamweaver CS5
In this tutorial, David Karlins shows how easily you can change the look and feel of a Drupal website with the help of new features in Dreamweaver CS5.
Article :: The Case for Designing with Progressive Enhancement
Learn how to create sites that deliver the highly interactive experiences that JavaScript, advanced CSS, and Ajax afford, and at the same time ensure that the very same codebase will work everywhere.
Article :: The JavaScript Pocket Guide: Arrays
Arrays and loops have endless uses in JavaScript programming. Lenny Burdette tells you all about arrays.
Article :: Effortless Flex 4 Development: Inline Event Handling
Larry Ullman shows you how to work with inline event handling in this excerpt from his book, <a href="http://www.peachpit.com/store/product.aspx?isbn=0321705947">Effortless Flex 4 Development</a>.
Article :: Introduction to The CSS Detective Guide
Denise R. Jacobs introduces HTML best practices: document structure, good semantics, and tag structure. From there, she moves on to CSS, including rule structure, getting the styles into your documents, and commenting.
Article :: The CSS Detective Guide: The Case of the Devilish Details
Help Denise R. Jacobs solve the mystery of CSS code gone wrong in this case study from her book, <a href="http://www.peachpit.com/store/product.aspx?isbn=0321683943">The CSS Detective Guide: Tricks for solving tough CSS mysteries</a>.
Article :: Adobe® ColdFusion® 9 Web Application Construction Kit, Volume 1: Introducing ColdFusion Builder
One of the most exciting and eagerly anticipated additions in Adobe® ColdFusion® 9 is the ColdFusion® Builder™, a new development environment designed specifically for us ColdFusion developers. Ben Forta describes the relationship between ColdFusion Builder and Eclipse and helps you get started with ColdFusion Builder.
Article :: Adobe Flex 4: Training from the Source, Volume 1 - Using Simple Controls
An important part of any application is the user interface, and Adobe Flex contains elements such as buttons, text fields, and radio buttons that make building interfaces easier. This lesson shows you how to add user interface elements to enable the customer to find more details about the grocery items and begin the checkout process.
Article :: Adobe® Flash® Catalyst™ CS5 - A Smart Choice for Web Designers
Using Flash Catalyst, designers can publish working Flex applications without writing a single line of code. Scott Tapley takes a look at ten features and benefits that make Adobe Flash Catalyst CS5 a smart choice for anyone who produces interactive content for the web or desktop.
Article :: Effortless Flex 4 Development: Fundamental Concepts of Event Management
In order for applications to be truly a user experience (which is to say, interactive), you need to know how to manage events. Larry Ullman shows you how event management works in Flex 4.
Article :: Adobe® Dreamweaver® CS5 Classroom in a Book: Creating Style Sheets for Other Media Types
By creating and attaching style sheets optimized for other media, the specific browsing application can select the appropriate style sheet and formatting for its own needs. In this exercise, you?ll convert a CSS screen-media file to one optimized for print.
Article :: Adobe® Dreamweaver® CS5 for Windows and Macintosh: Visual QuickStart Guide - Working with Local and Remote Sites
Adobe® Dreamweaver® CS5 has all the tools you?ll need to create your web site, work with its files and folders, and then transfer it to the Web server. Tom Negrino and Dori Smith explain local and remote sites and how to create the local site.
Article :: Adobe® Fireworks® CS5 Classroom in a Book: Using the Compound Shape Tool
The Compound Shape tool lets you temporarily group multiple vector shapes together as you draw them, making it easy to move the objects at the same time, yet also allowing for quick and easy editing of any shape within the compound group. This excerpt from <em>Adobe® Fireworks® CS5 Classroom in a Book</em> shows you how to use the Compound Shape tool.
Article :: Adobe® Flash® Catalyst™ CS5 Classroom in a Book: Preparing a Design Document
The way you approach the design and organization of your artwork has a significant impact on the structure of the project in Flash Catalyst and the underlying code. This excerpt from <em>Adobe® Flash® Catalyst™ CS5 Classroom in a Book</em> will help protect the integrity of your design and minimize re-working or re-structuring assets after bringing them into Flash Catalyst.
Article :: Adobe® Flash® Professional CS5 Classroom in a Book: Creating Symbols
In this lesson, you will select the different parts of the imported Illustrator graphic, and then convert the various pieces to symbols.
Article :: Adobe® Illustrator® CS5 Classroom in a Book: Editing the Perspective Grid
This excerpt from <em>Adobe® Illustrator® CS5 Classroom in a Book</em> shows you how to edit the Perspective Grid.
for less than 30K. The number one visited web site home page is under 21k.
All graphic images should be as small as possible. Try to get them smaller than 4k. Going up to 6k is reasonable. When designing a graphic for the web site keep in mind the number of colors being used. As a graphic designer, it is hard to go from millions of color to only 216. Yes, 216 is the number of colors that is available on a web safe color pallet. Use solid colors when designing the image. PhotoShop has made the gradient such a popular tool. It looks good to fade things in and out. Always see a background border made up of this gradient. Right click on that image to see the size. The 8k-12k is not worth the space. The problem with the gradient is it uses many colors and dithering. Both take up big time K. The more color in an image the bigger it's going to be.
Use design more, graphics less. For a web page to be successful it needs to download quickly and look good. Instead of designing graphics and taking pictures and turning them into jpgs to make the web page look good, try using color schemes. Use cell colors to make boarders. Use the negative space on your web site. What is not there is just as important as what is there. Remember sometimes less is more. Think of a typical visitor coming to your web page. Would that extra graphic sell them or keep them coming back again and again. If the answer is yes, by all means keep it. If the answer is "well maybe" or "it just looks good there", throw it. Viewers will appreciate not waiting more then they have to. The web is here to make our life easier not to sit in front of a screen waiting for heavy web pages to download.
Kyle Newton is a professional internet marketing specialist and can launch and manage your complete web presence from Web Design to SEO with professional results that make your projects, services, or products a success on the web. |
|
