How to Design a Website Template

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

Steps

  1. Image titled Design a Website Template Step 1
    1

    Decide what your website topic is. There are millions of different kinds of websites that you can choose to your liking.
  2. Image titled Design a Website Template Step 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.
  3. Image titled Design a Website Template Step 3
    3

    Decide what kind of navigation bar to use. Make sure it has useful resources, such as home, comments, and more.
  4. Image titled Design a Website Template Step 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. Image titled Design a Website Template Step 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. Image titled Design a Website Template Step 6
    6

    Create a style sheet in CSS.
  7. Image titled Design a Website Template Step 7
    7

    Duplicate the HTML page for the other pages and add content. This article is just an in-depth for layouts.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Powered by WordPress.com.

Up ↑

%d bloggers like this: