Etapes pour réaliser un site

Vous voulez réaliser un site internet de type : base de données, blog, MOC… Il faut vous poser toute une série de questions comme :

  • Quelles sont les différentes étapes ?
  • Comment travailler l'ergonomie ?
  • Organiser l'arborescence ?
  • Le choix des programmes pour développer ?
  • Comment rendre mon site accessible à tous ?
The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.(Tim Berners-Lee, W3C Director and inventor of the World Wide Web).

Quelques sites pour les règles d'accessibilité

Pour l'ergonomie, voici un exemple de questions pertinentes qu'il faut se poser Dois-je utiliser

Wireframe

:!: Explications à venir…

Compatibilité des supports d'affichage

Vous développez un programme, une application, une page qui sera partagé(e) (autrement dit affiché(e)) sur l'internet ? Une étape importante de votre développement, la comptabilité des navigateurs. En effet, tous n'affichent pas nécessairement de la même manière vos pages — bien que de très nettes améliorations aient été constatées depuis ces dernières années avec les navigateurs de “nouvelle génération“. A la problématique de l'affichage “multi-navigateurs” pour les ordinateurs, il faut maintenant considérer les nouveaux supports tels que les smartphones (téléphones portables) et les tablettes. Donc LA question essentielle qu'il ne faut surtout pas négliger : comment le navigateur préféré de vos utilisateurs, en fonction des supports utilisés, va-t-il afficher vos pages ? Sont-elles compatibles “multi-navigateurs” et “multi-supports” ? Pour comprendre :

Ces tests peuvent être faits à partir de votre navigateur (cf. impression écran pour le navigateur Safari) en installant des extensions, ou alors à partir de certains sites qui permettent de tester l'aperçu, par exemple :

  • Test d'affichage (gratuit) en ligne sur un smartphone : Mobilotest
  • Test d'affichage (gratuit) en ligne sur un écran d'ordinateur : BrowserShots
  • En fonction des langages et propriétés, l'incontournable (gratuit) : Can I use ...?

Vous constaterez que vous aurez probablement besoin d'appliquer des transformations à vos templates à vos pages existantes en fonction du support. Fort heureusement, il existe des aides Media Queries qui nous guident tout au long du processus de compatibilité :

tuto/realiser-un-site.txt · Dernière modification: 2015/12/10 15:47 (modification externe)
CC Attribution-Noncommercial 3.0 Unported
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0