| |
| |
|
Web Design Information |
|
|
|
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
Dont Overdo it! Have you ever been to site with so much ad clutter that you wanted to just leave? Odds are you have, and odds are even better that you did in fact leave! Always refer back to the KISS philosphy. Keep It Simple Stupid!1. Flash - To Use Or Not To Use? Out there in the WWW there are thousands sites using flash for their needs. But the majority sites are not in this list. Want to Increase Your Online Sales? Make Sure That Your Web Site Has a Unique Selling Proposition If you own a web site or if you are going to build a new one, the most important thing about your site is to achieve as high as possible visitors to sales conversion rate.Although they say that "the traffic is king online", if your website converts poorly, your online business will fail, unless you receive tons of free traffic which I doubt. To Hire or Not to Hire a Website Designer In the early years of the internet the actual design of a website was either very basic or had to be done using a software package that needed a specialist to use it. Not surprisingly, website designers were in short supply and could command huge fees for their services. Secrets to Using Color on Your Website and Common Pitfalls to Avoid Colors have long been known to have psychological affects on mood and interpretation. So, when you are designing your website, you should keep in mind the influence color might have on your visitors. Save Thousands of Dollars by Creating Your Own Web Site With the advent of the Internet a whole new vista of business has opened up. Many erstwhile opportunities otherwise not available to us, many markets which were previously inaccessible are accessible to us now. Cool Web Design And Promotion Tips This article gives free tips on how to find a cheap website designer and free tips on website promotion services.Cheap website design services. What You Should Ask a Web Designer Before You Hire Him You've thought about it and you're ready to go. You're ready to give your business an online presence. 14 Ways to Add Content to Your Web Site - Part 1 When I surf the Net, I often see web sites filled with beautiful graphics that strive to capture my attention. Well, they do so for an instant, however I click away when I don't immediately find relevant content. Affordable Web Design In Birmingham If you have a business, big or small you may be thinking of getting yourself a website.The world wide web is another way of spreading your message or selling your product. Ten Steps to a Winning Home Page There's no doubt about it - the first page your site visitors see is the most important page of your website. If your home page isn't appealing, chances are the rest of your pages will never even be seen by your visitors. Creating Personal Web Sites This is a two-part article about creating a web site on the web and the tools that you need to do that.During the last decade we have truly entered the information age. 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. Web Site Templates and Their Benefits Unarguably, the most important part of your website is content. To draw in clients or customers, you need captivating content and search engines are blind to web design. Your Graphics- Are They Really Working For You? (Making Your Graphics Work For You)It's no secret that a picture is worth a thousand words or that people really do judge a book by its cover. Effectively using graphic headers, e-covers and background graphics can send your profits soaring. Lead Capture Pages Explode Your Direct Sales Business Online! Are you building a direct sales or mlm business online? Using lead capture pages can significantly improve your recruiting results and save you lots of time and money! I have known a few people who earned 5-figure monthly incomes in their mlm businesses and they used lead capture pages for Internet marketing.What is a lead capture page?A lead capture page is similar to a minisite in that it is a simple, one page website that leads your visitor to take ONE action. 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. Website Promotion and Design Tips Are you thinking that it is about time your small business had an internet presence, however are not too sure how or who to go to build and promote the website.This article will hopefully be of benefit to you as it will give you free tips on website promotion and on how to obtain a website on the cheap. TEN Answers That Turn Your Visitors Into Your Customers You know.. Design With Purpose If your website is falling through the cracks, the chances are that the site has no message, no central core to build traffic or a core readership. Websites that try to do everything usually fail.
|
| home | site map |
| © 2006 |
