|
|
| 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.
|
|
|
|
RELATED ARTICLES
Web Copy - What You Should Know First Just what is web copy? Some people think that web copy is anything that is written on a web page. But that is "content" and it is decidedly different than web copy. Simply stated, web copy is the copy that is used to sell anything on a web page. So now you say, but that's "sales copy." And you would be partly correct, but traditional direct mail copy and web copy are two different animals. Is Your Website Color As Inviting as Your Home? Does Color Really Matter? We've all read the countless publications about effective web site design, outstanding written content and the never ending need for search engine optimization. But often the importance of color for a web site is overlooked. Yet it is a proven fact that physical changes take place when individuals are exposed to certain colors. Because colors have the power to stimulate, excite, or even depress, specific color combinations can possibly work to your advantage or to your detriment. Designing Professional Web Pages If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything -- especially online where your competitor is only one mouse click away! 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. Meta Tags ? An Introduction A long, long time ago? In a galaxy far, far away?meta tags were the key component to search engine rankings. Okay, it was about 2 years ago, but that's a long time in the Internet galaxy. Although still relevant, the evil empire?er, Darth Google, has led a movement by the search engines to de-emphasize their importance. Despite this effort, meta tags are still important. They represent the only method for a site owner to exert some control over how pages are listed in search engine results. Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites Good websites stand out from the masses of boring, hard to travel, and overly commercial sites that now rule our Cyberspace. Interactivity and integrity are necessary for a site to become a hub of activity. Cheap Web Design In London Due to the large number of people offering web design services in London, there is always a bargain to be found. The Importance of Choosing Your Website Keywords Carefully The importance of choosing your website keywords carefully is very high. The reason for this is many search engines rely on keywords, at least partially, to help determine the rank of your web page when certain keywords are searched for. As a result, you want to make sure you know how to utilize keywords properly so that you get the most benefit from this wonderful tool. However, if you do not know what you are doing keywords can work against you, so make sure you know exactly what you are looking for and what you need to optimize the text on your website in order to increase traffic because due to keyword inclusion. Ten Design Mistakes to Avoid Avoid these mistakes and your site will be steps ahead of your competition. Testimonials Can Increase Your Web Traffic We've all seen and read product testimonials. They're a very valuable tool for merchant sales and can often tip the scales in determining a customer's decision to buy. But testimonials offer another superb benefit. It's the benefit to you and your marketing strategy. Service Professions: Does Your Website Follow These 5 Simple Rules For Getting More Clients? There are literally thousands of different options, styles and formats to choose from when designing your service professional business website. But there are 5 things every site needs to be successful: Choose & Use the Best Colors, The Psychology of Color Are you using the best colors for your web site? Many web designers often overlook the issues of color in web design. When choosing colors for your web site there are three main areas that should be addressed. Choosing Form Over Function Kills Your Site Never put form over function. Why? Because it's crucial that visitors actually be able to USE your site. Everything you do must be designed to be as easy for the visitor to understand as possible. Everything should be functional first. Website Design: Secrets Of Professional Website Designers Revealed What colors do you have at your website? Build It And Build It Cheap! There are several very good reasons why you should consider building your own web site versus having someone do it for you. It's more cost efficient, you can make it much larger in content, you are more involved in how you want the pages to look, and I have actually enjoyed learning the dos and don'ts of website profiling. I have run into some definite don'ts as I thrashed my way through building the few that I have needed , but I envy the professionals that get paid to make websites. Although I'm sure that I've made mistakes on my sites, I'm pretty happy with the results so far. Create Favorite Icon Favorite icon appears to the left of your link in either address bar or in favorites menu of your browser. It gives your website more personality, better visibility in favorites menu and is easy to create. Creating A Quality Web Site Design! In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic. KIS - Keep It Simple There are many ways to add fancy bells and whistles to your website, but most of them are not going to do you any good. In fact they will slow down the time it takes to load your website and take up valuable space that you are paying for. Besides that, people with older computers will not even be able to see some of these fancy additions you are using. Awards Program Debate Daily article: Colorblind People, Can They Really Read Your Web Site? I once created a notepad-like editor. It is possible with this editor to write Russian text on a western Windows without using a Cyrillic keyboard in front of your computer.
|
| home | site map |
| © 2005 |