La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

29.01.2008 Créer son site web - Club Informatique Saintongeais 1 Créer un site Web sur internet Guy Neauleau.

Présentations similaires


Présentation au sujet: "29.01.2008 Créer son site web - Club Informatique Saintongeais 1 Créer un site Web sur internet Guy Neauleau."— Transcription de la présentation:

1 Créer son site web - Club Informatique Saintongeais 1 Créer un site Web sur internet Guy Neauleau

2 Créer son site web - Club Informatique Saintongeais 2 Plan 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» Conclusion

3 Créer son site web - Club Informatique Saintongeais 3 Pourquoi créer des sites Web ? Toucher un très large public Diffuser de linformation très rapidement Partager dune façon attractive : texte, image, musique, vidéo… Communiquer échanger entre internautes : commentaires,… Publier de façon plus économique quavec 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 …

4 Créer son site web - Club Informatique Saintongeais 4 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) ou payant (OVH, etc…) Les sites Web gérés en mode dynamique : Les pages sont créées sur un serveur en ligne, et hébergées sur le site de la plate-forme (Blog) ou autres hébergeurs (CMS)CMS CMS = Content Management Systems ou Système de Gestion de contenu : SPIP,…

5 Créer son site web - Club Informatique Saintongeais 5 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 dintérêt Le choix de la forme : navigation, charte graphique,… Lergonomie : selon les attentes du public choisi Lergonomie La Conception pour bien définir : Larchitecture : 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

6 Créer son site web - Club Informatique Saintongeais 6 Créer un site en mode statique Un logiciel pour écrire les pages Web Un logiciel de gestion dimages Un logiciel pour publier le site en ligne (ftp) Une connexion internet pour transférer les pages Quels sont les outils nécessaires ?

7 Créer son site web - Club Informatique Saintongeais 7 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…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

8 Créer son site web - Club Informatique Saintongeais 8 Créer un site en mode statique Un logiciel de gestion dimages - Les images dune page web sont de taille petite (<400 pixels), allégées (quelques Ko), et très nombreuses (navigation, …) - Un logiciel de gestion dimage est nécessaire - Par exemple : Photofiltre, Photoshop, etc… Photofiltre

9 Créer son site web - Club Informatique Saintongeais 9 Créer un site en mode statique Un logiciel de publication chez lhébergeur - Les pages web créées sur lordinateur 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 : C ute-ftp, Leechftp, Totalcommander

10 Créer son site web - Club Informatique Saintongeais 10 Cest lunité de consultation du Web, un document informatique composé de texte exclusivement (100% en mode « caractères ») Chaque page Web contient : –Le texte dentête invisible par les internautes –Le texte vu par les internautes, –Des liens vers des images, de la musique, dautres pages etc… Ex : Consulter le source dune page Web en langage HTML

11 Créer son site web - Club Informatique Saintongeais 11 HTML : 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 lhypertexte, doù son nom. HTML permet donc de structurer le contenu des pages, dinclure 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 laccessibilité du web. HTML est utilisé conjointement avec des langages de programmation comme JavaScript, les feuilles de style en cascade (CSS) et bien dautres langages.

12 Créer son site web - Club Informatique Saintongeais 12 Voici comment sont imbriqués les « conteneurs » : Cest la 1 ère ligne du fichier HTML C'est le conteneur de l'entête. ici seront les « métatags » titre, mots clés,… C'est le conteneur du corps. XXXX ici sera le texte vu par les internautesXXXX Cest la dernière ligne Le HTML (HyperText Markup Language) est un langage de balisage pour la publication en hypertexte sur le Web.HTML

13 Créer son site web - Club Informatique Saintongeais 13 Une page en HTML :

14 Créer son site web - Club Informatique Saintongeais 14 Publier votre site web :

15 Créer son site web - Club Informatique Saintongeais 15 Et voilà votre Page Web est visible par Internet Explorer et autres navigateurs

16 Créer son site web - Club Informatique Saintongeais 16 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.méthodologie Lindice de popularité (Pagerank chez Google) nécessite quelques règles : Optimiser chaque page pour le référencement,chaque page 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,

17 Créer son site web - Club Informatique Saintongeais 17 La création dun « Blog »

18 Créer son site web - Club Informatique Saintongeais 18 Le « Blog » : site perso facile On distingue différents usages : Le blog introspectif : journal perso… Le blog dopinion : 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.blogs

19 Créer son site web - Club Informatique Saintongeais 19 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 lactualité, de ce qui les touchent ou les intéressent.

20 Créer son site web - Club Informatique Saintongeais 20 Comment ça fonctionne ? Les articles (ou billets) sont publiés de façon chronologique (le dernier posté en avant sur laccueil) et permettent à tous les visiteurs de réagir sur le sujet évoqué, en postant leurs commentaires sur larticle, créant ainsi une relation privilégiée entre l'auteur et ses lecteurs. Tout le monde peut créer un blog !

