Web Solution: 27 Dos web Design

Do reuse images

Once images are loaded they are stored in cache.
If you use the same image in several webpages the image will be
loaded the second time in a breeze. It is necessary to have the
image in the same location. Also be sure to use exactly the same
filename. Even if a browser can handle differences in uppercase
and lowercase, your browsercache can not.
Don't reference images from other sites
If you use images from another site (i.e. an image archive ) do copy
them to your own site.
Looking up other servers to get the images would introduce
overhead and an extended load-time.
Do provide size information
If you use large images, videos etc., give an indication of the size
before the actual transfer begins.
Don't use large textual images
Avoid creating images of large pieces of text. It gives you more
possibilities but it costs valuable bandwidth.
If you do need textual images be sure to reduce the number of
colors.
Don't use wordprocessors
Don't use wordprocessors to write HTML. They really mess it up.
It's not uncommon for a site to double or triple in size because tags
are added unnecessarily by a wordprocessor.
100 Do's and Don'ts in Web Design SpiderPro

Presenting Text
Don't use blink

The tag should never have been introduced to HTML.
Blinking text is irritating, it offends your readers. Don't use it.
Don't use columns for text
You can show your text in 2 or more columns. This can be
implemented with tables or with the not official tag .
The result is newspaper-column like page.
But columns have a large drawback on a screen. It takes more upand-
down scrolling to read the text, especially if it's a large page.
Avoid using columns this way.
Don't use small serif letters
Serif letters are developed for printing. They don't look good on a
computer screen. At least not in smaller fonts.
You should avoid these letters, especially if the serif is tiny, like
Times.
Don't use all capitals
DO NOT USE ALL CAPITALS.
It takes more time to read text that consists of only capitals.
Besides, using all capitals is the online equivalent of shouting.
Don't overuse bold text
Bold text is meant to give some focus to a part of your text. Don't
put whole paragraphs in bold. It has the same effect as shouting.
Keep focus - and bold text - short and functional.
100 Do's and Don'ts in Web Design SpiderPro

presenting text

Don't overuse italics
Text in italic is hard to read on a screen. The resolution of a screen
just isn't capable to present italics without distorting them slightly.
This is even more noticeable if you use a small font.
So don't use italics for larger portions of your text.
Don't use small fonts
Don't use small fonts (font size smaller than 4). Small letters are
hard to read and that's even worse on a computer screen.
Don't use too many fonts
Using all kinds of fonts on one page - or in one site - is a very bad
typographical practice.
Unless you run an online font-archive.
Do use punctuation
Present information surveyable.
Present it in small chunks. Use headings to separate them. Use
lists to avoid long textual summing ups.
Don't hide your links
The default color settings of links is pretty standard.
You can change link colors. But if you do you'll have to be sure that
links can be recognized.
Don't let those fancy colors hide your links.
100 Do's and Don'ts in Web Design SpiderPro

presenting text

Do use all lowercase or all uppercase links
Many browsers discriminate between differences in case. Even if
your server doesn't, don't rely on it. If you'll need to move to
another server you will be happy if all your links still function. The
easiest way to accomplish this is to use links consequently all
lowercase or all uppercase.
Do separate adjacent textual links
If you place textual links horizontally be sure to separate them
clearly. With spaces, a vertical line, bracket, whatever.
The point is that it must be clear to a visitor where a link starts and
where it ends.
Do limit the size of predefined text
Predefined text (between the tags

and

) cannot be
wrapped. If you use it be sure to limit the size, especially the width.
Otherwise your visitors might need to scroll horizontally to read the
text.
Do limit the width of text
Reading full width text on a full screen browser is quite terrible. The
lines of text get too long; giving you a headache reading them.
Limit the width of text-lines using tables, blockquotes etc.
100 Do's and Don'ts in Web Design SpiderPro

presenting text
Do use textual dates

Probably you do use dates. For instance to show the most recent
update of your site.
But it's a world wide web.
Do keep in mind that 02-03-2000 will be the second of March or the
third of February, depending on the country your visitor comes
from.
If you use text for your month, like March 2, 2000 the date will be
correctly interpreted.
Do provide a visual e-mail address
The mailto: trick is great. Start the e-mail-application right from the
webpage. But it only works if your visitor uses an integrated e-mail
application. For all the others provide a readable e-mail-address.
100 Do's and Don'ts in Web Design SpiderPro

