How can I start building a website

How to create a website

Designing, planning and implementing a website - how do I get started?

The good thing about developing websites is that you are completely independent of the computer system and editor. It doesn't matter whether you are using Windows, Mac or Linux and which editor is used - at the end there is one or more HTML pages. These are (should) be displayed on any Internet browser (IE, Firefox, Chrome, etc.).

Nevertheless, you should think about how to start in advance. That can save you a lot of effort and change work in the end.

The following steps have proven effective in practice:

  1. Set goals
  2. Conception of the content
  3. Conception of the design
  4. Implementation of the content and structure in HTML
  5. Implementation of the design in CSS
  6. Put website live
  7. Promote the website
  8. control

Let's take a look at what is hidden behind the individual points.

Define the purpose of the website

Establishing the goal of the website is extremely important. Without having a goal in mind, you cannot take the direct route. Once you are learning HTML, the goal may be to get to know all the important HTML commands and to learn how to translate design into CSS. If you are creating a website for a company or an association, you should already consider what the primary - the most important goal of the website should be.

The goals can be very different. Should with it

  • new customers (club members) are recruited,
  • Products are sold
  • the dates are published
  • and much more

This goal should be noted on a piece of paper (yes, the ancient way of holding things in black and white with a pen) and pin it on the wall in front of you. Even if you do the website for someone else: define the main goal together and put it in writing. The goal may change or be more precise during the creation process - but the goal is extremely important for the following points.

In the end, the objective also includes the target group. Because with a goal you always have a target group in mind. The statement “all” is a bit imprecise. And if you aim at everything, you won't hit anything in the end. So also set it here and write it down on paper.

Go inside yourself and think about it - why should this website exist? What is the added value for the website visitor.

Conception of the content

After we have determined the goal of the website, we can throw ourselves on the conception (nice word for "What is the content (NOT design) on the website"). Based on our objectives, we can now consider what information needs to be on the website. For example, if we want to rent a holiday apartment in the Harz Mountains, then the information is there

  • where is this
  • is it free and available at all
  • for which target groups ideal
  • what is there in the area

With our definition of the goal, it is now much easier to think about what kind of information the target group is likely to expect on the website. You can also just ask someone from the target group.

The content can also include information based on images and graphics and videos. Everything that is content - not design! We come to the design in the next point.

So we come to a number of individual pages. It is best to create a single page for each topic.

Conception of the design

After we have the goal and the content, let's start thinking about the design. This should support the goal and the content. If we create a website for renting a holiday home for hikers, then green landscapes, gray rocks with hiking trails and blue skies will very quickly appear in your mind's eye. And already we have the colors for our design. We cannot promote environmental protection and use racing cars and the color "Ferrari Red" in the design - that will not really work.

Based on the number of individual pages, we can now consider whether a

  • 1 column layout (control sits across it - usually a few points)
  • 2 column layout (one column for the control)
  • 3 column layout (one column control, one column content, one column edge information)

Choose the right layout for your goal, target group and amount of content!

Implementation of the content and structure in HTML

Now we can finally get started with what most are reading this course for. Bring our content to a website and use the necessary HTML commands. We use HTML to create the structure of the website. In the first part of the course we will get to know all the important HTML commands and apply them directly. We will use around 90% of all meaningful HTML commands and know where to look up the remaining 10%.

So we use HTML to create structures - what is a heading, what is a paragraph, a list and how is an image or video integrated.

This world (except for pictures and videos) will still be black and white. We come to the implementation of our design in the following point.

Implementation of the design in CSS

Design is created in CSS - the second big chapter in the HTML seminar. The design is "superimposed" over the existing HTML. If we implement design technically according to "state of the art", the number of HTML pages does not make any difference. In the HTML pages there is “only” a reference to the design file. This means that the design can also be changed 4 times a year according to the seasons. This can also make sense if we use our example with the website for a holiday home again. Who wants to see a summery design when booking a holiday apartment when the holiday apartment is to be booked for a winter holiday.

Put website live

Once the technical part is done, the data from your own hard drive must now be put online. To do this, the data is transferred from your own computer to a web server. It's not a big thing. The first time, of course, the planning of the domain name (if that was not already done in the conception phase) and the selection of the provider who offers the server on the Internet and the administration are important.

Then the data is "pushed" to the web server and now comes the exciting part of promoting and controlling.

Promote the website

Depending on the topic of the website, you can also promote it in other media or have links to other websites (if your own content is good, other operators of other websites will be happy to do so). Key point added value!

In classic media such as business cards, (customer) magazines, radio, TV (depending on what you do with the website, it is also an option) the website URL is published and published.

It doesn't stop there! This is exactly what clients like to think - you only want to invest money once and then the website should run for at least 10 years before you do anything again - but it is important that further development now takes place on the basis of the control.

control

On the basis of the control - in plain language "visitor numbers", "paths through the individual pages", "reading time" etc. it can now be checked whether the website achieved the set goal or whether errors were made during implementation.

Of course, experience helps here - or a quick learning process. Here, based on considerations and / or inquiries with users from the target group, it is clarified what can be improved and optimized. Depending on what is to be changed, you enter the relevant point and change or add content or design.

Here you can see that it is a circular process. Fortunately, in contrast to a book, a website can be changed quickly and many topics live from their topicality.

Now have fun getting started.

Recommend • Social Bookmarks • Thank you

If you find a bug, please let us know (no matter if typographical or content-related error).

With a mouse Mark the faulty point and take over with the following button:

After submitting it comes here feedback! Please do not send twice. Thanks.