Looking Good on the Web



Get Web Design Tips and Tricks on mps-web-design.com. Looking Good on the Web topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

There's a lot of websites out there floating around in cyberspace, screaming
for attention. When you cast your site out into the void, will you be able to
catch viewers and hold on to them? Will they click through — or click off?

You have the content. You have a message. You need to present it in a
professional and attractive manner quickly, before the viewer hits that
return key. A few basic design skills will help you along.

1. The first important step is to provide a CENTER OF INTEREST to catch the
viewer's eye. This can be your logo, a heading graphic, a gripping
photograph. This should be at the top left or center of your site page. Say
you have an online nursery business. You might splash a stunning photo of
billowing red begonias across the top of your page. Right under it you could
have your logo and business name. Or, you could have the logo and/or name
printed right on the photo, just make sure it's VERY legible. Nothing spoils
a photo more than faint unrecognizable smears on it.

2. From your center of interest object, you need to make sure people quickly
see/read what you think is most important for them to know. Don't put
paragraphs of text. They won't bother with it, and may even leave your site.
Think poster. A web page is like a poster. Present information briefly and
design it so the whole poster can be read quickly. To do this, you need to
have EYE TRAVEL. This means planning graphics, tables, or short text snips to
be placed on the page in such a pattern as to lead your viewers along the
page to see what you want them to see without their making a conscious
effort. Remember people read left to right, top to bottom. This is natural.
Make use of it.

And, don't be afraid of blank space!! Did you hear me? Don't be afraid of
blank space! Give your text and graphics room to breathe!

things apart.
Make your table cells big. Put in spacers. A star in a black sky is more
visible than the same star in the Milky Way.

3. Unify your site. Use REPETITION. Keep the same background color/image
from page to page. Put your logo on each page in the same place. Use the same
text color from page to page. If you have those billowing begonias on your
index page, use a begonia flower for all your navigation buttons. Whatever
you choose as navigation buttons, use the same ones on each page. If you use
a text graphic for navigation, repeat that from page to page. Whatever.
Repetition is comfortable. It holds the site together.

4. Of course, the same thing all the time could be boring to the viewer. So
you do need some VARIETY. Back to the nursery business. Perhaps all the bulbs
pages would have a green background, while all the herbs pages could have a
blue background, and the annuals a yellow background. But they might all have
the same basic layout otherwise. When you introduce variety into your design,
make it logical. Have a reason for it. All of your navigation buttons could
be flowers, different for each section. Balance out repetition and variety so
that your site is unified, but interesting.

5. Be kind to your viewer. Restrain yourself from obnoxious animation. Use it
sparingly and carefully, if at all. Keep the music minima, if at all. Make
the font big enough to read easily. Contrast the colors of the font and of
the background so that the text shows up clearly. If you use a splash page,
tell the viewer what to do to get into your site.

Good visual design keeps a viewer at your site. It inspires confidence in
your product. Go to a search engine and bring up sites similar to yours and
critique them. Get ideas. Then use them. Be a designer. Make your site a
Presence on the web.

And while you're surfing around the net, check out my website at
http://www.clovenstone.com, just for the fun of it. Maybe it'll give you an
idea.



Golf Tips, Golf Lessons- How To Break 80. - How to Break 80 is an instructional guide for golfers looking to get the best golf tips, golf lessons and golf instruction.
Powerful Landscape Photography. - Discover The Secrets Getting Your Landscape Photos Looking Like Professional Magazine Quality Photographs.

Some simple suggestions

Well I don't consider myself an expert, I do have experience with working with larger datasets and there are a couple of things that I always do to keep queries performing well.

Optimize Queries with EXPLAIN

Explain is your friend, get to know it well. If you take the time to read thru the Explain documentation on the MySQL site, you will find some valuable information, some of which is hilighted below.

Optimizing joins

Single sweep what?

MySQL resolves all joins using a single-sweep multi-join method. This means that MySQL reads a row from the first table, and then finds a matching row in the second table, the third table, and so on. When all tables are processed, MySQL outputs the selected columns and backtracks through the table list until a table is found for which there are more matching rows. The next row is read from this table and the process continues with the next table.

Why is this important? Imagine a main table - tableA - with 80,000 rows of data. This table has a corresponding n:n table that maps entries in tableA with a locations table. A query could be written as:

