ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Learning How to Design Websites and Understanding Why You Need a Website

Updated on August 24, 2011

Although websites like Hubpages and Facebook allow even the most computer illiterate individuals to interact with the internet, the concept of creating your own website with unique functionality or purpose is a very foreign concept to most. If you have ever created a blog or similar website through Blogspot, Wordpress or any other popular online platform, you have probably picked up a few basic HTML principles along the way, but these small snippets of coding will not be enough to build your own website.

What you Need to Build Your Own Website

Operating your website through free hosting platforms like Blogspot can make it possible to skip all the technical aspects of it's creation, but you will be very limited in your freedom to incorporate your own functionality or design aspects in many cases.

Essentially, a website requires three things:

  1. A registered domain name that can be purchased for about twelve dollars a year.
  2. Online hosting space to store all of the content that your website contains - usually a monthly payment of at least five dollars is involved.
  3. A program that transfers files from a computer to your online server space or website server (FTP client)

A domain name alone will be unable to hold any content at all without hosting space to store all of the coding, images, videos and any other files that your webpage consists of, while server space without a web address will not be viewable by anyone. Similar to the free article hosting that HP provides, Blogspot and Wordpress provide free server space to store the content of your website. Free domain names are also available under these services, but having your website name include a .blogspot or .wordpress (www.yourdomain.blogspot.com) will take away a huge amount of professionalism and should be avoided by webmasters who are at all serious.

An alternative to having to pay a monthly fee for server space is to purchase your own web address and simply connect it to the website that you are hosting through any free online service such as Blogger. Instructions on how to connect your custom domain name to the website you create through Wordpress or Blogger should be available on the corresponding websites help section, but this is not the best idea if you are serious about the website you are working on.

Designing Your Website

Dreamweaver is an extremely popular and powerful web designing program created by Adobe. Dreamweaver assists in the creation of all the coding that will be put into your website. This includes the placement of images or videos, text coloring and configuration, navigational buttons, website functionality and everything else that will combine to form your website.

Any website you visit is actually a basic text file that includes HTML, CSS and other types of coding. This text file will call on images and other resources that you have uploaded to your online server, placing them throughout your site in any given arrangement or order that you include into the code. A talented web designer can actually write this code using only Microsoft Notepad, but Dreamweaver makes it much easier to actively create your domain from scratch or through a template by providing suggestions, advice and pre-set choices that eliminate the need to entirely write out all of your own coding.

Dreamweaver is available in all of the Creative Studios Packages (CS - the latest version available is currently CS5.5) available from Adobe, but this software is quite expensive. Open source HTML and CSS editing software such as NVU (http://www.NVU.com) can be used to begin implementing what you know about web designing and the coding process. If you really don't know much at all, having a HTML editing program on your computer can be used in combination with free tutorials and explanations online to build up a solid amount of self-taught knowledge.

Comments

    0 of 8192 characters used
    Post Comment

    • PaulPd0 profile imageAUTHOR

      PaulPd0 

      7 years ago from Los Angeles, California

      Are you talking about Dreamweaver? I know there is a 64 bit and 32 bit version of CS5.5 and I believe one of these should work fine with Windows 7?

    • Katharella profile image

      Katharella 

      7 years ago from Lost in America

      Willing to try your web program, and donate to worth, it is not compatible with Windows 7.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)