|
|
Creating a Basic Web Design Template
A "template" is simply a design format which you can apply to all (or most) of the pages in your web site. The first advantage of using a "template" system is that it allows you to make your most important design decisions at the beginning, and then just focus on content. The second advantage is that it allows you to quickly create new pages based on your standard design.
The disadvantage is that many template-based websites look homogenized and seem to lack a unique character. Designers who sell templates tend to use the same formats over and over again, insert the same generic images, and use the same techniques.
Just as important, templates are often not ready-to-go right out of the box. They almost always need modification, and often modifying a professionally prepared template is difficult because the designer will have used techniques you may not fully understand or are specific to the tools he or she used to create it.
So it is preferable not to think of a web template as the kind of thing you buy from an online template store. Rather just think of it as a basic page format that can be used over and over again. The best template is therefore one that uses "standard" techniques that can be modified without the use of specialized tools or programs (like Front Page or Dreamweaver).
Creating a Basic Template
If you are not familiar with web design, try working with a "bare bones" template to begin with. There are two ways you can go. You can work with basic html and tables, or you can create your basic template with CSS. Since CSS is rapidly becoming the new standard, it is probably better to begin with CSS -- especially if you have not yet become used to constructing web pages with tables.
CSS stands for "Cascading Style Sheets", but at the beginning it is not important to understand what that means. What is important is to understand that CSS allows you to create a set of formatting parameters in a "style sheet" (a seperate file) which you then can very easily apply to your individual pages. In other words, you seperate the "style" from the "content".
A simple style sheet can contain just three or four design elements. Here is an example which you are free to copy (right click and "Save target as" to a location on your hard drive, then change its name to "sample-1.css".)
Style Sheet Sample (be sure to change its name to "sample-1.css").
This template contains a definition for the body text, a header component (with a background image), a "navbar", and a definition for two headline styles, h1 and h2.
Now that you have a style sheet you can begin building your web site by creating a basic home page. Here is an example which embeds the style sheet referred to in the previous paragraph. You can get the html code by just opening the page in a browser window, looking at the "Source" code, and saving the resulting file on your hard drive as, for instance, "sample-1.html".
Now you should have two files in the same location on your hard drive -- "sample-1.css" and "sample-1.html". You can get the image file by just right clicking on the image in the sample page and saving it to the same location on your hard drive.
Your second step will be to create the pages referenced in the "navbar", so make sure you think of names for these pages before proceeding (e.g., howitworks.html, products.html, about.html, sitemap.html, contact.html). Then build your hyperlinks into the navbar. (Look at the code of the sample file to see how it is done.)
Once you have your basic home page with links, this then becomes your template. Just save it as "howitworks.html", "products.html", etc., and make the changes to the specific pages.
The result (once you upload it all to your host server) will be a basic, functional website containing a number of properly interlinked pages. It will also be search engine friendly because the design is not cluttered with scripts, and the most important elements are clearly laid out at the top of the page.
For more web design tips and techniques see the Linknet Marketing Resource Library.
Rick Hendershot is a marketing consultant, writer, and internet publisher who lives in Conestogo, Ontario, Canada. He publishes several websites and blogs, including The Linknet Network of Websites. This network provides an inexpensive way to advertise your website, and get as many as 100 low cost links.
Effective Website Design
In this era of ultra-sophisticated internet marketing and web design, there is no excuse for an e-business to suffer with an ineffective website. Whether your goal is to present a basic business website that briefly introduces and describes your company and product, or you endeavor to develop a fully-functioning cash-cow storefront, there is a wide array of design choices to cater to all of your needs. Your website should fit your business like a well-tailored Armani suit. It should reflect exactly who you are and at the same time, instill confidence in the potential buyer that your business is solid, stable and reliable.
Why You Should Hire a Professional Website Designer
Your web site should always adhere to standards!
Keep Them Coming Back - Update Your Site
If you are anything like me, your website is a reflection of yourself. It contains your thoughts and communications, exposed to the entire world at all times. Look at virtually any non-commercial web site and you will get a glimpse at the person behind the monitor.
9 Ways to Gain Your Visitors Respect
The internet is filled with sites and they are good and bad. Some have been known for a long time and some still struggle to get the respect and fame they think they deserve.
How To Write An Effective FAQ Page
Websites that have multiple pages usually have a Frequently Asked Questions (FAQ) page. There are several good reasons why you should have one.
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.
Speed Up Or Lose Out! How To Improve Your Websites Download Speed
So your web site's online and you've got high rankings in the search engines attracting lots of visitors. But the statistics tell you most of them are leaving after viewing just one page, what's gone wrong?
Positive Design Attributes for a Successful Website
Designing a website is hard job, and requires you to think out a plan of action, and put in a lot of work to make it successful. There are many different kinds of websites on the Internet, but if you look at all the top performers with high traffic, you will notice that they all have similar design characteristics which place them as the best in the world.
Best Web Design And Free Web Promotion Tips
This article gives free tips on how to find a cheap web designer and free tips on website promotion.
One-Product Sales Sites: Avoid These Top Blunders
One product, one long web page: this kind of web site is sometimes called a sales letter site or mini-site, and it focuses on one and only one goal, as many sales of that one product as possible. With a one-product sales site, no distractions, no subsidiary goals, such as newsletter signups, are allowed to interfere with that goal. So let's look at some common mistakes and omissions for a sales letter site.
Reach Out To Billions
Have you heard of 'Babel Fish'?
Drupal Modules
There are plenty of Drupal Modules that you can install for your site as add-ons. What we liked best about Drupal modules is that it already comes pre-shipped with several modules. So a standard distribution contains several useful modules that you can simple point, click and enable.
Having A User Friendly Website
Let's look at what your user wants to see at your website.
Can a Webpage Created Without HTML?
The HTML editor is usually a webpage design software that has a GUI(graphic user interface) which makes it easier to design a webpage using the File Menus. This is good for the non-programmers and non-technical people.
Website Design: Secrets Of Professional Website Designers Revealed
What colors do you have at your website?
Dos and Donts in Web Design - part 1 (design)
Do use a consistent look and feel Your site should stand out as a whole. Use the same look and feel for all the pages at your site. This way your visitors have a sense of recognition when they visit various pages. Using stylesheets makes it much easier to maintain the look and feel of numerous pages.
Does Your Homepage Work?
All websites have a homepage. It is the most important page of your site. It acts as the main gateway to the entire site. Most of your prospective customers will enter through it. Its vital to get it right. You dont want them to just turn around and go away again.
Web Design for Dictators
No question about it, web design is an art.
Website Design For Small Businesses
There are many different website design companies, offering different facilities such as flash design, however what should a small business look for when seeking an internet prescence?
Transforming A Site From Good To Excellent
One of the challenges of moving a web site up from good to excellent is transforming it from just a bunch of web pages and graphics to an interactive experience. Another term for this is community - a place where people can come to communicate with others. The very best web sites have mastered this transformation, thus attracting return visitors again and again.