Using CCS to Eliminate TablesGet Web Design Tips and Tricks on mps-web-design.com. Using CCS to Eliminate Tables 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.
CSS or Cascading Style Sheets has opened up tremendous possibilities for improving web site designs, web page layouts and adding new features. The HTML code can be made shorter, cleaner and simpler by CSS resulting in faster loading of web pages, and making them more accessible to search engines. Here I am narrating my experience with only one part of CSS - using it to eliminate tables. If you look at a traditionally designed web page, you are likely to find number of tables in the layout. Tables were earlier used only for displaying information in a tabular form. But web site designers soon started using tables for other applications such as showing images, graphics and other decorations. My own web pages were earlier checkerboards of tables. Each web page was almost fully covered with tables and many tables were nested inside other tables. As I tried to add more features the design became more and more complicated resulting in longer loading times. It also took lot of time to "adjust" the tables on the page to make it acceptable. It was not an easy task to redesign all the pages using CSS. But once I started, the improvements were more than I had bargained for. The design became simpler, the appearance improved and loading time came down considerably. The code looked real clean. Most of 'td' and 'tr' tags were gone. My purpose of this exercise was not really to change the appearance but to make the design simpler. Now the tables which were earlier used only for design purpose have been eliminated. For eliminating tables first step is to decide which tables or more specifically which cells have to be removed. For applying CSS each cell of a table can be considered as a "box". These boxes are given separate identities and description of each "box" goes into CSS code. The "boxes" can be given names such as box1, box2 etc. The description of the "box" can include size, its location on web page, background color and image if any, font details, padding, border details etc. The location of the "box" can be made "fixed" on the web page, or it can be floating in which case location can be defined with respect to another "box". If the location and dimensions of the boxes are properly worked out, they neatly fit into the web page giving it a clean look. Since the code associated with table designs are done away with, the content of the page attains more prominence in the code. This makes it easier for search engine spiders to locate the actual content of the page. If you have several web pages with similar design, the CSS code with these and other details can be put in an external file. This will further shorten the code for each page. With CSS lot many improvements can be done in web page design and layout. CSS can also be used for search engine optimization of the page. My experience with CSS has been great and I wonder why it is not used more often. My advice - convert to CSS based design. Go Up Strong! - Increase Your Vertical and Teach Yourself to Dunk in a Matter of Days using this Revolutionary New System! Stand-Up Comedy Secrets! - Next Generation System For Quickly Developing Funny Stand-up Comedy Material. Eliminate Writers Block & Get The Big Laughs! Headscape is 10 years old today. It therefore feels like an appropriate time to look back and ask myself what I have learnt over the last 10 years. 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. A Guide to choose Keywords and place it on website.. Keyword marketing In the Field of SEO-Search engine optimization choosing keywords is one of the most important tasks. You should choose keyword wisely. Choosing keyword is not a guessing Game but it is an art. Why to choose keywords? As you probably aware of search engine traffic. Search engine traffic is very very important for success of any website. It is estimated that approximately 65 to 85% of traffic (average) coming from search engine (however is depends on how you promote your websi… 2. Bad Web Design: Navigation Errors Confusing navigation is another way to keep your visitors from coming backor even staying very long on their first visit. You must provide a way foryour visitors to find out what you've got - it's of no use if no one seesit.Link Every Page To The Home Page - One huge mistake that many webmastersmake is to forget to link every page back to their home page. It's importantto remember that search engines typically spider your entire site. Thismeans that visitors can land literally anywhere in your s… 3. The Brutal Truth By Kevin William Davies Not too long ago while looking for businesses that do web design I stumbled upon website. It looked great. It had cool pictures arranged in a grid. But I couldn't figure out what to do next. So I moused over one of the pictures. Nothing happened. I moused over another picture. This time some words came up.I felt like I was playing Myst. I can't stand Myst. I felt frustrated. All I wanted to know was how much they charged for designing a web page.Why do people build websites like that? It's bec… 4. Get Your Own Web Site Get Your Own Web SiteHere is a list of some basic things that should be done to get your own professional web site on the web.Register your domain name. There are several places where you can register your domain name. To check the availability of the name go to whois.com.Find a web site host. There are web hosts available for every budget. Make sure it is dependable. Some hosts do not manage their servers, the computer where your web page will be stored, very well. Choose a company that can han… |
||||
