This is an in-depth guide for those who know HTML and CSS but are clueless in how to make your layout.

Steps

  1. 1
    Decide what your website topic is. There are millions of different kinds of websites that you can choose to your liking.
  2. 2
    Find the right color scheme. Try using colors that will pop out, like blue, purple or orange. You can also adjust the color to the topic of your website.
    Advertisement
  3. 3
    Decide what kind of navigation bar to use. Make sure it has useful resources, such as home, comments, and more.
  4. 4
    Mock up how your website will be laid out in a graphic editing program. Just like the topics, there are wide choices on how you would like the layout of each page to be.
  5. 5
    Create the page in HTML. You can also create it by going onto Google websites. Be sure to pick a creative name too!
  6. 6
    Create a style sheet in CSS.
  7. 7
    Duplicate the HTML page for the other pages and add content. This article is just an in-depth for layouts.
  8. Advertisement

Community Q&A

  • Question
    Are there any specific tools I can use to design a website?
    Community Answer
    Community Answer
    Free tools, or paid? For free, there's Atom, Notepad (I don't know if anyone uses that anymore), and there's Notepad ++. Of course, there's also Sublime and TextWrangler on Mac. For paid programs there's DreamWeaver, and MobiRise is "freemium." There are additional options, but it really all depends on what you're comfortable with using.
Advertisement

Warnings

Advertisement

Things You'll Need

  • Knowledge of HTML and CSS
  • A good graphics program. (not MS Paint)
  • A website host to host you

About This Article

wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. To create this article, 36 people, some anonymous, worked to edit and improve it over time. This article has been viewed 146,443 times.
How helpful is this?
Co-authors: 36
Updated: November 11, 2021
Views: 146,443
Advertisement