Web design?

In this article we allow you to better understand the term web design. The creation and design of a website is the design of the web interface: the interactional architecture, the organization of the pages, the tree structure and the navigation in a website. The design of a website takes into account the specific constraints of Internet support, particularly in terms of ergonomics (the study of people’s efficiency in their working environment), it’s usability and accessibility.

Web design therefore requires a variety of skills: in programming, input efforts and interactivity, as well as a good knowledge of the technical constraints and property related aspects to this field web design. 

Introduction to web design

The web design of a site first comes in the form of a functional model with technical specifications: ergonomics, graphic charter, visual identity, marketing, interactivity.

A website can be a simple static page of HTML code format possibly formatted or enriched with CSS including images and links to other content, or made up of dynamic content or features can be added to make it interactive with PHP or another server language, forms requiring processing in JavaScript, or Ajax. It can be based on database technologies, for example MySQL or Mongo DB.

 The steps to take to account when creating a website

There are two types of websites which are dynamic and static websites. Depending on the type of website you want to create, some of these steps are optional or even unnecessary. Each of these stages corresponds to specialized skills (ergonomics, information architecture, SEO, Web writing, copy writing, codding, etc.).

Project :

1. Reflection on the objective of the site, its target, its profitability, the financial means to be committed.
2. Reflection on the desired anatomy and the type of human resources to carry out the update.
3. Reflection on the content: pages, expected services, navigation principles and various terms of the website

Implementation :

1. Registration of a domain name.
2. Choosing a host for your website.
3. Choice and installation of a Content Management System (examples: WordPress, SPIP, TYPO3, Drupal, Joomla, Wiki, etc.) or a WYSIWYG type website editor (examples: Adobe Dreamweaver, PHP Designer, Microsoft FrontPage, NVU, KompoZer, Webself, iziSpot) or text (examples: Bluefish, Emacs, Notepad++…).

Design :

1. Establishment of an HTML or XHTML page structure.
2. Definition of a tree structure
3. Attribution and creation of your graphic figures.
4. Development of an editorial charter or figure.

Realization :

1. Creation of pages via the Content Management System or the editor. Pages can be created individually or based on a system of templates.
2. Implementation of the graphic charter. To properly separate structure from presentation, CSS style sheets are used.
3. Possible dynamic developments

Monitoring :

Launch of the site online.

Updating: updating is a fundamental action and very important part in the life cycle of a website. It consists of modifying and developing  the structure and functionalities of the website.

Backup: This is the act of saving a copy of your online website on your local machine for security purposes. We live in a world where everyone looks everything to their advantage and there try making thing happen their way. Your website security may be low and hackers try to break in and get your site down for their self reasons.

Maintenance: the maintenance of a website generally consists of ensuring that it functions properly. We can distinguish four types of maintenance: Corrective maintenance, Preventive maintenance, Evolutionary maintenance, Adaptive maintenance

The accessibility of the site is a given to be taken into account at each stage from the development of the structure of the pages. The same is true of referencing, the strategy of which can be implemented from the design stage. SEO principles are also to be taken into account when creating templates, integrating pages, writing content, launching the site, maintaining it.

Constituting web pages

1. Structure and content, in HTML or XHTML
2. Presentation with CSS style sheets.
3. Graphics by cutting and integrating GIF, JPG, PNG, MNG images.
4. The behavior in JavaScript that will be handled on the client side by the browser.
5. Browsing and data exchange through the HTTP protocol and the use of Web Service or AJAX.
6. Animation in Flash or SVG, and since the end of 2014, with certain CSS3 attributes as well as the use of Canvas with JavaScript.
7. The incorporation of multimedia.

To purchase a domain name and hosting for your website, sign up for any of the following hosting services and get a 30% reduction in what ever plan you chose

👉Bluehost

you now know the steps to follow for a web design so if you are interested and want to create a website for your activity or your company contact us.