How to Build a Website the Right Way Using HTML & CSS Torrent

By Joshua Duvauchelle

  • Overview

    Hypertext markup language (HTML) and cascading style sheets (CSS) are two of the major computer languages used to design websites. Both HTML and CSS are mainstream technologies and are common in nearly all websites on the Internet. The possibility of creating a display error when writing HTML or CSS is high due to the complex system of the language. A single misplaced slash symbol could crash a website and make it unusable for Web browsers. Knowing how to build and validate a website's HTML and CSS code is essential.
    • Step 1

      Create a basic webpage using a professional website designing program. Examples include Adobe Dreamweaver CS4 (on a PC) or Apple iWeb (on a Mac). Both programs allow an individual to generate a website without having to personally know HTML or CSS language codes. Both programs typically create standards-compliant coding that won't create errors for Web browsers.
    • Step 2

      Avoid adding extra Web page elements (such as tables or scrolling iFrames) to your first Web page. Start with a basic, single-element Web page and gradually add additional features in order to catch any potential coding errors.

    • Step 3

      Preview the Web page in three of the major Web browsers that dominant the Internet world and are most popular among consumers: Apple Safari, Microsoft Internet Explorer, and Mozilla Firefox. Checking that your Web page displays well in each of the three major browsers ensures that most Web users will be able to visit your website without experiencing problems. Additional popular browsers include Google Chrome and Opera.
    • Step 4

      Test the website using an HTML validation service. One of the best HTML validation services is offered by the W3C, an Internet organization that sets the Web standards used by most browsers. A link to the HTML validation service is in the Resources section. This program scans your HTML code to make sure it is built the right way and follows all the guidelines followed by most major Web browsers.
    • Step 5

      Scan the CSS code using a CSS validation service. One of the best CSS validation programs is provided for free by the W3C (a link is in the Resources section at the bottom of this article). It is especially important to scan the CSS to make sure there are no errors or missing code as the CSS directly affects the display of your website (e.g. fonts, colors, and other features.).
    • Skill: Moderately Challenging
    • Tip: Use a professional program such as iWeb or Adobe Dreamweaver to avoid creating error-filled webpages.
    • Warning:
    • Websites that are not standards-compliant will not display the same way in different Web browsers, and may even make some browsers crash.

    Trending Now

    © High Speed Ventures 2011