 |
Home 
Contact 
Sitemap
|
| Web Design | Web Development | E-Commerce | Multimedia | Web Optimization | Offshore Outsourcing |
Custom Website Design
Flash Website Design
Real Estate Website Design
E-Commerce Website Design
Shopping Cart Design
Web Portal Development Design
Search Engine Optimization |
Company
Services
Pricing
CMS
Solutions
Logo
Design
|
 |
|
 |
|
|
|
|
|
|
e-Learning| Keeping Navigation Current With PHP - Custom Website Development Article |
Turning unordered lists into elegant navigational menus has become the new favorite pastime for many web developers. Adding a unique id or class attribute to indicate which menu item reflects a user’s current page, however, can become laborious. Even if you use body id attributes instead, as ALA does, some labor is involved and it is easy to make mistakes. But thanks to PHP, we can add these current-page indicators automatically.Consider this tutorial a marriage of Christopher Robbins’s Manage Your Content With PHP and Mark Newhouse’s CSS Design: Taming Lists. The offspring of this marriage will be a single navigational document called navigation.php. Using PHP, we will include our one-size-fits-all navigational menu into every page of our site. Unlike other site-wide includes, however, this one will know which page the user is viewing and will adjust the current-page indicator appropriately. Keeping current To visually indicate which page of your carefully crafted CSS navigational menu represents the current page, you typically add an id or class attribute with a currentpage value, and style accordingly. Your markup and CSS might look something like that shown next: HTML <div id="navigation"> CSS #navigation ul { The result will look something like this:
PHP is an open-source server-side language. In order to use PHP, you will need the PHP module installed on your server. Most Linux servers have this module installed, and the PHP module is also available for Microsoft servers. If you are unsure about your server or modules, just ask your web host. What to include? We’ll start by removing the navigational menu from all pages and placing it in a separate document called navigation.php. This document will contain just the (X)HTML that makes up your navigational menu. In this case, it will contain the above <div id="navigation"> and all of its content. As you remove the navigational menus from each page, you’ll add in a pinch of PHP. All it takes is some basic PHP to include the content of navigation.php. PHP’s include() function offers a handy way to call an external file from the server. Simply replace the navigational menu with this line of code, being sure to adjust for the location of the file on your server. I like to put all of my PHP includes in a folder named phpincludes. (How original.) <?php include("phpincludes/navigation.php"); ?> While you have your document open, you’ll also need to add a unique identifier at the very top of every page that PHP will understand, ideally appearing before the HTML tag. You’ll do this by creating a varible called $thisPage and assigning a value that is both descriptive and unique to the document. Naming your document is easy. If you are working on the “About Us” page, assign the value About Us, like so: <?php $thisPage="About Us"; ?> <html><head> Since PHP is a server-side language, the server will take care of the naming of the document and the inclusion of navigation.php well before the the file is sent to the browser. All that’s left is adding some PHP to your navigational file. Putting it together HTML and PHP code for navigation.php <div id="navigation"> Pay attention to all of the PHP syntax. The dual equal signs and backslashes next to the nested quotation marks are required. Your links should also go to real pages on your site. I’m just using the pound symbol for simplicity, but you knew that. Upload your files to the server and give the menu a test run. This is important, for unless you’ve configured PHP on your client or are using a tool like Dreamweaver, the PHP includes will not run locally. If all goes well, the server will receive your request, recognize and run the PHP on your page, import your navigation.php file, and return a custom-built (X)HTML document that — like your mother — seems to always know where you've been. Other uses for $thisPage Though the possibilities are endless, another favorite use I have for $thisPage is focused toward search engine optimization. Since you’ve already given each document a useful name, why not go ahead and update some document-specific tags with useful content? Here are a few other uses you might find for $thisPage. <?php $thisPage="About Us"; ?> When the file is processed and delivered, search engines will receive a document that has page-specific title and keywords, like so: <head><html> |
:: Find Your Requirement
Custom Website Design
Flash Website Design
Real Estate
Website Design
E-Commerce
Website Design
Shopping Cart Design
Web Portal Development
Design
Search Engine
Optimization
:: Client testimonials