images and colors
Images and colors

Do use transparency
The presentation of images often improves by giving the images a
transparent backgroundcolor.
They'll better integrate visually with the background.
Do use interlacing
Interlace larger GIF-images. The visitor will get a quick feedback
while the image is still loading.
For very small images - like bullets - interlacing makes no sense
but in all other cases it does.
Don't use too many images
Too many images slows down your site. Don't chase your visitors
away; limit the number of images.
Do make your graphics reproducible
If you create your own graphics make them reproducible.
You might need another one of the same kind, so be sure to write
down all the effects and the parameters you've used to create the
graphics.
Do break up images
If you use large images you can break them up in several parts.
You can combine the parts in the webpage to form the original
image.
Doing so the image-parts can be downloaded parallel, thus
reducing download time.
100 Do's and Don'ts in Web Design SpiderPro

images and colors
Don't use PNG (yet)

PNG is a great format for graphics and will eventually replace GIF.
But right now many browsers are in use that don't support PNG.
For the time being stick to GIF and JPEG.
Do combine backgroundimages and
background-colors
Even if you do use a background-image, still provide a
background-color. The background-color should approximately be
the main color of the image.
If text has a color that contrasts with the background-image, it will
still be readable before the background-image is loaded.
Do use a browser safe palette
Use a browser safe palette for your colors.
This will prevent colors from dithering on older monitors.
Don't use too many colors
You have access to 16 million colors. Be selective - don't try to use
them all. Too many colors distract form what you're trying to say.
Don't override only one standard color
If you override a standard color, be sure to override them all.
Your visitor has her own color settings. If you change i.e. only the
fontcolor to darkblue, text might become unreadable on a dark
background. So be sure also to change the backgroundcolor.
100 Do's and Don'ts in Web Design SpiderPro

Compatibility

