CASCADING STYLE SHEETS AND SERVER SIDE INCLUDESGet Web Design Tips and Tricks on mps-web-design.com. CASCADING STYLE SHEETS AND SERVER SIDE INCLUDES 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.
We packed up with external Cascading Style Sheets in the previous section, and I had mentioned like a sage that their could be a point in your life when you would like to implement different CSS definitions for different sections of the same HTML page. I understand that as you go through these HTML gospels, you're growing wiser and wiser, and your unquenchable thirst for wisdom is attaining new heights. Good! We use the CLASS attribute to render different CSS definitions to same tags. Ok, before we move ahead, today I read in an article that tags in an HTML file should be used in small caps so that they can be used in sync with the emerging trends like XML etc. So small caps from now on. Supposing, in one section, we want to look purple, and in another, we want to look black. If we do it in the usual a { font-size : 10 pt; font-family : Arial; font-weight : bold; color : Purple; text-decoration : none; } a:hover { font-size : 10 pt; font-family : Arial; font-weight : bold; color : Purple; text-decoration : underline; } manner, we'll only have a purple colored tag because the definition is applied universally. So what do we do. We uses 'classes' in this manner: a.sec1 { font-size : 10 pt; font-family : Arial; font-weight : bold; color : purple; text-decoration : none; } a.sec1:hover { font-size : 10 pt; font-family : Arial; font-weight : bold; color : purple; text-decoration : underline; } a.sec2 { font-size : 10 pt; font-family : Arial; font-weight : bold; color : black; text-decoration : none; } a.sec2:hover { font-size : 10 pt; font-family : Arial; font-weight : bold; color : black; text-decoration : underline; } If you're the noticing type, you'll notice the use of sec1 and sec2, which we can take as the two sections. We execute these definitions in the HTML page somewhat like this: To see the site of the immortals, click this purple text. To see the site of the dead, click this black text. Let's now life the CSS affairs and move on to the SSI - Server Side Includes. Although in the real world, it depends on the guy/girl managing your server whether you can use the SSIs or not, assuming you can use them, you should know how and why to use them. First, why? The use is somewhat akin to the external CSS. One change, and it is reflected through the entire web site, even if there are thousands of pages. The ideal use is the navigation bar. Of course you know that every web site deserving to be called a web site must have a navigational system so that you can explore it in an amiable manner. On this web site - http://www.Bytesworth.com - if you can see those gray buttons on the right hand side, they help you navigate through hundreds of information pages. To facilitate hurdle-less navigation, these buttons should be on every page, so that you can immediately click to the section of your desire, irrespective of where you are loafing around. This is achieved by including the line Where 'nav.inc' is some file you deem fit to include. The extension 'inc' does not have any technical implication in this case - you can have any extension. Whatever code is there in the included file, gets included in the HTML file. So wherever you want to use the include file's content, append the above line where you want the output to appear. There is another way to include file such as , but for the time being, you can do without it. Including a navigation bar is not the only utility of the SSI's. You can come up with complex ASP and CGI codes to include in your page, but that is beyond the scope of this tutorial, at least at the moment. Another thing to keep in my mind while making pages that are destined to have included files in them: there extension should be SHTML rather than HTML or HTM. This extension informs the ignorant server that the file being loaded is going to use the SSIs. In the next section, we are going to deal with a navigation bar, and how to use tables (remember them?) for it. We'll also learn how to define bulleted list.
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. Make Sure Your Site Loads Fast Every site must exert every effort in order to make their websites load fast. Too slow or lousy loading drives away visitors. The reason behind is - they don't want to WAIT, that is! Patience and time are two of the precious attributes why you have to make your site easy to load. Patience because visitors do not have patience to stick with your site until your site has fully loaded. Visitors can change their mind in just a flick of a finger thus your site must load as fast as a flick of a finge… 2. Quality Web Copy is the Key to Success By Alan Richardson Many websites make the mistake of being all flash and no substance. Nothing irritates potential customers more than visiting your website hoping to find information and instead seeing only blinding color and flashing borders. Of course, you want your website to be attractive, even snazzy, but if there is no useful information included in well-written copy, customers are going to go elsewhere.Offering your potential clients and customers informative, well-written copy is one of the most impor… 3. How to Hire The Right Web Design Firm By Jim Ray Regardless whether you manage a small business, charitable organization, or Fortune 500 company, choosing the right web design firm can quickly become a full-time research project. With thousands of design firms to choose from, what factors truly determine which design firm is best for your business?The primary considerations for choosing a web design firm are:* Price * Customer service/access to support * Credibility indicators of the design firm * Portfolio and design experience * Other ser… 4. A Turnkey or Customized Website: Which One is Right for You? No doubt transporting your business online has never been easier. But one towering question remains: should I use a turnkey software that's already been developed or a totally customized Website option for my business? Continue to read to learn the pros and cons of these two website building options, and to decide whether to choose a turnkey website builder or a purely customized solution for fulfilling your business requirements and expectations. Below are major factors to consider when you are… |
||||
