Web Design Information |
|
Using CCS to Eliminate Tables
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. Sanjay Johari contributes articles regularly to various ezines. His website contains information, articles, resources, opportunities and more for small business owners and home based business owners. http://www.sanjay-j.com Join the longest running internet business opportunity - because it works!http://www.sanjay-j.com/empowerism.html
MORE RESOURCES: Best web design software of 2024 TechRadar Top Web Design Firms Announced by SEMFirms for May 2024 24-7 Press Release Renowned Designer and Entrepreneur Thom Fajemisin, the Creative Force Behind the Redesign of the Ducati Logo ... News Channel Nebraska Graphic design trends | Web Design and Content Marketing Crescent Vale MDS launches new web design services Boating Industry Website Design Competition - MCWT Michigan Council of Women in Technology New Insurance Lead Generation Company Increases Online Visibility for Niche Insurance Agencies and Carriers Kentucky Today Moving Your Website into the Web Design System (WDS) Washington State University Why (and How) I Learned Web Development as a Data Scientist Towards Data Science 33 Best Web Design Companies 2024 Built In 9 Chicago Web Design and Development Agencies To Know Built In Chicago Top Web Design Trends 2024 Designmodo BFA in Art - Graphic Design | Undergraduate Programs | Visual TWU Texas Woman's University 18 beautiful parallax scrolling websites Creative Bloq 8 Things I know about ... Web design trends for 2024 Worcester Business Journal 30 Best Web Design Agencies To Partner With in 2024 Influencer Marketing Hub TSTC Marshall spotlights online web design and development program Marshall News Messenger Why isn't Adobe doing web design better? Creative Bloq Fastest Online Web Development Degrees Arizona Education News Service Sweb CEO puts AI to work for small business web design San Antonio Report Design Studies (Minor) | College of Liberal Arts UNH's College of Liberal Arts Website Design | Alton | Edwardsville | St Louis RiverBender.com How to design a website: A beginner's guide CNN Underscored Jessica Sorden's Transformation from Corporate Burnout to Web Design Maestro - by Carly Winchell The Ark Valley Voice Jeremy McGilvrey, A Houston Web Design Agency, Inks Long-Term Lease In Prestigious Williams Tower Office Space Yahoo Finance Valpo Web Design & Marketing helps businesses through intentional design and forward thinking Valpo.Life Empowering Innovation: Shopify and Google Cloud Partner to Transform Customer Experience (2024) Shopify 6 ways AI is changing web design Creative Bloq Are you up to build the next best website? Get started with one of these 5 web design courses Fortune Information technology students delve into web design with capstone project University of Missouri College of Engineering How to Design an ADA-Compliant Website | CO- by US Chamber of Commerce CO— by the U.S. Chamber of Commerce Valve and Picnik vets Hatch new idea — a no-code web design platform for 'tech curious creators' GeekWire Valpo Web Design supports NWI No Child Hungry in fight against food insecurity with new website Valpo.Life Web Design Statistics 2024 and Facts Enterprise Apps Today Valpo Web Design & Marketing | Partners Valpo.Life 5 seriously useful AI web design tools Creative Bloq 25 Awesome About Us Page Examples For Web Design Inspiration Search Engine Journal 18 Free Web Design Tools, Winter 2024 Practical Ecommerce Michelle Belleville Science@NASA How Google perfected the web The Verge Locofy.ai's accelerates web design-to-code with AI as it pioneers Large Design Models Markets Insider The best free blog websites Creative Bloq Mizzou alumna uses web design expertise to give back to engineering, community University of Missouri College of Engineering Best web development tool of 2024 TechRadar 17 Free Web Design Tools, Fall 2023 Practical Ecommerce The 39 best free web fonts Creative Bloq How web design trends have evolved Creative Bloq 25 Best eCommerce Website Design Examples for 2024 Influencer Marketing Hub Regulator: “Harmful” Web Design Could Break Data Protection Laws Infosecurity Magazine 6 great tools for testing responsive design for websites Creative Bloq |
RELATED ARTICLES
Website Sales: Discover 10 Mesmerizing Insider's Tricks To Ignite Your Sales Marketing is not an easy skill to acquire.It requires patience and a lot of efforts in conducting many tests and improvement to get it right. Browser Compatibility Internet Explorer, created by microsoft has been the most popular web browser for many years. But the gap is shrinking with the release of Mozilla Firefox, by an open source community. What Happened to My Website when I Deleted the Home Page by Mistake? There is a widespread confusion among lots of new website designer concerning the home page.If you get any book, any course, or ask most web page designer how to build a website, they will advise you to build your home page first. Get FASTER Download Times By Making BIGGER Web Pages! As a webmaster you already know how important it is that your web pages download fast. In a nutshell, if your pages are slow, then you're losing visitors. Selling Multiple Products? Avoid These Top Blunders When your web site sells more than a dozen items, you may face a fierce challenge of helping shoppers find what they are looking for. You'll need to classify products into categories, but these will serve as obstacles and even dealkillers if those categories do not match those in the headsof shoppers. Database Driven Website The solution lies in creating a 'Database driven website', through which web pages are created dynamically which further gives a web site visitor an up-to-dated view of information stored in the database. When the information in the database is updated, site visitors will immediately see the changes that have been made. Successful Websites Don't Set Out To Sell What are websites? Are they sales tools for vendors and service providers, or are they electronic guidance for potential customers? Put simply, are you selling or are you helping?Your answer to this question may determine the success of your website. So think carefully?How we define what a website is all depends on which side of the fence we're on. Can a Webpage Created Without HTML? The HTML editor is usually a webpage design software that has a GUI(graphic user interface) which makes it easier to design a webpage using the File Menus. This is good for the non-programmers and non-technical people. Website Savvy: 10 Key Steps to Turn Your Customers ON! "How to turn "slightly interested" customers into "I've got to have it!" customers!"I am truly amazed as to the lack of information websites contain. You would think that a business would realize that a potential customer would at least like to know how to contact the customer service department. How to Choose Web Design Company? Before deciding on which web design company to choose, you should first determine the main aim and purpose for your upcoming website. Once the aim and purpose have been identified, then only move on to choose a reliable web design company to develop your website. Positive Design Attributes for a Successful Website Designing a website is hard job, and requires you to think out a plan of action, and put in a lot of work to make it successful. There are many different kinds of websites on the Internet, but if you look at all the top performers with high traffic, you will notice that they all have similar design characteristics which place them as the best in the world. Stop Sabotaging Your Sales Do your web pages, sales letters or personal presentations include subtle distractions that unnecessarily cause you to lose sales?Sometimes prospective customers get distracted during the selling process by outside interruptions. You cannot control those. When Your Graphic Designer Costs You Money So how do you know when your graphic designer costs you financially and emotionally?When a file is not prepared correctly? When you go to press and have your media material produced in prints, and find out that the file was built incorrectly, then that's the time when your graphic designer will cost you money.Many pre-press operators have complained about having to correct graphic designers work. Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reasons Why? A Double Ad Tracker is an Ad-Tracker that points to an AD-Tracker. It may sound a bit like overkill to have an Ad-Tracker Pointing at another Ad-Tracker but it's not crazy. The Proper Way to Use Images Most people will agree there is nothing more annoying than going to a site and it taking forever and a day to download all the images just so you can see the site. Then after waiting, realizing that the site is completely ugly, irrelevant,or not what you thought is was, and wasting your time. Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1 Have you put a lot of effort, time, and money into your site and are frustrated with lackluster sales? Are you planning to put a new Web site and don't know where to start? If you are like many business professionals out there, you know your subject, you are an expert speaker or coach in your field, and you are even passionate about it. You have great products and services to sell. Low Cost Web Design In Birmingham There are many companies who build websites, all of which who want your business. This puts you in a very strong position when trying to obtain a good deal, a professional looking website at a low affordable price. How To Design Your Web Site With CSS Cascading Style Sheets (CSS) allows you to create fastloading pages, increase your search engine rankings, andmodify your whole site with one style sheet. So why don'tmore people use them? This is because they got so used tohtml design and are afraid or too lazy to upgrade theirskills. 404 Error - The Page Cannot be Found A "404 Error" happens when the web server you are on cannot find the page that you requested. This type of error is quite common and is seen all over the place. The Secrets to Successfully Learning Basic HTML If you'd like to create/maintain a website, having some HTML knowledge is necessary in order to create a standard page on the web. Learning the HTML basics is easy and should take less than an hour. |
home | site map |
© 2006 |