Tables can become complex. You need to carefully plan them. Mapping to the nearest pixel can grow tedious and can take several attempts, but it’s an essential step in designing a well laid out page.
Developing layout ideas
Start with a general idea and slowly plan your layout until it becomes more solid and specific. Follow these basic steps:
This way, you can begin to determine
You need to make the following design choices:
For example, many Web sites, such as the one in Figure, include a logo image that provides a hyperlink to the site’s home page, so no matter what page you’re on, you can always get back to the front door.
Decide between using text or images for navigation, as follows:
In Figure, the logo is the main focal point. Its dimensions are 276 pixels wide by 110 pixels tall.
Concentrate on managing the width of the table. Let the contents of your table determine the cell height. Height is less important because users are familiar with scrolling up and down Web pages. However, they may get frustrated by scrolling left and right to read content.
Drafting the table
When you know how big and how numerous your design elements are, you can sketch a rough table on paper. If you opt for a simple approach, each main element (logo, hyperlink image, and navigation) has its own cell. In Figure, that means only three cells.
If you have only a few cells, you’ll probably have to span the cells so the contents fill the width of your page.
Figure shows the final sketch for your table:
Figure : Start by sketching the table dimensions, even before opening a text editor.
The author of our sample Web site uses images in place of text for the navigational elements; however, for usability reasons, try using text in place of images when possible. Even so, if you want complete control of the font(s) in which your text appears, you may have to use images — and create an image of the text written in your chosen font.
HTML 4 Related Interview Questions
|XML Interview Questions||HTML 4 Interview Questions|
|HTML Interview Questions||HTML 5 Interview Questions|
|HTML DOM Interview Questions||Java Interview Questions|
|CSS Interview Questions||Java Abstraction Interview Questions|
|Dynamic HTML Interview Questions||XHTML Interview Questions|
Html 4 Tutorial
The Least You Need To Know About Html And The Web
Creating And Viewing A Web Page
Proper Planning Prevents Poor Page Performance
Creating (x)html Document Structure
Text And Lists
Linking To Online Resources
Finding And Using Images
Introducing Cascading Style Sheets
Using Cascading Style Sheets
Getting Creative With Colors And Fonts
Using Tables For Stunning Pages
Scripting Web Pages
Working With Forms
Fun With Client-side Scripts
The About Me Page
The Ebay Auction Page
A Company Site
A Product Catalog
Ten Cool Html Tools
Ten Html Do’s And Don’ts
Ten Ways To Exterminate Web Bugs
All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.