Offre création site web :Excellentes Solutions de Création Web pour les Pme
Création de site Web
description
Transcript of Création de site Web
![Page 1: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/1.jpg)
G.BIRLOUEZ / 2013
Création de site WebUtilisation du CMS WordPress
![Page 2: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/2.jpg)
Objectifs Connaitre le vocabulaire technique Comprendre le fonctionnement
d’un site vitrine Savoir utiliser un Système de
Gestion de Contenus
…réutiliser ces acquis en contexte pro/perso
![Page 3: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/3.jpg)
Déroulement Récupération des ressources sur
gbirlouez.wordpress.com
Présentation des technologies principales du Web / Vocabulaire
Utilisation de WordPress pour générer un site web
![Page 4: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/4.jpg)
NOTIONS CLEFS DU WEB
![Page 5: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/5.jpg)
Un peu de vocabulaire Internet Web HTTP HTML DNS FTP Serveur Web Hébergement
![Page 6: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/6.jpg)
Types de site Internet ( statiques & dynamiques) Intranet Extranet Blog E-Commerce CMS ( wordpress / joomla/ drupal
![Page 7: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/7.jpg)
UTILISATION DE WORDPRESS
![Page 8: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/8.jpg)
Démarche de conception
Maquettage
Conception de la charte graphique
Centralisation du contenu
Mise en ligne
Actualisation Suivi du traficRéférencement
![Page 9: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/9.jpg)
Transformer un blog en site Empêcher la publication des
commentaires Utiliser un thème avec un menu Utiliser majoritairement des pages
statiques Utiliser un langage éditorial,
impersonnel
![Page 10: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/10.jpg)
Méthodologie Créer toutes les pages vides Modifier le thème du site Définir la page d’accueil Ajouter le contenu de chaque
page et les médias Modifier les widget du site
![Page 11: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/11.jpg)
Internet
… c’est l’interconnexion de réseaux physiques
![Page 12: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/12.jpg)
Les concepts à retenirArticles Pour les blog ou les publications régulières
PagesStatiques mais modifiable, c’est l’ossature du site
ThèmesAspect général du site déterminant l’emplacement des blocs de contenu
Plugin Composant affichant un contenu personnalisé dans un bloc
FrontOffice C’est la partie visible du site
BackOffice ( /wp-admin)
C’est la partie administrateur du site
![Page 13: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/13.jpg)
Web
• Internet
• Web
• Messagerie
• VoIp• EDI
• Transactions
C’est l’ensemble des technologies permettant de consulter des pages
![Page 14: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/14.jpg)
HTTP
HTTP formalise les échanges entre un client et un serveur web, généralement pour récupérer des pages HTML
![Page 15: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/15.jpg)
HTML
HTML permet de concevoir la structure d’une page, et est décodé par un navigateur.Concevoir un site statique, c’est travailler en HTML.
![Page 16: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/16.jpg)
DNS
DNS est un annuaire mondial réparti permettant la résolution des noms de domaine. HTTP, POP et SMTP sont dépendants de DNS.Il évite l’utilisation des adresses ip
![Page 17: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/17.jpg)
Inter/Intra/Extra NETINTERNET
INTRANET
EXTRANET
L’accès est public
Accès aux collaborateurs d’une même structure
Echange d’informations entre structures différentes
![Page 18: Création de site Web](https://reader036.fdocuments.fr/reader036/viewer/2022062816/56816457550346895dd62768/html5/thumbnails/18.jpg)
Comprendre en 1 slide
Domaine / Hébergement €€
Serveur mail
Serveur web
AdministrateurVisiteur
Réseaux sociaux
Moteurs de recherche