Les étapes d'un projet web

Les étapes d'un projet web
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Cours HTML5 et CSS3 / Part 1
Revoir le teaser Je m'abonne
5,0
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
5,0
39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de présenter les différentes étapes de la planification d'un projet web, d'expliquer les considérations techniques et fonctionnelles avant de commencer le développement HTML et CSS, et de souligner l'importance de la maintenance continue.

Cette leçon couvre les différentes étapes d’un projet web avant la réalisation des pages HTML et CSS.

Avant de commencer la création des pages HTML et CSS, il est crucial de comprendre les étapes fondamentales d’un projet web. Cela inclut une réflexion approfondie sur l’objectif du site, sa cible, les moyens financiers, le contenu des pages, et les principes de navigation. Il est également important de choisir un nom de domaine, un hébergeur et, éventuellement, un système de gestion de contenu (CMS) adapté.

La conception pure de l’arborescence du site, des structures de pages (HTML, XML, HTML5) et de la charte graphique sont des étapes essentielles. La charte éditoriale doit être ajustée selon la cible du site, qu’il s’agisse d’enfants ou de personnes âgées.

La réalisation comprend la mise en place des pages HTML avec un CMS ou un logiciel adéquat, l’intégration de la charte graphique avec des feuilles CSS, et éventuellement des contenus dynamiques en PHP.

Ensuite, tester le site avant son lancement est indispensable, tout comme annoncer son lancement auprès de la presse et la communauté ciblée. Enfin, la maintenance continue, tant technique que de contenu, permet de maintenir l’intérêt des utilisateurs et de garantir le bon fonctionnement du site.