21 Créer son site web - Club Informatique Saintongeais 21 De quoi a-t-on besoin ? - de choisir un site hébergeur, - dune adresse valide, - dun mot de passe, - de définir le nom du Blog

22 Créer son site web - Club Informatique Saintongeais 22 Bien choisir lhébergeur du Blog Un comparatif des plates-formes de Blogs :

23 Créer son site web - Club Informatique Saintongeais 23 1 – Saisir le nom du site 2 – Sinscrire 3 – Paramétrer les services 4 – Remplir le site Exemple : en ligne sur le site Résultat : un nouveau site : INFODUWEB

24 Créer son site web - Club Informatique Saintongeais 24 Sinscrire

25 Créer son site web - Club Informatique Saintongeais 25 Sinscrire

26 Créer son site web - Club Informatique Saintongeais 26 Remplir le site

27 Créer son site web - Club Informatique Saintongeais 27 Remplir le site

28 Créer son site web - Club Informatique Saintongeais 28 Aperçu avant envoi

29 Créer son site web - Club Informatique Saintongeais 29 Design 1

30 Créer son site web - Club Informatique Saintongeais 30 Choix du design Par linternaute Et voilà : le Blog est en ligne

31 Créer son site web - Club Informatique Saintongeais 31

32 Créer son site web - Club Informatique Saintongeais 32

33 Créer son site web - Club Informatique Saintongeais 33

34 Créer son site web - Club Informatique Saintongeais 34 Guy Neauleau 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 lart Une liste dhébergeurs francophones Les Blogs classés selon leur audience Et lespace webmaster sur infoweb17

35 Créer son site web - Club Informatique Saintongeais 35 Facile de créer son Blog ? A vous de jouer … A bientôt sur le web !

36 Créer son site web - Club Informatique Saintongeais 36 La création dun site en PHP (Pages HTML générées en mode dynamique)

37 Créer son site web - Club Informatique Saintongeais 37 Le PHP (Hypertext Preprocessor) est un langage de programmation côté serveur web chez lhé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.WMLGIFPDF 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.serveurswebIISApache

38 Créer son site web - Club Informatique Saintongeais 38 Trois 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 dadministrer en ligne un site personnel.systèmes de gestion de contenulibreMySQL On peut télécharger lun ou lautre 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).OVH

39 Créer son site web - Club Informatique Saintongeais 39 Pour installer une plateforme telle que Wordpress, il est nécessaire de disposer :Wordpress Dun 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 ClubicClubic La Faq de WordpressWordpress Des sites réalisés avec WordpressWordpress Présentation de Wordpress par WikipédiaWikipédia

40 Créer son site web - Club Informatique Saintongeais 40 Pour installer une plateforme telle que Dotclear, il est nécessaire de disposer :Dotclear Dun 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 ClubicClubic La Faq de DotclearDotclear Des sites réalisés avec DotclearDotclear Présentation de Dotclear WikipédiaWikipédia

41 Créer son site web - Club Informatique Saintongeais 41 SPIP Pour installer une plateforme telle que SPIP, il est nécessaire de disposer : Dun 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 SPIPSPIP La Faq de SPIPSPIP Des sites réalisés avec SPIPSPIP Présentation de SPIP WikipédiaWikipédia

42 Créer son site web - Club Informatique Saintongeais 42 Exemple avec SPIP : Le site de lAmicale des retraités du Crédit Agricole Charente-Maritime Deux-Sèvres

43 Créer son site web - Club Informatique Saintongeais 43

44 Créer son site web - Club Informatique Saintongeais 44SPIP LOutil dadministration et de gestion de contenu en ligne

45 Créer son site web - Club Informatique Saintongeais 45 Perpsectives davenir avec larrivée du web 2

46 Créer son site web - Club Informatique Saintongeais 46 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.0Web 2.0 Leaders du web :Entreprises, marchandsInternautes Profil de l'internaute :PassifActif Interactivité perçue : Sélection et lecture d'information Sélection, lecture et publication de données Unité de recherche :Mot-cléTag

47 Créer son site web - Club Informatique Saintongeais 47 En savoir davantage : Les tutoriels en tous genres sur le web, Les pages « webmasteur » surwebmasteur

48 Créer son site web - Club Informatique Saintongeais 48 Bonne Publication sur le web et Au plaisir de vous lire bientôt !

49 Créer son site web - Club Informatique Saintongeais 49 Merci de votre attention


Télécharger ppt "29.01.2008 Créer son site web - Club Informatique Saintongeais 1 Créer un site Web sur internet Guy Neauleau."

Présentations similaires


Annonces Google