X
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.
Learn more...
This is an in-depth guide for those who know HTML and CSS but are clueless in how to make your layout.
Steps
-
1Decide what your website topic is. There are millions of different kinds of websites that you can choose to your liking.
-
2Find 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
-
3Decide what kind of navigation bar to use. Make sure it has useful resources, such as home, comments, and more.
-
4Mock 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.
-
5Create the page in HTML. You can also create it by going onto Google websites. Be sure to pick a creative name too!
-
6Create a style sheet in CSS.
-
7Duplicate the HTML page for the other pages and add content. This article is just an in-depth for layouts.
Advertisement
Community Q&A
-
QuestionAre there any specific tools I can use to design a website?Community AnswerFree 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
- Beware of presentational markup! It is bad.⧼thumbs_response⧽
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
Advertisement