Simple steps on how to Build a Website

Before you start building your website it is a good idea to learn some basic HTML and CSS. Learning this language is not all that hard you just need to set a little time aside and get down some of the basics. I don’t expect you to become a web programmer, but understanding the basics of HTML and CSS will help save you a lot of time later while you are designing your website. There are many ways to learn web design, but here are a few suggestions to help you get started.

Learn Web Design, invest some money in your education.

I have learned a great deal of web design, graphic design, video editing, photography and more from Lynda.com this web site offers a wide variety of video based tutorial training on web design, such as HTML basics and CSS training as well as training on how to use web design programs like Adobe Dreamweaver and more, Download Adobe Dreamweaver CS5 now. I highly recommend Lynda.com if you are serious about learning web design in its entirety.

Here is a Free 24 hour pass to lynda.com. courtesy of FreeWebSiteTrick.com

Step 1. Buy a Domain Name

The first thing you are going to need to do in order to start building your website is to register a domain name. A domain name is an easy way for people to find your web site, because if you build a website on a server without a domain name you will have to give out your server IP address which is a series of numbers, and is not very easy to remember. A domain name simply points people to the server which your website resides on, so what is a domain name? a domain name is what ever you choose for example www.imagineyoursitenamehere.com you will need to go to a domain name registrar and check the availability of the domain name you desire, and as long as the domain name you want is available available you can buy it. Check if your domain name is available here

Step 2. Use a free web hosting space or purchase web hosting space?

Well you might be saying if I can get free web hosting then why would I pay for it. Well that’s a valid question, but as always if its free there more than likely there is a catch, but if you still decide to use the free web hosting space that comes with your domain name purchase assuming the company you purchased you domain name with provides it of course you will have advertisement on your website that you have no control of, so with that said I would opt for the paid hosting it is relatively affordable and you will have more space and control of your website. Web hosting now a days is about $35 a year and your domain name will be around $10, so $45 a year is not to bad.

Step 3. Decide what your web site functionality will be, and your target audience.

You have decided to build a website, but wait before you begin to build your site there are some very important questions you need to ask yourself. These questions will help you in choosing what type of website is right for you.

Books to help you learn how to use Dreamweaver to build your web site.

Getting started with the web design process.

One of the hardest things for a web designer is to make sure he/she is a able to ask all of the right questions to his/her client durring the meeting / planning stage of a web site design. This is a very common problem that most web designers face, and although it can be very difficult to generate the right questions to ask your client rest assured that as time goes on and you have delt with a few clients your list of questions will begin to develop. I have compiled a list of common questions below to help make the web design process a little easier for you.

Keep in mind that as you develop your list of questions that gathering the right information will help you in the long run with the design process. Get as many of the following questions answered and 85% of the design battle is already done because you will already know what needs to go on the page and where to place it.

Just giving you the questions isn’t enough because you need to understand why the questions are asked. For this reason I have also included example options for the more in-depth questions so you can see why the question is important and what kind of answer you’re looking for. Remember that getting all the right answers is crucial, because having all of the necessary questions answersed the page will pretty much build itself!

One more tip before you read the following questions; rather than taking your laptop into your meeting with your client just keep it simple and use the old pen and paper method. This will allow you to make quick notes and avoid any interuptions from your computer and allow you to give your full undevided attention to your client.

Web design build questions to ask new clients

• What do you want the web site to do for your company?(is it to just promote brand awareness and for people who hear about them and then go to their site, will people be finding them through search engines, is it existing clients looking for support or news, are you selling online, are you offering downloads, company reports etc)
• Who is your target audience (age / level of internet experience etc)? (Do they require a modern, fast paced, highly graphical site to target the younger generation or a more user friendly site for the less experienced or older internet users. )
• What image do you want to portray (Professional / Casual / cutting edge etc)? (Some sites use white space and limited text to give a relaxed feel while others use lots of images and text to give the site a busy feel. Define the feel of the site)
• If you have branding what colours, fonts, styles do you use? (See business cards, letterheads etc). More often that not the sole trader will have no graphics, no logo and no identity so in these cases you need to ask the client for colour schemes they think fit with the ideas but also do market research on the competition because the client may not be right.

WEB DESIGN CORE QUESTIONS:

