| Top Web Hosting Provider of The Month: |
 |
| Visit Bluehost.com | Read Bluehost Review |
|
|
| >> Web Hosting Geeks // Web Hosting Articles // Web Design |
|
|
 |
Designing Your Websites Directory Structure
Any kid, and their grandmother too, can make a webpage. There are many "wysiwyg" webpage design applications that let you create a webpage as easy as typing text. But only a few people can create a WEBSITE. The stumbling block is knowing how to link webpages together to form a website. I have seen many websites that consist of a single webpage - about a mile long! The first problem is that websites are contained in virtual directories. You know that your webpages can be found at yourdomain.com, but the actual path to yourdomain.com on the web server may be known only by the system administrator. And the system administrator can move your website to a different folder, or even a different computer, without changing its virtual address. The second problem is that most people don't know how to write a relative link. Relative links have the advantage that you don't need to know the path to the webpage that you want to link to, you only need to know where it is "relative" to the webpage containing the link. Designing Your Directory Structure The first step to implementing a website is to design the directory structure. Let's design a directory structure for a simple download website. The website consists primarily of articles and digital material that visitors can download. You could just dump everything at the top level of the website. Good luck maintaining that website! To keep the files organized, you need to create sub-directories (folders) on the website. Even though the website consists only of articles and digital downloads, you need five sub-directories, as described below.
You understand what the "articles" and "downloads" sub-directories are for, but what are the other three sub-directories for? It's standard practice to provide certain features on your website, as listed below.
Each of these features requires a webpage. Instead of dumping the webpages at the top level of the website, or mixing them in with articles or downloads, let's put them together in a folder named "general" (I'm sure you can think of a better name). All of your webpages use certain things in common, for example, your logo graphic. If your web server provides SSI (Server Side Includes) all your webpages can share a common header file and a common footer file. You might also define all your website's styles in a common style sheet. Let's put all of these files in a folder named "common". Your contact page might use an email form. If your server provides server-side scripts, you would place the email form script in a folder named "cgi-bin". Cgi-bin stands for "Common Gateway Interface - Binary". Few people use CGI any more, and those that do don't use binary files, but the folder name has stuck as a traditional place to store scripts. Almost all websites come with a preconfigured cgi-bin folder, and the website may be configured so that the cgi-bin folder is the only folder with rights to run scripts. I would also recommend that you create certain sub-directories for some of the above mentioned directories. Most web pages contain images. You could dump all the images in the same folder with the webpages, but when you get more than about 50 files in a folder, it becomes difficult to maintain. You should create an "images" sub-directory in the articles, downloads, and general directories. The downloads directory should also have a "files" sub-directory to store the downloads. This arangement of directories and sub-directories will provide good file organization for the example website. Understanding my reasoning for this directory structure should help you to design a directory structure for the website you have in mind. Default Page Configuration Every website has at least one default webpage configured (also called the "home" page). The default webpage is the webpage that is returned when the user enters or clicks on a link containing only the domain name, without a specific file name. On a Unix or Linux web server, the default webpage will usually be "index.htm". On a Windows web server (IIS), the default page will usually be "default.asp". The website administrator, or if your webhost provides the required "control panel" feature, you can actually configure any page to be the default page. If your web server has more than one default page configured, I would recommend removing all but the default page that you intend to use. Now, let's assume that all of your webpages need to link to an image file named "logo.gif" stored in the "common" folder. The relative link on your default webpage would be as shown below. "common/logo.gif" The website file manager interprets this as "look in the folder named common for the file named logo.gif". However, the link on any webpage contained in one of the sub-directories would be as shown below. "../common/logo.gif" The website file manager interprets this as "go up one level, then look down in the folder named common for the file named logo.gif". This difference in the link may not be a problem unless you use SSI or ASP (Active Server Pages) to build your webpages from a common header file and a common footer file. Then you need a different link in the common file depending upon whether the page linked to the common file is the default webpage (where you would use common/filename) or a webpage contained in a sub-directory (where you would use ../common/filename). There are several ways to solve this problem. 1. If your website has a server-side scripting engine like ASP or PHP and you know how to program, you could implement code that selects the proper link. 2. You could use the complete path, including the domain name, on all pages. This will cause problems if you ever have to move your website to a different web host (Until all the dns servers across the planet have been updated). 3. You could put your home page in a sub-directory, for example "common", and make your default page into a re-direct to your home page. Then you would use "../common/filename" for all links. The following meta tag, placed the head section of your default webpage, will immediately redirect the users browser to your real home page. meta http-equiv="refresh" content="0,url= "http://yourdomain.com/common/homepage.htm" In this article, I showed you how to design a directory structure for your website and how to create relative links to link all your webpages together to form a website. Website visitors don't like to do a lot of scrolling, so try to keep your webpages to only two or three screens high. Please, no more websites that consist of only one mile long webpage! Copyright(C) Bucaro TecHelp. Permission is granted for the below article to forward, reprint, distribute, use for ezine, newsletter, website, offer as free bonus or part of a product for sale as long as no changes are made and the byline, copyright, and the resource box below is included. About The Author Stephen Bucaro To learn how to maintain your computer and use it more effectively to design a Web site and make money on the Web visit bucarotechelp.com. To subscribe to Bucaro TecHelp Newsletter visit http://bucarotechelp.com/search/000800.asp.
MORE RESOURCES:
Web-Design - Google News |
|
|
|
RELATED ARTICLES
When You Create A Web Site, Dont Make A Splash! Don't make a splash!Are you thinking about using a splash page when you create a web site? You would be wise to think again.What is a splash page?Generally, it is a fancy entrance graphic which requires your visitor to click in order to enter the main home page of your web site. Understanding How HTML Color Codes Work Ever wonder how HTML color codes are put together? For the beginner, it can look like lots of numbers and letters that make no sense. In reality, HTML color codes are written that way for a specific reason that we'll look at in this article. Long Copy Sales Letters on the Web: Hype or Not? I have written before about long sales copy on the web. But I have more to say on the subject. Are Web Templates Worth It? First off, I am a designer. Now you're thinking, here's this guy trying to convince me to hire a designer costing a few hundred to a few thousand dollars instead of buying a pre-made web template for about $60. Your Website Hurts My Eyes: 7 Reasons to Tone Down Your Advertising So you're on the computer, as usual. Your eyes are smarting. Creating Your First Website? Your Options Creating your own website is great fun! But how is it done? Well, there are five main options, read this carefully and choose which one you think is best for you!Use software you already have:You may not know this, but you can actually use Microsoft Word to create webpages! This is great, since you can save yourself the cost of buying expensive new software. Just create your document as you would do normally, and then just select "Save As" from the File menu. Three Things You Must Do When Designing and Building Your Small Business Website If you are going to have a web presence for your small business, it only makes sense that it should actually help you get more business. In order to do so, your website design should focus on performing only one function - and that's to convey your sales message to your site visitors in an effective and efficient manner. Basic Graphic Design Wether you design your business brochures, flyers, web page, or ads there are some things that you need to know. There are some basic graphic design principles that those of us trained in the commercial art/graphic design field don't always share. Website Design: 10 Web Site Design Pitfalls To Avoid If you've a website that is not generating a lot of sales, it may be due to some design flaws.Below are website design flaws you should correct now, to empower your website:1. Custom Web Site Design Strategies Web site design has certainly, in the past decade, evolved tremendously. More clients now are demanding custom design, as opposed to the 'cookie cutter' sites of yesteryear. Wording Up Your Website Back to basics. Forget funky design, good copywriting is the key to a clear and intuitive website. Is Your Site Too Slow? Why Image Optimization Is Critical Graphics are fun, but if you put in too many bells and whistles when you create your web site, you may lose a potential audience whose Internet connection can't handle lots of graphics, and that means you'll be losing potential customers.According to UK website experts Boommm. How Important is Content to a Successful Website Content is the most important part of any website.The Internet was created in the first place as an information source. 6 Reasons Why Using Flash is a BIG Mistake Most web designers and web design companies will try to convince you that if you want your business to have the best site possible that you MUST have a flash site. Flash, for those of you who are newbies, is a software program that can create really cool special effects and animations. Getting Along With Your Web Designer You're all ready to get started creating your web presence and you've found a skilled web designer to build your website for you. Do you know what he needs from you to do an efficient job? Good web design requires cooperation between the architect and the user to create a product that will serve its intended function, and you don't have to be an internet expert to do your part. Facts You Should Know About Web Site Design and Search Engine Optimization 1. Web site File Structure / File NamingMost search engines do not recognize beyond two directory levels. Content - the Key to Long Term Success Every day internet marketers are inundated with the latest fad or must have program. But the one tried and true asset which is vitally important to the long term success of your online business is valuable CONTENT. Dont Make Your Website User-UNfriendly! Web Design is a very subjective process. Your idea of what looks good may differ from the next person's. Free Website Design Tips In this article I will give a few tips of where to find a low cost web design company and also about the best ways of producing a quality website.How many people or companies are advertising their services for website design?The answer is a great deal. A Crash Course on Graphic Philosophy 101 Novice and professional graphic designers, we are aware that you know the basic principles of graphic philosophy. But then, as workers of art - though digital and graphic art already borders in commercial arts, there's no harm in continuously improving our craft through constant study and practice, is there? Really great graphic designers I know have come to their status because of painstaking application and study of their past works.
|
|
|
|
|
| © 2004 - 2008 "Web Hosting Geeks" | Web Hosting Reviews | Customer Reviews | RealMetrics Reviews | Hosting Articles | Directory | Partners | Contacts Over 7000 articles: web hosting, web development, domain names, ecommerce, web design, site promotion, ppc advertising, seo, site promotion and many others. Web hosting reviews, ratings and awards are not based on any incentives or commissions. Names and trademarks are the properties of their respective owners. A direct link to Web Hosting Geeks (http://webhostinggeeks.com) must be provided in order to use any of the above information. Contact us for more info. Partners: Hosts by speed, Cheap Website Hosting, Free Website Hosting, Cheap Web Hosting, Top 10 Web Hosts, Top 10 Web Hosting Deals, Best Website Hosting, Free Web Hosting, Free Web Hosting, Dedicated Server Hosting, Adult Web Hosting, Web Hosting Discussions, Dedicated Server Reviews, Best Web Hosting, Web Hosting Discounts, HostProfessor.com, rsuog, halyava, PHP Website Hosting Services, Web Hosting Reviews, Hosting Uptime, Best Web Hosting Reviews, Cheap Webhosting, Web Hosting, Flash Templates, CMS Templates, Web Hosting Reviews, Website Hosting Reviews, Web Hosting Providers, Best Web Hosting, Top Web Hosting, RSUOG Web Hosting |