How to create a website


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

How to create a website

  1. 1. How to create a website : Part IHow To Choose The Right Web Site Builder For Your Web Design NeedsWeb site builders are a relatively new addition to the web hosting companys mix of products andservices. Website builders have been introduced mainly to service the majority who dont know how toprogram in HTML or any other programming knowledge but still want to control and flexibility thatcomes from creating and maintain your own website. Using a good web site builder can make your lifemuch easier.How can you find a web site builder that meets your needs? First, you have to know what you reallyneed. What are you planning to do with your website? If it is just simple stuff like putting up a personalwebsite and throwing a few pictures up for friends and family to see, you wont need too much. It is asafe bet that pretty much any web site builder will work for you. If on the other hand, you plan onmaking sales from your website and doing some serious business and traffic from it, youll want to besure that the site builder you choose will be up to the challenge.Look for a free trial or a free demo you can use to test out the functionality of the site builder. Mostcompanies will let you take their website builder for a spin before you buy. Having the chance to workwith the web site builder before you commit to it can make a big difference as to your comfort levelbefore you buy. Youll get a chance to put the site builder through its paces and decide whether it meetsyour needs.Are you locked in to their templates or can you build your own from scratch? Many web site builders outthere will force you to use their templates and not allow you to make any significant changes to thetemplate. If you cant find a template from their selection that you like, youll simply have to deal with it.Know though, that there are some site builders out there that will allow you to strip the template rightdown to bare bones and build your own custom graphics, headers and footers to create almost any kindof look you want while retaining the easy to use aspect of the site builder.What else do you get with the web site builder besides a template and some easy to edit text? Do theyoffer a free domain name? Do they give you enough disk space to host lots of images and pages? Howmany pages do they let you create? How many sites can you create with their web site builder? If thereis a limit, what does it cost to raise the limit on any of these options? Knowing the answers to these andother important questions will allow you to compare apples with apples and oranges with oranges. Two
  2. 2. companies may seem to offer the same price point and the same features but you will often find majordifferences in pricing between the two of them to accomplish what you need.Do your research and you will be well on your way to a web site builder that meets your needs and givesyou quality, professional results at a reasonable price.Hiring a web designer to come up with the custom solution that you need can set you back a fewthousand bucks. But you can do the whole thing yourself and make it drag and drop simple for merepennies with a tool like Breezy Websites. See for details!How to create a website : End of Part IHow To Choose Which Web Development Package Is Right For YouThere are plenty of options when it comes to web site creation software and a wannabe web designermight have a hard time deciding which to choose. We will have a look at the most popular web creationprograms: Front Page, Dreamweaver and Adobe GoLive. All three offer a user-friendly interface andplenty of beginner and advanced options that will allow you to create the website of your dreams. Alarge majority of website hosting companies accept the final outputs of the three programs, but you willstill need to check your web page for compatibility with different web browsers.Front Pagecomes as a natural option to many web designers, partly because being part of the Microsoft Officefamily this software offers a familiar workspace. The interface is similar to the ones you find in Word orExcel, with many identical buttons, keyboard shortcuts and actions. Text formatting is piece of cake inFront Page as it almost feels like you are using Word to do it. The Insert/Picture command is alsoavailable here, allowing the user to easily integrate images into the web page. Although manyexperienced web designers see Front Page as a basic software, you can still tweak your page to higherstandards by using the HTML view.
  3. 3. Dreamweaveroffers a lot more high-end features and is preferred by a large community of web designers. You havemore freedom using HTML features and taking your web site closer to perfection. A very useful option isthe design and code split view – you see the effects of the changes you make in the source code affectthe design in real time. Macromedia Dreamweaver allows you to create from the simplest of web sitesto very complex pages that integrate Java applications and Flash elements. You may also check the finalresult in different browsers, a very important step that allows you to calibrate the web site for maximumcompatibility. It is also an excellent programme for beginners because of its WYSIWIG (what you see iswhat you get) interface, this allows the user to create web sites without having knowledge of HTMLcoding. Some HTML coding knowledge will, however, allow you to create better looking sites.Adobe GoLiveis a favorite web creation software of designers that are used to working with other Adobe productssuch as Photoshop or Illustrator. The familiar Adobe workspace reduces the learning curve for thisprogram and allows easy integration of cross-software elements. The graphic elements for the web site,which are usually created in Photoshop, are effortlessly placed into GoLives workspace by a simple dragand drop move. The excellent compatibility with other graphic design Adobe products recommendsGoLive as a great option when you want to create a great looking website.Hiring a web designer to come up with the custom solution that you need can set you back a fewthousand bucks. But you can do the whole thing yourself and make it drag and drop simple for merepennies with a tool like Breezy Websites. See for details!How to create a website : End of Part IIHow To Choose Your Website ColorsColor is often overlooked in the business of optimizing websites for better returns on investments.Website sales can be greatly affected by simply changing its colors. Ever come across a website thatuses some funky combination of print and background colors? If you ever want to experience an eye-twisting headache, try reading yellow print on a blue background. The reason you see black type on awhite background so much is that it is the best color combination for reading, both on and offline.
  4. 4. And since it is even harder to read text on a monitor than it is on paper, we must all be especially carefulwith the colors we choose for our websites, or suffer less-than-optimal site traffic and repeat visitors.Color choice should also be dictated by other, less obvious goals, when designing or re-vamping awebsite. Its important to realize that different colors invoke different emotions, are associated withspecific concepts and say different things in each society. For instance, green often times is associatedwith freshness or money, which is fairly obvious if you think about it. But every color does this, andsome of the emotions and concepts are more subtle. For example, white means pure, easy, or goodnessand purple can be associated with royalty or sophistication. What’s more, each color carries with it bothpositive and negative ideas. The emotions and concepts that you associate with specific colors maydiffer from other peoples associations, but there are themes that run throughout each color. Here aresome:Red:Positive: Sense of power, strength, action, passion, sexualityNegative: Anger, forcefulness, impulsiveness, impatience, intimidation, conquest, violence and revengeYellow:Positive: Caution, brightness, intelligence, joy, organization, Spring timeNegative: Criticism, laziness, or cynicismBlue:Positive: Tranquility, love, acceptance, patience, understanding, cooperation, comfort, loyalty andsecurityNegative: Fear, coldness, passivity and depressionOrange:Positive: Steadfastness, courage, confidence, friendliness, and cheerfulness, warmth, excitement andenergy
  5. 5. Ignorance: Ignorance, inferiority, sluggishness and superiorityPurple:Positive: Royalty, sophistication, religionNegative: Bruised or forebodingGreen:Positive: Money, health, food, nature, hope, growth, freshness, soothing, sharing, and responsivenessNegative: Envy, greed, constriction, guilt, jealousy and disorderBlack:Positive: Dramatic, classy, committed, seriousNegative: Evil, death, ignorance, coldnessWhite:Positive: Pure, fresh, easy, cleanliness or goodnessNegative: Blind, winter, cold, distantA major goal of marketers is to invoke emotion in their audience. We know that if we can cause somekind of an emotional reaction in the people we are marketing to and communicating with, we have abetter chance of compelling them to buy from us. The battle between logic and emotion that rages ineach of is usually won by emotion most of the time. By choosing the colors of our websites and onlinemedia with deliberate care, we are purposefully trying to invoke a specific emotional response that willincrease sales. So pick your colors carefully.Not only do colors evoke emotions, but they can communicate messages or concepts too. For example,look at to see how color is used to communicate the new affiliation
  6. 6. between Oak Web Works, LLC and The blues of Oak Web Works’s logo swirl into thereds of’s logo. This can be interpreted as a melding of the two organizations, which iswhat the words underneath say, “in affiliation with”. Also, the red of indicates action and passion, two essentials for people whowant to attend theater, sporting events or concerts.Another online ticket website,, has a different colorapproach. Its main colors are blue and purple, giving the site a comforting, secure and sophisticated feel.The main header on each page has all the colors in the rainbow in it, a collage of images, with the word‘Tickets’ in large, white font. Much of the site is white too, which gives it a clean feel.As a general rule of thumb, when Oak Web Works ( designs websites,one primary color and one secondary or complimentary color will be chosen. These colors are based onthe specific audience and market of our client and the messages the client wants to communicate to therest of the world. If more than two or three colors are used, things tend to look a little messy, and thepower of any one color is diluted too much, so we most often stick with two colors.When I am not sure exactly which colors or combinations to use, I often start trying different things,then take a step back and ask myself what my chosen colors are conveying to me. After designing manywebsites over the years I have realized that going with my gut has often worked when I’m in doubt. Youwould be surprised at how creative and accurate your intuition can be.However, if the client already has an established brand, we will always make sure to match the colors ofthe website with the original colors of the company. It is not wise to have print collateral material onecolor and the website a totally unrelated color. All marketing channels need to remain consistent, withone face only.Since website visitors all have different platforms, different monitors, and different settings for theirscreen resolutions, the colors you choose for your website may not always be rendered the exact sameway on your site visitors monitors. Thats why there are "Web Safe" colors that have a much higherlikelihood of looking the exact same regardless of the users computer, monitor or settings. Manygraphics programs, including Adobe Photoshop, have a feature that allows you to choose “Web Safe”colors only.
  7. 7. Keep in mind however, that the sophistication of technology today allows for Web designers to be ableto stray from the "Web Safe" colors more and more. So dont be overly concerned if you choose to use“un-safe’ Web colors, chances are that most of your audience has the computers necessary to view yoursite the exact way you intended.Whether you are designing sites for clients or designing your own business website, your color choice isvital. Be sure to try different colors, different shades, and different combinations before you decide. It’sa lot of fun playing with colors but every choice you make comes with a set of pre-defined societalmeanings and emotions, so choose with deliberate care.Hiring a web designer to come up with the custom solution that you need can set you back a fewthousand bucks. But you can do the whole thing yourself and make it drag and drop simple for merepennies with a tool like Breezy Websites. See for details!How to create a website : End of Part III