The 6 steps of creating a website

The 6 steps of creating a websiteOne of my hobbies, actually my favorite hobby, is to write HTML, CSS and PHP code. Or better: creating websites.

If I’m not working on an existing website, I like to think about creating a new one. Based on that, I thought it would be interesting to share my personal steps in creating websites, ranging from the first idea to the boredom of just maintaining the final page.

You can devide the whole process in 6 steps:

  1. The Idea
  2. Evaluation and Preparation
  3. Creation and Testing
  4. Reviewing and Optimizing
  5. Release
  6. Maintenance

The Idea

Before you can start your work you need an idea, if possible a good and unique idea.

If you have no idea, think about what would be useful for you and other people. Have look at existing pages and try to figure out what you would do different, or what you would add/remove to increase the user experience.

I don’t want to make you copy an existing page, just try to get an own idea based on an existing website.

Now get the idea on paper and we proceed to step 2:

Evaluation and Preparation

Use paper to arrange your idea. Make notes on what you’ll need when you start working on the new website.
Also, try to come up with a good name and after you got the name have a look for the proper domain. If you have bad luck the domain of your choice is already in use, so make sure you have a few alternatives at the ready.

Then have a look at the exact requirements for your page. Do you need a database? Will it be done using PHP, ASP or any other server side programming language? How much space and traffic will you need? Based on your answers to these questions you may look for a hosting company which offers what you need at a reasonable price (and with a good service).

Maybe you own already a website and intend to use your current web space for the new website. In this case have a look if you need to upgrade to meet the requirements of your new website.

Now get into details of the techniques used. Are there any open source / freeware solutions which can be used and may reduce your own development process?

The 6 steps of creating a websiteI prefer writing everything on my own, but I slowly get myself to the point where I say „Why do I have to spent hours to code my feature X while said feature is already available for free?“ Decide on your own if it is better to find an own solution or to use an existing one.

Creation and Testing

After you finished your preparation you are good to start writing the page. Usually it is better to have a design right from the beginning. So if you have already a design in mind, create the design before you start coding the back-end of your website.

If you have no real idea I suggest you create at least a developer design and while you are working on the page you also create the final design.

During your work on the website make sure you test it on a regular base or you may have a harder time finding the bugs in your code. I usually test my code as soon as one essential code block is finished. Depending on my speed I’d say I test it every hour.

Reviewing and Optimizing

Actually this runs hand in hand with the previous step, but I separated it to get a little bit more into detail about the meaning of „reviewing“ and „optimizing“.

It is proved that when you are working on a website you will have additional ideas. Maybe you even decide to drop the one or the other part. That’s where the „reviewing“ occurs:

  • You learn that idea X sounded great but is not possible to implement.
  • You learn that idea Y could be changed a little bit.
  • You have another, additional idea to make your website even better.

While you are working on a site you may also learn new things about the coding language you are using. So it is natural that there are things you can (and shall) change to increase the overall performance of the page.

Last but not least, under optimizing I also understand „SEO“. Yes, it is a good idea to apply your Search Engine Optimization knowledge to the new website. The new site will definitely have a better start once it is released.

Release

Everything is working, there are no bugs left and the design is finished. I guess now it is time to allow the public access the new website.
When I’m releasing a new website, I tell friends about it. I also make posts on forums and if it fits, as comments on blogs. Sometimes I also write an article on my own blog to raise attention.

Additionally I submit the website to all major search engines.

Maintenance

Everything is done. The website is up and running. Only one thing remains: Maintenance.The 6 steps of creating a website

Yes, it is probably the most boring if not annoying part but it still has to be done.

Any website needs small, regular updates as previously unknown bugs are discovered, parts of the website get broken or used techniques can be optimized. So here is a list of possible maintenance actions you should take care of regularly:

  • Design Update – Any design gets boring after a while. So try to have a new design every 6 months. Depending on the page it may also be enough to change the design once a year.
  • Bug Fixing – Not much to say about it. Just listen to any bug reports and get the bugs out of your code.
  • Optimization – If the site seems to slow down, have a look if there is a section you can optimize. Also, if you learn something new, see if you can apply it to the website
  • Updates – If it is new content or new features, see what you can do to keep your visitors interested

My list is far away from being complete but I believe I covered the most essential parts of the maintenance section.
If everything turned out well, your website should be up and running and hopefully you have many visitors. Who knows, maybe it becomes as famous as one of the other big sites on the Internet?

Wrap Up

These are my 6 steps. I hope they are somewhat helpful for those who want to create an own website but have no real idea about what the website could be. Keep in mind, these steps work for me and in the basics they reflect standard procedures all designer and programmer go through.

And how do you approach the process of creating a website?

2 Gedanken zu „The 6 steps of creating a website

  1. For me the steps are quite similar, my idea phase is quite lengthy though but that’s mainly because I no longer do web design as a job on the side but merely as a hobby. This gives me months and months of brainstorming on a single site, just thinking about which changes I want to apply to the current, which new features I might desire to implant, etcetera.

    A great thing which helps me with that is when I think the current is becoming „old“ to start scrabbling interesting new features I come across on the net into a notebook, in case I come across interesting design print those out and tape them in the same little notebook.

    It gives me the opportunity to brainstorm for quite a period of time till I reach that moment on which I’d say now it’s time to actually make something from this all.

    Creation and testing for me is then the next phase in most cases, usually I simply use PHP MySQL anyway and in case of a blog wordpress as platform.

    The creation and testing of course begins with the design, it’s just much simpler to alter your design in the end to meet the possibilities of the coding part then do the initial coding first and try to hopelessly get your design right for it.

    This phase is something which in case of a personal project can take up to a couple of weeks~month for me, it tends to be no more than a couple of hours a day if it even makes that. Around 2/3rd of this is creating the actual design, making it work as a webpage isn’t too hard since I keep in mind what is possible and what works well when creating the initial design.

    Final tweaking and optimization before release is something which can take a couple of days, especially to fix things so it works on older browsers, lower resolutions, etcetera. But usually I do set myself a limit on how much time to spend on this, after all you just can’t make it compatible with everything.

    Last but definitely not least of course maintenance, a phase which depending on the site can be huge or minor. In case of a blog it tends to be quite small, a little adjustment after a couple of months and some updates every now and then but that’s it. In case of other projects it used to be something a lot more frequent since bugs showing up was just so much more common, also the demand for new features popped up a lot more.

    Something which I tried to avoid though was implanting new features on a weekly or monthly basis, necessities were added more frequently but the rest was added to a to-do list and came in one of the next versions of the site, giving it more time to work on the feature.

    Slevi’s last blog post..Cardiology in children’s hospital internship – II

    Edit: Lol, something is still eating up my breaks :P.

  2. haha, Slevi, I believe I finally got that bad bug and now it shouldn’t swallow the line breaks anymore 🙂

    I also dared to add line breaks and I hope I got all of them 🙂

    back on topic:

    I also try to avoid adding features on a regular basis. First of all I believe in the saying: Never change a running system. But I also prefer testing the features on my local copy of a site to make sure that there are less issues when releasing it.

Schreibe einen Kommentar