Basic of Web Designing

  1. Think small, like 10-12 KB per image. Yes, depending on the source, the number of broadband users is going up. But slow pages are still really annoying, even if you're on a T1. And huge images are a primary cause of slow pages. It's easy to optimize your images.
  2. Always use graphics that fit the content. Just because you have an adorable photo of your dog doesn't mean you should have it on your Web site about Web Design . The main exception I would make to this is for "design" images. These are photos or graphics that help make up the design of the page, and are not intended to illustrate the content.
  3. Do not use images that blink or move or change or rotate or flash or do anything on your page. Or use them sparingly. There have been many studies that show that flashing graphics are distracting and annoying to people. In fact, in one focus group I watched the browsers actually physically cover up flashing graphics so that they could read the rest of the page.

    Layout

  4. Stick with standard layouts. I've seen some pages that use 6 or 8 frames on one page. Another site used a layout where you had to scroll to the right to read everything on the page (but you never had to scroll down). These layouts are cute, and you might find them fun to build, but they will drive your readers nuts. The reason that the 3-column layout is so popular on Web sites and newspapers is because it works. You might think it's boring, but you'll keep more readers if you stick with something simple that they can understand.
  5. Whitespace is more than the CSS property, it is a function of your layout. You should be aware of the whitespace on your pages and how it affects how the content is viewed. Whitespace is just as important in a Web layout as it is in a paper layout.
  6. Use your graphics as elements in your layouts. Graphics can be more than just graphics when you use them as actual elements in your layouts. An extreme example is when you wrap text around an image, but any image you have on your site is a layout element and should be treated as such.

    Fonts

  7. Serif for headlines and Sans-Serif for text. If you've taken any type of print design, this might be exactly the opposite of what you were taught. But the Web is not print. Sans-serif fonts are much easier to read on computer monitors because the screen resolution is not as high as in print. If you use serif fonts for normal text, the serifs can blur together on the screen making them hard to read. Your printer friendly page should use the opposite fonts (serif for headlines and sans-serif for text).
  8. Limit the number of different fonts. One of the best ways to make your Web site look amateurish is to change the font over and over. Sure, it's possible to do, but limiting your page and site to 2 or possibly 3 standard font families is easier to read and looks more professional.
  9. Use standard font families. Yes, you can choose to use "Rockwood LT Standard" as your font on your page, but the chances that one of your readers will have that font as well is pretty low. Sticking with fonts like Verdana, Geneva, Arial, and Helvetica may seem boring, but your pages will look better and the designs look correct on more browsers.

    Advertising

  10. Don't be greedy. If you have any control over the number of ads on your site, be aware that your readers are not coming to read the ads, they are coming for the content. If the ads overwhelm the page content, many readers won't stick around long enough to read your purple prose. Yes, it's important to make money from your Web site, but if your ads drive people away, you'll ultimately lose money.
  11. Treat ads as you would any other image. Keep them small, avoid blinking/flashing, and keep them relevant. Just because you can have an ad on your site, doesn't mean that you should. If the content is relevant to your readers, they're more likely to click on the ad.

    Remember Your Readers

  12. Test your pages in multiple browsers. Writing Web pages that work only on the most modern browser is both stupid and annoying. Unless you are writing a Web site for a corporate intranet or a kiosk where the browser version is completely fixed, you'll have problems with people not being able to view your pages.
  13. The same is true for operating systems. You can't assume that just because your page works in IE5.0 for Windows it will work in IE5.0 for Macintosh.
  14. Write content that they want. Unless you're writing a site purely for yourself (and if you are, why is it posted to the Web?), make sure that your content covers topics that your readers want to read.


0 comments:

Retrieve Previously Watched Video from Browser Cache and Save

After watching a video in a Web site, you may want to save the video file into your local disk for playing it offline in the future. The video file is stored in your browser’s cache and the following tips can help you to extract the video file from the cache and save it for watching it in the future.


Read more

0 comments:

Local Web Server Software: Test WordPress, Forums, Website CMS Projects Locally on Windows

If you’re designing a web application offline you will need to take the jump from client-side technologies like DHTML, to server-side technologies like PHP and Perl. One might also need to make use of databases to store data in case of content management projects.

Hence you might need to test your work before you launch it into the public domain of the Internet. This can be done by using a local web server, which acts like a real online web server where you can test your projects offline.
Best Local Web Server Software for Windows

WAMP – Best Local Web Server Software for Windows


WampServer is a Windows web development environment. It allows you to create web applications with Apache, PHP and the MySQL database. It also comes with PHPMyAdmin to easily manage your databases.

WampServer installs automatically (installer), and its usage is very intuitive. You will be able to tune your server without even touching the setting files. WampServer is the only packaged solution that will allow you to reproduce your production server. Once WampServer is installed, you have the possibility to add as many Apache, MySQL and PHP releases as you want.

XAMPP – Easy to Use Local Web Servet localHost Tool


Many people know from their own experience that it’s not easy to install an Apache web server and it gets harder if you want to add MySQL, PHP and Perl. XAMPP is an easy to install Apache distribution containing MySQL, PHP and Perl. XAMPP is really very easy to install and to use – just download, extract and start.

XAMPP is a free installer that has Apache / PHP / MYsql / perl and more integrated so you won’t have to configure anything yourself.

Random : Types of Popular Real Time Web Services Online

USBWebserver  – Portable Web Sever Software


USBWebserver is a combination of the popular webserver software: Apache, MySQL, Php and PhpMyAdmin. With USBWebserver it is possible to develop and show your php websites, everywhere and anytime The advantage of USBWebserver is, you can use it from USB of even CD

USBWebserver is perfect for:

    Show a offline version of your website
    Anywhere and anytime develop php websites
    No need for expensive hosting
    Working at multiple locations at projects
    A good test before putting your website online
    And many more

MoWeS Portable – Select Packages for Your Local Web Server


MoWeS Portable II is a free software that enables you to quickly set up a WAMP (Windows, Apache, MySQL and PHP) system on any Windows system.

Additionally, you can download so-called packages. Packages contain application software, such as TYPO3, MediaWiki, WordPress, Joomla!, etc., and are installed automatically.

These are practically useful if you are an developer and provide web application development services, which lets both you and your clients to test the software/scripts locally on a PC before deploying it online for analysis and bug testing. 


0 comments: