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.
    • Put yourself in the shoes of someone who has no idea what your website is about, and think about how they would navigate it. Is information easy to find? Are buttons and links intuitive?
    • Do not overcomplicate things, and do not overburden your website with unnecessary assets.
  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

Jear Keokham
Co-authored by:
Marketing Expert
This article was co-authored by Jear Keokham. Jear Keokham is a Marketing Professional and the Director of Operations and Creative Strategy at Aerial Canvas, a full-service agency providing real estate marketing solutions in California. With 6 years of experience and education, he specializes in marketing strategy, content production, creative processes, and organizational systems. Jear holds a BA in Art with a Minor in History of Art from The University of California, Berkeley. His dedication to high-quality photography, cinematography, and aerial drone services has allowed for Aerial Canvas’ work to be featured on various platforms including Compass, Sotheby's, Coldwell Banker Realty, and Vanguard. This article has been viewed 148,014 times.
How helpful is this?
Co-authors: 37
Updated: February 13, 2023
Views: 148,014
Advertisement