Do supply alt's for your images
Quite a few people disable the automatic load of pictures in their
browser.
Don't blame them, some images take a lifetime to load.
By defining an alternative text with the attribute alt in the tag
you can take care of imageless browsers.
Do use alt text for areas
Use the alt attribute to supply text for areas in an image map, thus
providing an alternative for browsers that don't support images.
Do use NOFRAMES
Not all browsers support frames. Define an alternative with the tag
<br />Do use comments for JavaScript<br />If you use JavaScript, be sure to place the source between<br />comments in such a way that browsers that don't support<br />JavaScript won't show any garbage.<br />Don't be selective with browsers<br />You believe I'd change my browser just to visit your site? Wake up!<br />Saying Best viewed with my favorite browser only has the effect<br />that you drive off people with other browsers.<br />Test your site with the favorites. It should be readable with all the<br />important browsers.<br />100 Do's and Don'ts in Web Design SpiderPro<br /><br /><strong><a href="http://www.swebsolution.150m.com/">compatibility<br />Do test Java applets with all browsers<br /></a></strong><br />Java is great, I really love it. But as soon as a page starts with<br />Applet loading, I got this feeling it all ends up wrong.<br />There are indeed far too many untested applets wrecking browsers<br />and making sure a visitor will never come back again.<br />Do check your Java applets with all popular browsers before using<br />them.<br />Do test with fewer screen colors<br />256 colors still are popular and even 16 colors are used.<br />Test your site with these color settings. Admitted, with 16 colors<br />everything looks ugly. But be sure everything remains readable.<br />Do test with lowres<br />Test your pages with low resolution. If you don't use 640*480<br />yourself, just make your browser-window smaller to get the same<br />effect.<br />Do validate<br />Validate your pages. This is the best way to find errors that won't<br />show up in some browsers but might be the cause of trouble in<br />other browsers.<br />Don't rely on plugins<br />You can create astonishing effects with plugins like Flash and<br />Shockwave.<br />But don't rely on them.<br />Many websurfers don't bother to install plugins. They won't be able<br />to see the great effects you implemented. So offer an alternative or<br />even better: check for plugins.<br />100 Do's and Don'ts in Web Design SpiderPro<br /><br /><strong><a href="http://www.swebsolution.150m.com/">compatibility<br />Do check for browser version<br /></a></strong><br />If you want to use non-standard techniques (Netscape or Explorerspecific<br />tags) do check the browser version on the client. And do<br />provide an alternative for non compatible browsers.<br />Do warn for important cookies<br />Some pages rely on cookies. And some people disable cookies in<br />their browsers.<br />In many circumstances you just can't skip cookies. If so - supply a<br />warning. Thus giving the visitor an opportunity to enable cookies.<br />Do offer alternative views<br />You want to use the newest emerging technologies? Then consider<br />supplying an alternative view for those that don't use the latest<br />browsers.<br />100 Do's and Don'ts in Web Design SpiderPro<br /><br /><br /><strong><a href="http://www.swebsolution.150m.com/">General<br />Do close popup screens</a></strong><br /><strong></strong><br />Remove your litter.<br />If you want to use popup screens, be sure to close them when the<br />visitor leaves.<br />Do stop sounds<br />If you wanna use sounds, be sure to stop them when the visitor<br />leaves.<br />Don't try to mislead search engines<br />Trying to mislead search engines by repeating keywords will turn<br />against you. Search engines recognize many of these attempts and<br />will react on it by giving your site a lower ranking. Or by not placing<br />it at all.<br />Don't try to misleadingly attract visitors<br />By adding keywords that are specific to adult sites (like 'XXX') you<br />might get some traffic. But those visitors will leave quickly - unless<br />you do have an adult site, ofcourse.<br />Do register your site<br />Register your site at searchengines and directories. This is still the<br />most important way to attract traffic.<br />100 Do's and Don'ts in Web Design SpiderPro<br /><br /><strong><a href="http://www.swebsolution.150m.com/">Do read the stats</a></strong><br /><br />Use the statistics of your site. It's a good opportunity to check for<br />errors like the dreaded 404's.<br />But statistics are also invaluable for marketing purposes. What are<br />popular pages? Which countries do your visitors come from?<br />Don't count hits<br />Hits are meaningless. A page with 5 images produces 6 hits. And<br />visited 3 times it produces 18 hits. If you want a counter on your<br />page, be sure to count the sessions: real visitors.<br />Do put contact info on your pages<br />Give your visitors a way to get in touch with you. Their feedback is<br />invaluable. Supply a e-mail address or a reply-form.<br />Do beware of robots<br />Search engines use robots that scan all your directories. Be sure to<br />provide a robots.txt file to make clear which directories and files<br />should not be indexed.<br />100 Do's and Don'ts in Web Design SpiderPro<br /><br /><a href="http://www.swebsolution.150m.com/"><strong>A concluding don't</strong><br /></a><br />Don't take my word for it<br />Don't take my - or any other persons - word for it.<br />There's no such thing as a constitution of webdesign.<br />You might benefit by considering these do's and don'ts. But<br />actually they're a personal view. And you just might disagree.<br />But do give these 100 do's and don'ts a serious thought.<br />They might fit more often than you think<br />100 Do's and Don'ts in Web Design SpiderPro<br /><br /><strong>About<br />SpiderPro<br /></strong><br />This eBook is published by SpiderPro.<br />SpiderPro is a website that presents<br />information for professional<br />webmasters.<br />Well, with professional I don't want to<br />frighten anyone. If you just want to build<br />a nice personal homepage you'll find<br />lots of info at SpiderPro.<br />But you'll also find info that you can use<br />only if you have access to a webserver.<br />Or if you know how to write programs.<br />With SpiderPro I hope to reach people<br />that are strongly involved with web<br />development. Maybe for a living, maybe<br />just for the heck of it...<br /><br /><br />SpiderPro's mailing list informs you<br />when new information becomes<br />available. Subscription is free.<br />If you subscribe, you'll receive mails<br />about updates to SpiderPro and about<br />new released ebooks.<br />Expect to receive this mails about 2<br />times a month.<br />SpiderPro will use your email address<br />for the sole purpose of sending you<br />mails from the list.<br />We will never use your address for any<br />other purpose. We will never give your<br />address to anyone and we will never<br />sell your address.<br />You can subscribe at: <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02294597517444368462' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02294597517444368462' rel='author' title='author profile'> <span itemprop='name'>Prakash Sherawat</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html' itemprop='url'/> <a class='timestamp-link' href='http://swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2007-11-18T23:37:00-08:00'>11:37 PM</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=7227425366482465228&postID=1334127006249755814' title='Email Post'> <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> <span class='item-control blog-admin pid-230004943'> <a href='https://www.blogger.com/post-edit.g?blogID=7227425366482465228&postID=1334127006249755814&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <a href='https://www.blogger.com/comment.g?blogID=7227425366482465228&postID=1334127006249755814' onclick=''>Post a Comment</a> </p> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://swebsolution.blogspot.com/2007/12/threads-events-and-mutexes.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://swebsolution.blogspot.com/2007/11/27-dos-and-donts-in-web-design.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='http://swebsolution.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://swebsolution.blogspot.com/feeds/1334127006249755814/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget HTML' data-version='1' id='HTML10'> <div class='widget-content'> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 8, interval: 6000, width: 'auto', height: 550, theme: { shell: { background: '#335a9e', color: '#ffffff' }, tweets: { background: '#ffffff', color: '#041f03', links: '#1a360f' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('Hotelsofindia').start(); </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> Link </div> <div class='clear'></div> </div><div class='widget LinkList' data-version='1' id='LinkList1'> <h2>Link</h2> <div class='widget-content'> <ul> <li><a href='http://www.sbcjpr.com/'>Building Construction Company</a></li> </ul> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML7'> <h2 class='title'>swebsolution</h2> <div class='widget-content'> <a target="_blank" href="http://www.indianbankifsc.com" class="web-link-head" title="English">Bank IFSC in English</a> | <a target="_blank" href="http://hi.indianbankifsc.com" class="web-link-head" title="हिंदी (Hindi)">Bank IFSC in हिंदी </a> | <a target="_blank" href="http://ben.indianbankifsc.com" class="web-link-head" title="বাঙালি (Bengali)">Bank IFSC in বাঙালি </a> | <a target="_blank" href="http://tel.indianbankifsc.com" class="web-link-head" title="తెలుగు (Telugu)"> Bank IFSC in తెలుగు </a> | <a target="_blank" href="http://mar.indianbankifsc.com" class="web-link-head" title="मराठी (Marathi)"> Bank IFSC in मराठी </a> | <a target="_blank" href="http://guj.indianbankifsc.com" class="web-link-head" title="ગુજરાતી (Gujarati)">Bank IFSC in ગુજરાતી </a> | <a target="_blank" href="http://tam.indianbankifsc.com" class="web-link-head" title="தமிழ் (Tamil)">Bank IFSC in தமிழ் </a> | <a target="_blank" href="http://urd.indianbankifsc.com" class="web-link-head" title="اردو (Urdu)">Bank IFSC in اردو </a> | <a target="_blank" href="http://kan.indianbankifsc.com" class="web-link-head" title="ಕನ್ನಡ (Kannada)">Bank IFSC in ಕನ್ನಡ </a> | <a target="_blank" href="http://pun.indianbankifsc.com" class="web-link-head" title="ਪੰਜਾਬੀ (Punjabi)">Bank IFSC in ਪੰਜਾਬੀ </a> | <a target="_blank" href="http://mal.indianbankifsc.com" class="web-link-head" title="മലയാളം (Malayalam)">Bank IFSC in മലയാളം </a> <br /> <a href="http://www.besthotelsofdelhi.in" target="_blank" title="Hotels In Delhi ">Hotels In Delhi</a><br /><a href="http://www.besthotelsofindia.in" target="_blank" title="Hotels In India ">Hotels In India</a><br /><a href="http://www.besthotelsofmp.in" target="_blank" title="Hotels In Madhya Pradesh ">Hotels In Madhya Pradesh</a><br /><a href="http://www.besthotelsofrajasthan.in" target="_blank" title="Hotels In Rajasthan ">Hotels In Rajasthan</a><br /><a href="http://www.hotelsinus.us" target="_blank" title=" Hotels In USA">Hotels In USA</a><br /><a href="http://www.hotelsofandaman.in" target="_blank" title=" Hotels In Andaman & Nicobar">Hotels In Andaman & Nicobar</a><br /><a href="http://www.hotelsofandhra.in" target="_blank" title="Hotels In Andhra ">Hotels In Andhra</a><br /><a href="http://www.hotelsofarunachal.in" target="_blank" title="Hotels In Arunachal ">Hotels In Arunachal</a><br /><a href="http://www.hotelsofassam.in" target="_blank" title="Hotels In Assam ">Hotels In Assam</a><br /><a href="http://www.hotelsofbangalore.in" target="_blank" title="Hotels In Bangalore ">Hotels In Bangalore</a><br /><a href="http://www.hotelsofchennai.in" target="_blank" title="Hotels In Chennai ">Hotels In Chennai</a><br /><a href="http://www.hotelsofchhattisgarh.in" target="_blank" title="Hotels In Chhattisgarh ">Hotels In Chhattisgarh</a><br /><a href="http://www.hotelsofgoa.in" target="_blank" title="Hotels In Goa ">Hotels In Goa</a><br /><a href="http://www.hotelsofgujarat.in" target="_blank" title="Hotels In Gujarat ">Hotels In Gujarat</a><br /><a href="http://www.hotelsofhimachal.in" target="_blank" title="Hotels In Himachal ">Hotels In Himachal</a><br /><a href="http://www.hotelsofhyderabad.in" target="_blank" title="Hotels In Hyderabad ">Hotels In Hyderabad</a><br /><a href="http://www.hotelsofjk.in" target="_blank" title="Hotels In Jammu & Kashmir ">Hotels In Jammu & Kashmir</a><br /><a href="http://www.hotelsofkarnataka.in" target="_blank" title="Hotels In Karnataka ">Hotels In Karnataka</a><br /><a href="http://www.hotelsofkerala.in" target="_blank" title="Hotels In Kerala ">Hotels In Kerala</a><br /><a href="http://www.hotelsofkolkata.in" target="_blank" title="Hotels In Kolkata ">Hotels In Kolkata</a><br /><a href="http://www.hotelsoflakshdweep.in" target="_blank" title="Hotels In Lakshdweep ">Hotels In Lakshdweep</a><br /><a href="http://www.hotelsofmumbai.in" target="_blank" title=" Hotels In Mumbai">Hotels In Mumbai</a><br /><a href="http://www.hotelsofnagaland.in" target="_blank" title="Hotels In Nagaland ">Hotels In Nagaland</a><br /><a href="http://www.hotelsoforissa.in" target="_blank" title="Hotels In Orissa ">Hotels In Orissa</a><br /><a href="http://www.hotelsofpondicherry.in" target="_blank" title="Hotels In Pondicherry ">Hotels In Pondicherry</a><br /><a href="http://www.hotelsofpune.in" target="_blank" title="Hotels In Pune ">Hotels In Pune</a><br /><a href="http://www.hotelsofpunjab.in" target="_blank" title="Hotels In Punjab ">Hotels In Punjab</a><br /><a href="http://www.hotelsoftamilnadu.in" target="_blank" title="Hotels In Tamilnadu ">Hotels In Tamilnadu</a><br /><a href="http://www.hotelsofup.in" target="_blank" title="Hotels In Uttar Pradesh ">Hotels In Uttar Pradesh</a><br /><a href="http://www.hotelsofuttaranchal.in" target="_blank" title="Hotels In Uttaranchal ">Hotels In Uttaranchal</a><br /><a href="http://www.hotelsofwestbengal.in" target="_blank" title="Hotels In Westbengal ">Hotels In Westbengal</a><br /><a href="http://www.mybookingcorner.com" target="_blank" title=" Online Hotels Booking">Online Hotels Booking</a><br /><a href="http://www.nntindia.org" target="_blank" title="National Network of Tourism India ">National Network of Tourism India</a><br /><a href="http://www.tourisminbharat.com" target="_blank" title="Tourism In India">Tourism In India</a><br /><a href="http://www.sbinfosystem.com" target="_blank" title="Web Design Company India ">Web Design Company India</a><br /><a href="http://www.diamondjewelry4u.com" target="_blank" title="Discount Diamond Jewelry ">Discount Diamond Jewelry</a><br /><a href="http://www.sbcjpr.com/" target="_blank" title="Building Construction Company ">Building Construction Company </a> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML8'> <h2 class='title'>FEEDJIT Live Traffic Feed</h2> <div class='widget-content'> <script src="http://feedjit.com/serve/?bc=ffffff&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160" type="text/javascript"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript> </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive, websites help, java help, c language help</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2009/10/'> October </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2008/'> 2008 </a> <span class='post-count' dir='ltr'>(4)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2008/01/'> January </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2007/'> 2007 </a> <span class='post-count' dir='ltr'>(14)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2007/12/'> December </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://swebsolution.blogspot.com/2007/11/'> November </a> <span class='post-count' dir='ltr'>(4)</span> <ul class='posts'> <li><a href='http://swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html'>27 Dos web Design</a></li> <li><a href='http://swebsolution.blogspot.com/2007/11/27-dos-and-donts-in-web-design.html'>27 Dos Web Design</a></li> <li><a href='http://swebsolution.blogspot.com/2007/11/27-dos-web-design.html'>27 Dos web Design</a></li> <li><a href='http://swebsolution.blogspot.com/2007/11/27-dos-and-donts-in-web-design-general.html'>27 Dos and Don'ts in Web DesignGeneral information...</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget AdSense' data-version='1' id='AdSense4'> <div class='widget-content'> <script type="text/javascript"> google_ad_client = "ca-pub-8185139357501629"; google_ad_host = "ca-host-pub-1556223355139109"; google_ad_slot = "4762924675"; google_ad_width = 200; google_ad_height = 200; </script>  <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>websites help, java help, c language help</h2> <div class='widget-content'> <script type="text/javascript"></script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> <div class='clear'></div> </div><div class='widget AdSense' data-version='1' id='AdSense3'> <div class='widget-content'> <script type="text/javascript"> google_ad_client = "ca-pub-8185139357501629"; google_ad_host = "ca-host-pub-1556223355139109"; google_ad_slot = "7089705112"; google_ad_width = 200; google_ad_height = 200; </script>  <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div><div class='widget AdSense' data-version='1' id='AdSense1'> <div class='widget-content'> <script type="text/javascript"> google_ad_client = "ca-pub-8185139357501629"; google_ad_host = "ca-host-pub-1556223355139109"; google_ad_slot = "5776623444"; google_ad_width = 200; google_ad_height = 200; </script>  <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='sidebar no-items section' id='sidebar-right-2-1'></div> </td> <td class='columns-cell'> <div class='sidebar section' id='sidebar-right-2-2'><div class='widget BloggerButton' data-version='1' id='BloggerButton1'> <div class='widget-content'> <a href='https://www.blogger.com'><img alt='Powered By Blogger' src='https://www.blogger.com/buttons/blogger-powerby-blue.gif'/></a> <div class='clear'></div> </div> </div></div> </td> </tr> </tbody> </table> <div class='sidebar section' id='sidebar-right-3'><div class='widget HTML' data-version='1' id='HTML5'> <h2 class='title'>websites help, java help, c language help</h2> <div class='widget-content'> <script type="text/javascript"></script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> <div class='clear'></div> </div></div> </aside> </div> </div> </div> <div style='clear: both'></div>  </div>  </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table>  <div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Picture Window theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer>  </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY5CpFJpR4TDVTZYgCJedeEPEGppuQ:1715214263808';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7227425366482465228','//swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html','7227425366482465228'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7227425366482465228', 'title': 'Web Solution', 'url': 'http://swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html', 'canonicalUrl': 'http://swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html', 'homepageUrl': 'http://swebsolution.blogspot.com/', 'searchUrl': 'http://swebsolution.blogspot.com/search', 'canonicalHomepageUrl': 'http://swebsolution.blogspot.com/', 'blogspotFaviconUrl': 'http://swebsolution.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Web Solution - Atom\x22 href\x3d\x22http://swebsolution.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Web Solution - RSS\x22 href\x3d\x22http://swebsolution.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Web Solution - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7227425366482465228/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Web Solution - Atom\x22 href\x3d\x22http://swebsolution.blogspot.com/feeds/1334127006249755814/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8185139357501629', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/af0c04622aa32429', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '1334127006249755814', 'pageName': '27 Dos web Design', 'pageTitle': 'Web Solution: 27 Dos web Design'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'Picture Window', 'localizedName': 'Picture Window', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'shade', 'variantId': 'shade'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '27 Dos web Design', 'description': 'Do reuse images Once images are loaded they are stored in cache. If you use the same image in several webpages the image will be loaded the ...', 'url': 'http://swebsolution.blogspot.com/2007/11/27-dos-web-design_18.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1334127006249755814}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'crosscol-overflow', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2309908549-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'sidebar-right-1', document.getElementById('HTML10'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar-right-1', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-right-1', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-right-1', document.getElementById('HTML8'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense4', 'sidebar-right-1', document.getElementById('AdSense4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'sidebar-right-1', document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar-right-1', document.getElementById('AdSense1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'sidebar-right-2-2', document.getElementById('BloggerButton1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-right-3', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>

Web Solution

Web solution, Websites help, Java help, C & C# Language help

Sunday, November 18, 2007

27 Dos web Design