In these times when the web has become not only a means of information but also of expression for all, having an efficient website has become a necessity. You want your site to be effective? Then do not miss this list of 10 steps:
1 – Define your Goals: The most important thing is to visualize the goals you want to achieve when creating the page. You have to define what the page is. Start by defining a target or target audience and what they expect to find on your site is a good way to start.
2 – Define the Content: The most important thing is to know the content to be placed on the page, or at least have a general idea of the topics covered in your site. It is a mistake to try to adapt the design to web content.
3 – Draw a Sketch of your Page: You will see it as something the Orthodox make designs on paper but, instead of wasting time doing web design and then not like it, make various paper tests and keep the best that suits you.
4 – Use Wireframing Tools: Maybe it’s the first time you hear this word but, in web design, wireframe refers to the schematic representation of the Web without graphics and through this you can determine the content and behavior of the pages, plus to check for usability without distracting elements such as colors, images, etc..The advantage of wireframing tools is that you can put into reality without much effort a first look at your website and see how it would work.
5 – Make the Design in Photoshop: Whereas it is now necessary that this website has a responsive web design (Responsive Web Design or Web design adaptive user environment) and, even if this requires more time, ultimately achieve better results. A good tool to create a design that takes into account the usability and accessibility is Photoshop. Take it into account.
6 – Create the HTML: You probably think that this step is not necessary and you can do it with CSS, but if you do it this way you can create a semantic web code and you can separate design from content.
7 – Create the CSS: Once the HTML is done, shape it with CSS. It is advisable to make two designs, one for modern browsers and one for older browsers like IE7. The ideal is to create a clean and efficient code without the Photoshop cropped images to reduce bandwidth consumption.
8 – Please Check Browser Compatibility: This phase is the one that requires more patience because you must verify that your website is displayed correctly in all browsers and mobile devices so you can check. If it works in Chrome, Firefox and Opera is great, but when you open IE the design becomes a disaster, go back and review it. Ideally, all your audience should access it properly and from any browser or device.
9 – Check that the Code Validates: This may seem you do not care too much, or maybe if you consider it as important. In either case it is essential to take into account that strive to create a code that validates in case we need to correct future mistakes on our website, weighs the pros and cons of using elements that do not validate.
10 – Upload your Website to a Server: If you have all this work done locally (which is what recomentable) once you make sure everything is working properly, you can upload your site to a server and, once there, review it and set all the permissions to make sure that does not have any errors.
Have you found these steps helpful? Do you use different steps? Let us know about it.