SELECT tableA.*, locations.location from tableA 
Left Join tableA2locations on 
tableA2locations.tableA_id = tableA.id
Left Join locations on 
tableA2locations.location_id = locations.id
where locations.location = 'sometown'

Keeping the above quote in mind, MySQL will read a row from the first table and join the corresponding data from the joined tables for that row and then sweep thru the rest of the data, joining as it goes along.

This leads us into the following section.

Number of rows needed to execute a query

You can get a good indication of how good a join is by taking the product of the values in the rows column of the EXPLAIN output. This should tell you roughly how many rows MySQL must examine to execute the query.

From the above, you can determine that for a query on tables that have not been properly indexed, a join can quickly become unwieldy when dealing simply with three tables with records in the thousands (1000*1000*1000 = a slow query). See HackMySQL for a good example of this.

Reducing the number of rows needed to execute a query

So beyond indexing properly for joins, you can still end up with a query that runs in a way that causes a bottleneck.

Taking our example from above, imagine that we use a where clause that limits the tableA selection to half (tableA.foo = 'bar' below):

SELECT tableA.*, locations.location from tableA 
Left Join tableA2locations on 
tableA2locations.tableA_id = tableA.id
Left Join locations on 
tableA2locations.location_id = locations.id
where locations.location = 'sometown' and tableA.foo = 'bar'

This starts us out with 40,000 rows of tableA data to examine. If there are a further 2000 rows from tableA2locations, thats 800,000 rows of data. Not astronomical, but significant. If this was a 3 or 4 table join, things could get ugly. What to do? The answer may be obvious to some: select first with the most limiting table:

SELECT tableA.*, locations.location from locations 
Left Join tableA2locations on 
tableA2locations.location_id = locations.id
Left Join tableA on 
tableA2locations.tableA_id = tableA.id
where locations.location = 'sometown' and tableA.foo = 'bar'

This starts us out with 1 selection from the locations table, then 2000 from tableA2locations. If the join between tableA2locations and tableA is indexed correctly, we are then left with an index join based on ID, rather then having to initially select 40,000 rows from tableA as in the previous example.

When I first started programming, it made sense to me to select from the main table (tableA) and join the lookups. But once you add some data to the mix and start to play with Explain, you quickly realize that selecting from the limiting table can make your server's life a little easier.

For further reading on the topic, I always send people to HackMySQL when they ask, so for more tips and tricks, be sure to have a read thru the optimize section of that site.



Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79


More Articles:


1. Re-Use The Links You Have When Revising Your Site! By Martin Lemieux
Many times I've seen a web site undergo a revision and everything is brand new, even brand new links!You've worked so hard to get those great page ranks for all your pages and then you get rid of them? NO NO NO.It's the same reason why people buy "expired domains". Simply because before search engines, directories & web sites have a chance to notice there is no web site anymore, someone simply changes the site to fit their needs and utlizes the traffic coming in!Let's say that you've made up y…

2. How to Hire The Right Web Design Firm
How to Hire The Right Web Design Firmby Jim D. RayRegardless whether you manage a small business, charitable organization, or Fortune 500 company, choosing the right web design firm can quickly become a full-time research project. With thousands of design firms to choose from, what factors truly determine which design firm is best for your business?The primary considerations for choosing a web design firm are:* Price* Customer service/access to support* Credibility indicators of the design firm*…

3. Transforming A Site From Good To Excellent By Richard Lowe, Jr.
One of the challenges of moving a web site up from good to excellent is transforming it from just a bunch of web pages and graphics to an interactive experience. Another term for this is community - a place where people can come to communicate with others. The very best web sites have mastered this transformation, thus attracting return visitors again and again.The whole point of a web site is to communicate ideas and concepts to other people. If you are just putting up pages and graphics, the…

4. Ready? Aim! Color! By Bina Omar
First impressions are lasting impressions! Whether buying a house, a book, or even a product from a web site, we buy what looks attractive or reliable from the outside.Colors, like words, are used to communicate. Color is central to our lives - we rely on color to convey both emotional and psychological impacts that work subtly on the unconscious. For example, when was the last time you went into a restaurant and didn’t eat? Reason? Look at the color combinations - orange, red, yellow! With al…