• What do you absolutely definitely want on the site? (This list could include blog, shopping cart, members log in, private areas, RSS feeds. Gallery newsletter, contact forms, advertising space, different languages, search facility, etc)
• What would you like if possible/within budget?
• What absolutely must be on the homepage and what is the order of priority? (This is a core question and you should allow the client time to ponder and discuss this with you. Their answers here should define the position of the building blocks. The answers could be phone number, email, help icon, downloads, cart total, core product links etc.)
• What must be visible at all times? (Every page has a fold. A fold is below the visual part of the page and requires you to scroll down to see it. I have a height I use but you should decide for yourself where it should be. The client must understand this and agree what can go above and below).
• How many links will be needed and how many levels of navigation will there be? (You need to understand the journey paths and decide how far down the link structure will go (level one, level two, level three etc)
• If the business has different sections and each wants its own presence on the page which business sections would get the best locations?
• Is there any content that may require a database or scripting? (Contact forms, shopping carts, newsletters etc)
• Who are your competitors? (Supply some URL’s of competitors that you think sell your product type well)
• Do your competitors use something on their site that you really like? (Could be navigation structure, form layout etc)
• What do you offer that the competition doesn’t? (This often makes the client think about his own business in a new way and I’ve started a new path for a few businesses with this one!)
• List 5 general sites that they like and why do they like them? (This could be navigation method, colour scheme, fonts etc.)
• Do you have any text/copy / graphics / Logos for the site? Will they be supplying the text in a ready to go copy/paste format or will someone have to input all their text into the site from paper etc. Likewise will we need to outsource all the imagery from other sources or do they have their own graphics that need to be included. Will we need to input all the links?
• Will you require space on pages for external/internal advertising (If yes what types)? Header ads, sidebar ads, ads in the content etc.
• When do you want it finished and who is going to be updating the pages.
• What is their level of experience?
• What are your main products and/or services? For each explain what you would want you visitors to do, (sign-up, purchase, contact you, etc.). i.e. a call-to-action for each.
• What are the main categories of information you want to publish? (Time-sensitive like news & events? Product or service descriptions? Case studies / Success Stories? Careers information? Special offers?)
• How would you like to communicate with you visitors? (Telephone, Email, Live Chat, Blog’s or discussions, Mailing list, Brochure/magazines)

Shopping Cart questions

• Do you want to offer real time shipping?
• Do you want the consumer to sign in or log-in?
• Do you need cross selling?
• Do you need to offer unlimited products?
• Do you need unlimited categories?
• How will you charge for shipping?
• How will you charge for taxes

Blog’s

• Will there be multiple authors?
• Should the site clearly be displaying author info?
• Are there multiple styles of blog posts, like longer feature posts and shorter quick posts?
• What other kind of content will be on the site?
• Does the site need to accommodate for advertising?
• (What type? Sizes? )
• Do you plan to use categories? tags? both?
• How do you want to handle archives?
• How do you want to handle search?
• Are you going to be presenting source code in the posts?
• Are there any other blog’s that you really like?

Content Management Systems

• Do you require multiple levels of access?
• Does the new content need final approval before being published?
• Will they want simple content editors or web developers to change styles?

So I have the web build answers…now what?

I usually start with scribbles on a napkin or pad. Seriously if you start sketching out as the client is answering your questions you quickly get a feel for the blocks and usually when I leave the client I already have sketched out where the blocks need to go.

Once the client agrees with the position and prominence of the blocks I can start thinking of the graphics. This is where your preferred way of building a site comes into play but the difference between how you did it before and now is you have the building blocks in front of you and with the answers to your questions beside you it should be a much simpler process than ever before.

The visual wire frame should include the effects on the page. For example if your navigation has a mouse over then have that mouseover on “one” of the links. Likewise for active stats etc. If the effect is transitional then try to give a example web page with it working or give a detailed description.

The visual wire frame may be overboard for some of you but for me it is easier to modify a PDF than a pixel perfect web page. A client can often try and change the layout after looking at it for a while and while I’m in the PSD stage I’m happy to accommodate this. Once the visual wire frame has been agreed then the build begins and any changes after that point will incur costs. The client can’t really argue because they have already agreed to the block wire frame and visual wire frame so it is a lot easier to ask for extra costs when you’re at the final stage of the contract.

I wish I had this list when I first started and I hope my years of building and updating this document helps you.