Voir plus
Questions réponses
Pourquoi est-il important de connaître la cible de son site web ?
Connaître la cible de son site permet d'adapter le contenu, la navigation et la charte graphique en fonction des besoins et des comportements des utilisateurs potentiels.
Quels sont les éléments à considérer lors du choix d'un hébergeur ?
Il faut considérer la bande passante, la disponibilité des disques durs, le prix, la capacité d'accueillir des bases de données et la gestion des pics de trafic.
Qu'est-ce qu'un CMS et pourquoi est-il utilisé ?
Un CMS, ou système de gestion de contenu, facilite la création, gestion et mise à jour de sites web sans nécessiter de compétences approfondies en développement. Il est utilisé pour sa praticité et son efficacité.
Avant d'aborder la réalisation pure des pages en HTML et CSS, il est bon de s'arrêter un certain temps dans les différentes étapes d'un projet web. Alors au tout début, vous devez avoir une réflexion sur l'objectif du site, ainsi que sa cible. Sa cible, nous en avons déjà un tout petit peu parlé dans un tuto précédent, notamment concernant la taille des écrans. Il est intéressant donc de connaître parfaitement sa cible au niveau informatique pour pouvoir adapter vos différentes pages par rapport à leur bonne résolution d'écran. Mais également, on peut avoir une réflexion concernant le type de site, c'est-à-dire est-ce un homme, une femme, un enfant, quelqu'un d'un peu plus âgé ? Vous allez aborder les choses peut-être de manière un peu différente suivant ces différents types de cibles. Les moyens financiers engagés également par rapport à votre site. Est-ce un site où il va y avoir un gros trafic ou bien un site un peu plus modeste ? Le contenu des pages. Qu'est-ce que vous allez proposer à l'intérieur du site ? Est-ce simplement des pages qui vont vous présenter ou qui permettront d'aller jusqu'à votre société ? C'est-à-dire on pourra peut-être avoir une page avec de la géolocalisation à l'intérieur. Les principes de navigation. Est-ce un menu tout simple situé en haut, sur la gauche, en bas ? Un menu qui apparaît et puis qui disparaît suivant le clic ? Des petits menus contextuels ou des liens à l'intérieur des pages ? Au niveau de la mise en œuvre, il est important de s'interroger dès le début sur le nom de domaine. Nous verrons dans un tutoriel proche que différentes personnes vous permettront de vérifier la disponibilité d'un nom de domaine. Il est parfois difficile de trouver un véritable nom puisque de nombreux domaines sont déjà réservés. Le choix d'un hébergeur est également important. Suivant votre trafic, par exemple. S'il y a beaucoup de trafic ou peu de trafic sur votre site. S'il y a des pics, par exemple. Le prix forcément de l'hébergeur. La disponibilité des disques durs de l'hébergeur. Les bandes passantes. Un certain nombre de choses à regarder que nous irons voir dans différents tutos. Le choix et l'installation du système de gestion de contenu éventuellement. Alors là, il s'agit de ce qu'on appelle communément un CMS. Nous n'aborderons pas cela dans les tutoriels suivants. Mais il s'agit par exemple du CMS Joomla ou WordPress. Au niveau conception pure, donc l'arborescence. Quelles sont les différentes pages de votre site ? Les structures de pages HTML ou XML ou encore HTML5. La mise au point de la charte graphique. Et enfin, la mise au point d'une charte éditoriale. On en a un petit peu parlé précédemment. Suivant la cible, le ton peut être légèrement différent entre une cible d'enfant ou bien une cible de personne un peu plus âgée. Tout cela doit être mûrement réfléchi. Puisqu'il est important d'avoir tous ces renseignements au préalable, cela vous évitera de perdre du temps par la suite. Pour continuer, au niveau réalisation, vous allez réaliser vos pages avec soit un système de gestion, soit un logiciel qui va permettre de réaliser les pages HTML, donc la mise en place de la charte graphique avec vos feuilles CSS. Éventuellement, des contenus dynamiques en PHP. Nous n'aborderons pas cela dans les différents tutoriels, mais c'est une chose importante à penser, puisque s'il y a un tel développement dynamique, il faut que l'hébergeur puisse également accueillir une base de données. La recette du site, c'est-à-dire lorsque le site est réalisé, il va falloir le tester, le faire tester par différents internautes. Le lancement, donc la mise en ligne, et puis l'annonce auprès de la presse, par exemple, auprès de différents organismes, auprès de l'ensemble de la communauté, que vous souhaitez aborder avec votre site. Et enfin, une chose très importante qui n'est pas toujours prise en compte, c'est la maintenance. En effet, un site ne peut vivre qu'à partir du moment où il est mis à jour. Les internautes, ainsi, pourront revenir de plus en plus souvent sur votre site. Il y a donc cette maintenance, cette mise à jour, mais également la maintenance technique, suivant, par exemple, les mises à jour du serveur de votre hébergeur. Essayez de réfléchir sur ces différentes étapes avant même d'aborder la réalisation HTML, la réalisation technique de votre futur site.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 11 months
Commentaire
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 year
Commentaire
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 years
Commentaire
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 years
Commentaire
Très bonne formation .
gabamano85
Il y a 3 years
Commentaire
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 3 years
Commentaire
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 3 years
Commentaire
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 3 years
Commentaire
est ce la 2éme partie existe sur ce cours?
Nos dernières formations XHTML/CSS
  • Créer un site web avec HTML/CSS
    Découvrir
    Avant d'apprendre à développer et mettre en ligne votre propre site Internet, il est important de bien connaître les bases du HTML et du CSS. Dans cette formation en vidéo et cours en ligne, vous découvrez ce qu'est le HTML et CSS ? Le fonctionnement des sites web ainsi que la structure d'une page HTML.  Vous êtes guider pas à pas pour apprendre à intégrer des images, de l'audio et des vidéo. Vous apprenez à gérer et ajuster les polices en CSS, à comprendre la structure du CSS, les tableaux, boutons et formulaires en CSS.  Vous suivez la méthodologie de mise en page CSS et à styliser une page web avec le CSS. Formation pratique vous créez et stylisez les éléments principaux d'un site web avant de mettre en ligne et indexer un site, d'ajouter des éléments graphiques en CSS et d'animer un site en CSS
    16h20 14 leçons
  • Apprendre CSS 3
    Découvrir
    14h58 172 leçons 4,50 / 5
  • Apprendre HTML 5 - Les fondamentaux
    Découvrir
    Maîtriser les fondamentaux du language HTML5.
    5h11 101 leçons 3,67 / 5
  • Maîtriser Materialize CSS - Le framework pour le Material Design
    Découvrir
    Maîtriser le framework Materialize CSS pour faire du Material Design
    2h22 20 leçons
  • Maîtrisez les Flexbox CSS - La mise en page responsive
    Découvrir
    Maîtriser la mise en page grâce à la flexbox issue du CSS 3
    46min 9 leçons 4,33 / 5