Créer : la photographie comme matériel de l'art contemporain
29.01.2008 Créer son site web - Club Informatique Saintongeais 1 Créer un site Web sur internet...
-
Upload
ancel-jullien -
Category
Documents
-
view
103 -
download
0
Transcript of 29.01.2008 Créer son site web - Club Informatique Saintongeais 1 Créer un site Web sur internet...
29.01.2008Créer son site web - Club Informatique Saintongeais1
Créer unCréer unsite Website Web
sur internetsur internet
Guy Neauleau
29.01.2008Créer son site web - Club Informatique Saintongeais2
Plan généralPlan général
Pourquoi créer des sites web ?Les 2 grands types de sites web
Les Blogs
Les sites perso «en mode statique»
Les «CMS»
ConclusionConclusion
29.01.2008Créer son site web - Club Informatique Saintongeais3
Pourquoi créer des sites Web ?Pourquoi créer des sites Web ? Toucher un très large public
Diffuser de l’information très rapidement
Partager d’une façon attractive : texte, image, musique, vidéo…
Communiquer échanger entre internautes : commentaires,…
Publier de façon plus économique qu’avec les supports papier
Vendre ses idées, ses produits et services…
Mettre à la disposition des internautes ses informations
Tout simplement : se faire plaisir à soi et son entourage …
29.01.2008Créer son site web - Club Informatique Saintongeais4
Les deux types de sites Web Les deux types de sites Web Les sites Web gérés en mode statique :
Les pages sont créées en local avec un logiciel, puis,transférées sur un site hébergeur gratuit (FAI) oupayant (OVH, etc…)
Les sites Web gérés en mode dynamique :
Les pages sont créées sur un serveur en ligne, ethébergées sur le site de la plate-forme (Blog) ou autres hébergeurs (CMS)
CMS = Content Management Systems ou Système de Gestion de contenu : SPIP,…
29.01.2008Créer son site web - Club Informatique Saintongeais5
Les étapes pour créer un site webLes étapes pour créer un site web info
La réalisation du site :
Les objectifs : se vendre (cv), informer, vendre… Le choix du public : jeunes, seniors, hobby,… Le choix du contenu : selon centre d’intérêt Le choix de la forme : navigation, charte graphique,… L’ergonomie : selon les attentes du public choisi
La Conception pour bien définir :
L’architecture : pages statiques ou dynamiques Les outils : éditeurs (texte ou wysiwing) ou CMS
La publication du site (mise en ligne)
La promotion du site : référencement, maj
29.01.2008Créer son site web - Club Informatique Saintongeais6
Créer un site en mode statique Créer un site en mode statique
Un logiciel pour écrire les pages Web
Un logiciel de gestion d’images
Un logiciel pour publier le site en ligne (ftp)
Une connexion internet pour transférer les pages
Quels sont les outils nécessaires ?
29.01.2008Créer son site web - Club Informatique Saintongeais7
Créer un site en mode statique Créer un site en mode statique Un logiciel pour écrire les pages Web
- Un simple éditeur de texte comme le bloc-note peut suffire à pour écrire les pages en langage HTML
- Un éditeur générateur de pages web, avec aperçu WYSIWYG, génère les pages en langage HTML
- Par exemple : Dreamweaver , FrontPage, etc…
WYSIWYG = acronyme de la locution anglaise What you see is what you get
en français, ce que vous voyez est ce que vous obtenez
29.01.2008Créer son site web - Club Informatique Saintongeais8
Créer un site en mode statique Créer un site en mode statique Un logiciel de gestion d’images
- Les images d’une page web sont de taille petite (<400 pixels), allégées (quelques Ko), et très nombreuses (navigation, …)
- Un logiciel de gestion d’image est nécessaire- Par exemple : Photofiltre, Photoshop, etc…
29.01.2008Créer son site web - Club Informatique Saintongeais9
Créer un site en mode statique Créer un site en mode statique Un logiciel de publication chez l’hébergeur
- Les pages web créées sur l’ordinateur en local doivent être transférée chez un hébergeur par exemple votre FAI : Free, Orange etc…
- Avec logiciel FTP (File Transfert Protocol)- Ex : Cute-ftp, Leechftp, Totalcommander
29.01.2008Créer son site web - Club Informatique Saintongeais10
Une Page Web : c’est Quoi ? Une Page Web : c’est Quoi ? info C’est l’unité de consultation du Web, un document
informatique composé de texte exclusivement (100% en mode « caractères »)
Chaque page Web contient :– Le texte d’entête invisible par les internautes– Le texte vu par les internautes,– Des liens vers des images, de la musique, d’autres
pages etc…
Ex : Consulter le source d’une page Web en langage HTML
29.01.2008Créer son site web - Club Informatique Saintongeais11
HTML : un langage de balisageHTML : un langage de balisage
Le Hypertext Markup Language, est un langage informatique de balisage conçu pour écrire, mettre en page les pages web, et créer de l’hypertexte, d’où son nom.
HTML permet donc de structurer le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des applets.
HTML permet de créer des documents interopérables avec des équipements très variés et de soutenir l’accessibilité du web.
HTML est utilisé conjointement avec des langages de programmation comme JavaScript, les feuilles de style en cascade (CSS) et bien d’autres langages.
29.01.2008Créer son site web - Club Informatique Saintongeais12
Une page en HTMLUne page en HTML info info info
Voici comment sont imbriqués les « conteneurs » :
<HTML> C’est la 1ère ligne du fichier HTML <HEAD> C'est le conteneur de l'entête. ici seront les « métatags » titre, mots clés,… </HEAD>
<BODY> C'est le conteneur du corps.
XXXX ici sera le texte vu par les internautes </BODY>
</HTML> C’est la dernière ligne
Le HTML (HyperText Markup Language) est un langage de balisage pour la publication en hypertexte sur le Web.
29.01.2008Créer son site web - Club Informatique Saintongeais13
Une page en HTML : Une page en HTML :
29.01.2008Créer son site web - Club Informatique Saintongeais14
Publier votre site web :Publier votre site web :
29.01.2008Créer son site web - Club Informatique Saintongeais15
Et voilà votre Page Web est visible par Internet Explorer et autres navigateurs
29.01.2008Créer son site web - Club Informatique Saintongeais16
Promotion du site : le référencement Promotion du site : le référencement info
Le but premier du référencement est de générer du trafic ciblé sur un site afin d'augmenter sa visibilité auprès des internautes francophones et internationaux
Le référencement sur les annuaires et moteurs de recherche est devenu un métier, nécessitant une méthodologie.
L’indice de popularité (Pagerank chez Google) nécessite quelques règles :
Optimiser chaque page pour le référencement, Contenu de qualité pour être très référencé Echanges de liens ou de bannières, Site très actualisé sans liens brisés,
29.01.2008Créer son site web - Club Informatique Saintongeais17
La création d’un La création d’un « Blog »« Blog »
29.01.2008Créer son site web - Club Informatique Saintongeais18
Le « Blog » : site perso facileLe « Blog » : site perso facile
On distingue différents usages :
Le blog introspectif : journal perso… Le blog d’opinion : militantisme… Le blog pro/techno : thèmes divers Le blog à part : ovni du web
Apparus fin 1997 aux USA, journal intime, coup de gueule ou sélection de l'actualité, les weblogs ou blogs sont un type de site personnel. Ils se sont vraiment développés après le 11 septembre 2001, grâce à la facilité de création et de publication en ligne.
29.01.2008Créer son site web - Club Informatique Saintongeais19
Pourquoi créer un blog ?Un blog est un réel espace de communication créé pour donner la parole à tous les internautes (particuliers, entreprises, artistes, hommes politiques, associations…).De nombreux blogueurs parlent de leurs passions, de l’actualité, de ce qui les touchent ou les intéressent.
29.01.2008Créer son site web - Club Informatique Saintongeais20
Comment ça fonctionne ?Les articles (ou billets) sont publiés de façon chronologique (le dernier posté en avant sur l’accueil) et permettent à tous les visiteurs de réagir sur le sujet évoqué, en postant leurs commentaires sur l’article, créant ainsi une relation privilégiée entre l'auteur et ses lecteurs.Tout le monde peut créer un blog !
29.01.2008Créer son site web - Club Informatique Saintongeais21
De quoi a-t-on besoin ?
- de choisir un site hébergeur,- d’une adresse e-mail valide,- d’un mot de passe,- de définir le nom du Blog
29.01.2008Créer son site web - Club Informatique Saintongeais22
Bien choisir l’hébergeur du BlogBien choisir l’hébergeur du Blog Un comparatif des plates-formes de Blogs :
29.01.2008Créer son site web - Club Informatique Saintongeais23
Créer un Blog en quelques clicsCréer un Blog en quelques clics info
1 – Saisir le nom du site
2 – S’inscrire
3 – Paramétrer les services
4 – Remplir le site
Exemple : en ligne sur le site www.oldiblog.com/
Résultat : un nouveau site :
INFODUWEB
29.01.2008Créer son site web - Club Informatique Saintongeais24
Créer un Blog avec OldiblogCréer un Blog avec Oldiblog info
S’inscrire
29.01.2008Créer son site web - Club Informatique Saintongeais25
Créer un Blog en quelques clicsCréer un Blog en quelques clics info
S’inscrire
29.01.2008Créer son site web - Club Informatique Saintongeais26
Créer un Blog avec OldiblogCréer un Blog avec Oldiblog info
Remplir le site
29.01.2008Créer son site web - Club Informatique Saintongeais27
Créer un Blog en quelques clicsCréer un Blog en quelques clics info
Remplir le site
29.01.2008Créer son site web - Club Informatique Saintongeais28
Créer un Blog en quelques clicsCréer un Blog en quelques clics info
Aperçu avant envoi
29.01.2008Créer son site web - Club Informatique Saintongeais29
Et voilà : le Blog est en ligneEt voilà : le Blog est en ligne info
Design 1
29.01.2008Créer son site web - Club Informatique Saintongeais30
Choix du design
Par l’internaute
Et voilà : le Blog est en ligneEt voilà : le Blog est en ligne
29.01.2008Créer son site web - Club Informatique Saintongeais31
http://cisaintongeais.oldiblog.com/
29.01.2008Créer son site web - Club Informatique Saintongeais32
http://cisaintongeais.blogspot.com/
29.01.2008Créer son site web - Club Informatique Saintongeais33
http://assomaraishauteseudre.blog4ever.com
29.01.2008Créer son site web - Club Informatique Saintongeais34
Guy Neauleau
Choisssez votre hébergeur de Blog …Choisssez votre hébergeur de Blog …
En savoir plus : Les Plateformes de création de Blog Créer son Blog dans les règles de l’art Une liste d’hébergeurs francophones Les Blogs classés selon leur audience Et l’espace webmaster sur infoweb17
29.01.2008Créer son site web - Club Informatique Saintongeais35
Facile de créer son Blog ? Facile de créer son Blog ?
A vous de jouer … A vous de jouer …
A bientôt sur le web ! A bientôt sur le web !
29.01.2008Créer son site web - Club Informatique Saintongeais36
La création d’un La création d’un site en PHPsite en PHP
(Pages HTML générées en (Pages HTML générées en mode dynamique)mode dynamique)
29.01.2008Créer son site web - Club Informatique Saintongeais37
Qu’est ce que le PHP ? Qu’est ce que le PHP ? info
Le PHP (Hypertext Preprocessor) est un langage de programmation côté serveur web chez l’hébergeur couplé à une base de données.
Le serveur va interpréter le code PHP et générer du code HTML afin d'être lu par les navigateurs mais il peut être utilisé pour d'autres langages ou formats tels que WML, GIF, PDF, etc.
Il a été conçu pour permettre la création d'applications dynamiques. PHP peut être installé sur les principaux serveurs web du marché, les plus répandus étant IIS et Apache. Ce couplage permet de récupérer des informations issues d'une base de données, ou des données envoyées par le navigateur afin d'être interprétées ou stockées pour une utilisation ultérieure.
29.01.2008Créer son site web - Club Informatique Saintongeais38
Trois Plateformes « Open Source » gratuitesTrois Plateformes « Open Source » gratuites
Wordpress Dotclear SPIP
Ces trois Kits Logiciels, systèmes de gestion de contenu libre reposent sur une base de données MySQL permettent de créer et d’administrer en ligne un site personnel.
On peut télécharger l’un ou l’autre de ces trois Kits Logiciels en « Open Source » et le transférer chez un hébergeur « compatible » avec les versions proposées : Exemple : Free (gratuit), OVH (gratuit ou payant).
29.01.2008Créer son site web - Club Informatique Saintongeais39
Wordpress Wordpress info
Pour installer une plateforme telle que Wordpress, il est nécessaire de disposer :
D’un serveur web chez un hébergeur, Une Base de données au format MySQL, Un Editeur de texte (paramètres fichier configuration), Un logiciel de transfert FTP,
Les sites francophones pour en savoir plus :
Le site de Clubic La Faq de Wordpress Des sites réalisés avec Wordpress Présentation de Wordpress par Wikipédia
29.01.2008Créer son site web - Club Informatique Saintongeais40
DotclearDotclear info
Pour installer une plateforme telle que Dotclear, il est nécessaire de disposer :
D’un serveur web chez un hébergeur, Une Base de données au format MySQL, Un Editeur de texte (paramètres fichier configuration), Un logiciel de transfert FTP,
Les sites francophones pour en savoir plus :
Le site de Clubic La Faq de Dotclear Des sites réalisés avec Dotclear Présentation de Dotclear Wikipédia
29.01.2008Créer son site web - Club Informatique Saintongeais41
SPIPSPIPPour installer une plateforme telle que SPIP, il est nécessaire de disposer :
D’un serveur web chez un hébergeur, Une Base de données au format MySQL, Un Editeur de texte (paramètres fichier configuration), Un logiciel de transfert FTP,
Les sites francophones pour en savoir plus :
Le site de SPIP La Faq de SPIP Des sites réalisés avec SPIP Présentation de SPIP Wikipédia
29.01.2008Créer son site web - Club Informatique Saintongeais42
Exemple avec SPIP :Exemple avec SPIP :
Le site de l’Amicale des retraités du Crédit Le site de l’Amicale des retraités du Crédit Agricole Charente-Maritime Deux-SèvresAgricole Charente-Maritime Deux-Sèvres
29.01.2008Créer son site web - Club Informatique Saintongeais43
29.01.2008Créer son site web - Club Informatique Saintongeais44
SPIPSPIP
L’Outil d’administration et de gestion de contenu en ligneL’Outil d’administration et de gestion de contenu en ligne
29.01.2008Créer son site web - Club Informatique Saintongeais45
Perpsectives d’avenirPerpsectives d’aveniravec l’arrivée du web 2avec l’arrivée du web 2
29.01.2008Créer son site web - Club Informatique Saintongeais46
Web 2 : des internautes « actifs »Web 2 : des internautes « actifs » info
Conçu comme un grand livre à l’échelle mondiale, le web 1.0 s'est contenté de reproduire les modèles connus de l'édition papier. Le web 2.0 transforme le web en une gigantesque base de données.L'arrivée à maturité des technologies XML et une meilleure compréhension du web transforment la Toile en un gigantesque réseau de sources d'information structurées et de services, jetant les bases d'une plate-forme de développement planétaire.Les progrès technologiques de ces dernières années ne sont pas les seules ferments de cette évolution. Les internautes ont changé. Plus nombreux, connectés en haut débit, ils s'impliquent de plus en plus dans la création de «leur» réseau : ils ne se contentent plus de lire, mais publient aussi des données. Web 1.0 Web 2.0
Leaders du web : Entreprises, marchands Internautes
Profil de l'internaute : Passif Actif
Interactivité perçue :Sélection et lecture
d'informationSélection, lecture et publication
de données
Unité de recherche : Mot-clé Tag
29.01.2008Créer son site web - Club Informatique Saintongeais47
En savoir davantage :En savoir davantage :
Les tutoriels en tous genres sur le web,
Les pages « webmasteur » sur
www.infoweb17.fr
29.01.2008Créer son site web - Club Informatique Saintongeais48
Bonne Publication sur le webBonne Publication sur le web
et et
Au plaisir de vous lire bientôt !Au plaisir de vous lire bientôt !
29.01.2008Créer son site web - Club Informatique Saintongeais49
Merci de votre attentionMerci de votre attention
www.infoweb17.com