Ø Un site web est un ensemble dynamique de pages plus ou moins interac6ves entre elles. Lorsqu on veut faire un site web sur internet on doit développer le projet sur deux étapes: Ø 1 / Créer le site, o soit à l aide d un ou6l spécifique (Komposer) o soit en u6lisant une structure ou un modèle existant (page perso) o Et acheter un nom de domaine Ø 2/ Faire héberger le site sur un serveur connecté internet o soit chez le fournisseur d accès internet (orange, free, ) o soit chez un prestataire indépendant (1&1, ) Il faut enfin le faire vivre, c est à dire l adapter ou le modifier à chaque instant, puis suivre les sta6s6ques de consulta6on.
La première ques6on à se poser avant de commencer est: 2
Première étape: créa5on des pages du site avec logiciel spécifique Une page web s écrit dans un langage par6culier, l HTML. Les deux «bibles» dans le domaine des logiciels éditeurs HTML à la norme wysiwyg ont pendant longtemps été Frontpage et Dreamweaver. Frontpage de MicrosoX a été remplacé en 2006 par MicrosoX Expression Web et MicrosoX Office SharePoint Designer. Dreamweaver est publié par Adobe. De nouveaux logiciels plus simples ne nécessitant pas le langage HTML sont apparus. J u6lise NVU / KompoZer, logiciels gratuits téléchargeables sur: hep://www.nvu.com/ Ce logiciel est simple d u6lisa6on, il permet la vue immédiate de la page créée sur le navigateur Firefox Mozilla de préférence. Il y a d excellents tutoriels pour u6liser KompoZer: hep://apprendre- kompozer.free- h.net/ hep://methodes.creer.site.free.fr/tutoriel- kompozer- site- html- css.html hep://www.gtalbot.org/nvusec6on/guideu6lisateurnvu/guidenvusec6on1.html 3
Première étape: créa5on des pages du site avec KompoZer 4
Première étape: Sites réalisés avec KompoZer: www.lecoqs.fr www.lecoqs.com hep://www.lecoq.photo 5
Première étape: créa5on via pageperso du FAI Pour un pe6t site personnel, il existe les pages perso. Les pages perso sont hébergées par le FAI (= fournisseur d'accès). Pour cela, il faut chercher dans la rubrique "Mon compte" de la page d'accueil. chez Free : hep://www.free.fr/adsl/pages/internet/votre- web/10go- d- espace- disque.html 10 Go Chez Numéricable: hep://assistance.numericable.fr/presenta6on- des- pages.html 200 Mo par adresse mail Chez Orange: hep://pages.perso.orange.fr : 6 sites de 100Mo chacun chez SFR: hep://assistance.sfr.fr/run6me/internet- et- box/box- nb6/parametrer- page- perso.html 1Go 6
Première étape: créa5on via pageperso du FAI (ex: Orange) 7
- Page perso Orange : hep://anbfs.monsite- orange.fr/index.html 8
Le nom de domaine. - - C est un élément important du site web. Il va être u6lisé par les moteurs de recherche. Les extensions.fr,.com,.org, et.net sont en train d évoluer vers des noms plus universels, ex:.photo,.info,.eu, Le premier point est de s assurer de la liberté d u6lisa6on du nom de domaine que l on souhaite. On trouve sur internet des Sociétés s occupant du dépôt de noms auprès de l AFNIC (pour les.fr) hep://www.nom- domaine.fr/ hep://fr.wikipedia.org/wiki/nom_de_domaine - Mais le plus facile est d acheter un pack chez l hébergeur, pack qui comprend le nom de domaine et le loyer d hébergement du site. C est le cas chez OVH, 1and1, Webself, 9
Deuxième étape: Trouver un hébergeur Une fois le site créé, il faut l héberger sur le net. Un hébergeur est une en6té stockant les sites web via un support FTP sur ses serveurs 24h sur 24, pour un accès public sur internet. Le plus connu des sites d hébergement est OVH, heps://www.ovh.com/fr/index.xml Un guide comparateur est disponible sur: hep://www.hebergementweb.org/ Une liste de fournisseurs payants et gratuits est disponible ci- après. L un des meilleurs rapport qualité / prix est avec la société 1and1: 42 euros/an avec nom de domaine et capacité standard 300Go A noter que le site de Jard Accueil est hébergé par Webself: 119 euros/an avec capacité 2 Go et 5 pages 10
Deuxième étape: Tarifs 1and1 11
Deuxième étape: Tarifs Webself 12
Hébergeurs Web 13
Les solu5ons tout en un: Ce service est proposé par de nombreuses sociétés. Il consiste en: - Une créa6on de site suivant une structure et une disposi6on (couleurs, textes, photos, vidéos,..) préformatées, - L achat d un nom de domaine, - Le transfert du site ainsi créé sur les serveurs de la société, - L hébergement avec un loyer mensuel ou annuel. On retrouve dans ces sociétés de service, 1and1, webself, Wix, e- monsite,. Les coûts sont rela6vement modérés, entre 50 et 100 euros. On trouvera ci- dessous un exemple réalisé avec Wix. Tutoriels sur comment faire un site: hrp://www.commentcamarche.net/faq/63- creer- un- site- web#faire- un- site hep://www.faire- un- site.com/ 14
15
16
CLUB PHOTO JARD SUR MER Comment faire son site web Avec WIX : hep://fr.wix.com/siteinternetgratuit/fr900- medcov_a_d_f_g? utm_source=google&utm_medium=cpc&utm_campaign=bi_wix_fr^wix&experiment_id= wix^e^46459293115^1t1&gclid=cma17eldkcqcfynhtaodoemaya 17
CLUB PHOTO JARD SUR MER Comment faire son site web Site réalisé avec WIX : hep://jeanclaudelecoq.wix.com/photos- de- vie 18
Quelle différence entre le site web et un blog? - Le blog permet de toucher un public vaste. L avantage du blog sur le site web est qu aucune programma6on n est nécessaire pour rédiger une page. Les ar6cles s écrivent aussi facilement qu avec un traitement de texte, tout en les illustrant éventuellement de photos et de vidéos. - Il est par contre plus difficile de le personnaliser. On reste bridé par des modèles, des couleurs, des présenta6ons imposées. - On trouve de très nombreux hébergeurs de blogs plus ou moins gratuits. - Chris6an Miranda a animé jusqu en 2010 LE BLOG DE JARD: - hep://blog- de- jard.over- blog.com/ Liens: hep://www.jesuisvisiblesurleweb.fr/index.php?id=658 hep://www.wifeo.com/un- site- ou- un- blog.php 19