La création de sites web perso sur internet

La création de sites web persosur internet Création de site web - Club Informatique Saintongeais www.infoweb17.com

Plan général • L’internet et Le web • Une page web - Un site web • Rappel de quelques définitions : • Les architectures générales : • Les pages web créées « en dur » (statiques) • Le pages web générées dynamiquement • Les Blogues • Présentation générale • La création d’un Blogue • Les sites perso « classiques » • Les étapes pour créer un site, • Le Choix d’un logiciel Editeur HTML • La publication du site chez l’hébergeur Création de site web - Club Informatique Saintongeais

Internet : c’est Quoi ? • Un réseau informatique mondial reposant sur un système d’adresses TCP/IP (Transmission Contrôle Protocole/Internet Protocol), chaque ordinateur ayant une adresse IP unique (origine : année 72) • Un réseau des réseaux chargé de transporter des données selon différents protocoles de communication : • HTTP pour le web, • HTTPS pour le web en mode sécurisé, • FTP pour le transfert de fichiers, • SMTP pour envoyer des e-mails, • ICQ pour dialoguer en ligne, • NNTP pour accéder aux forums de discussion, • P2P pour partager des fichiers, • SSH pour la sécurité, • Et bien d’autres… Création de site web - Club Informatique Saintongeais

Le Web : c’est Quoi ? info • Le Web est une abréviation de World Wide Web ou WWW (la toile mondiale) créé dans les années 89/90 (CERN Suisse), • Le Web est un système hypertexte réparti sur Internet qui permet de consulter, avec un navigateur Web, les pages Web mises en ligne dans les sites Web, • L'image de la toile vient des hyperliens qui lient les pages Web entre elles, ils peuvent être suivis pour passer automatiquement d'une page à une autre. Création de site web - Club Informatique Saintongeais

Une Page Web : c’est Quoi ? info • La Page Web est l’unité de consultation du Web, un document informatique accompagné de texte, images, son, vidéo… • Un document présenté dans des langages reconnus par les navigateurs, exemple : HTML (Hypertext Markup Language), XML, PHP, etc… • La Page Web contient des liens hypertextes, elle s’accompagne donc d’autres ressources : texte, multimédia, etc… Création de site web - Club Informatique Saintongeais

Un site Web : c’est Quoi ? info • Un site web est un ensemble de pages web constituées de fichiers créés ou générés en HTML et des ressources multimédia, • On distingue les sites ayant des pages web : • statiques : les pages web sont créées par des éditeurs HTML • dynamiques : les pages web sont générées chez l’hébergeur (Blog, CMS) CMS = Content Management System = système de gestion de contenu en ligne Création de site web - Club Informatique Saintongeais

Architecture générale des sites web Un Hébergeur du site stocke ou génère les pages web Le FAI de l’internaute Un créateur du site (Webmaster) L’internaute consulte les pages web Création de site web - Club Informatique Saintongeais

Un site Web avec pages statiques Hébergeur du site FAI Publie les pages HTML chez l’hébergeur à l’aide d’un logiciel FTP Télécharge et visualise les pages web avec son navigateur Fabrique les pages HTML à l’aide d’un Editeur Le créateur du site L’internaute Création de site web - Club Informatique Saintongeais

Un site Web avec pages dynamiques Hébergeur du site FAI Le robot de l’hébergeur génère les pages web demandées par l’internaute Alimente une base de données en ligne chez l’hébergeur avec un outil d’administration du site (CMS) Télécharge et visualise les pages web avec son navigateur Le créateur du site L’internaute Création de site web - Club Informatique Saintongeais

La création d’un « Blogue » Création de site web - Club Informatique Saintongeais

Le « Blogue » : site perso facile info Apparus fin 1997 aux USA, journal intime, coup de gueule ou sélection de l'actualité, les weblogs ou blogues sont un type de site perso. Ils se sont vraiment développés après le 11 septembre 2001, grace à la facilité de création et de publication en ligne. • On distingue différents usages : • Le blogue introspectif : journal perso… • Le blogue d’opinion : militantisme… • Le blogue pro/techno : thèmes divers • Le blogue à part : ovni du web Création de site web - Club Informatique Saintongeais

Les principaux outils en ligneinfo Comparatif des outils disponibles sur le web : Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo Exemple : en ligne sur le site www.oldiblog.com/ 1 – Saisir le nom du site 2 – S’inscrire 3 – Paramétrer les services 4 – Remplir le site Résultat : un nouveau site : INFODUWEB Création de site web - Club Informatique Saintongeais

Créer un Blogue avec Oldibloginfo S’inscrire Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo S’inscrire Création de site web - Club Informatique Saintongeais

Créer un Blogue avec Oldibloginfo Remplir le site Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo Remplir le site Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo Aperçu avant envoi Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo Design 1 Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo Choix du design Par l’internaute Création de site web - Club Informatique Saintongeais

Créer un Blogue en quelques clicsinfo Choix d’une radio Par l’internaute Création de site web - Club Informatique Saintongeais

La création d’un site perso classique Création de site web - Club Informatique Saintongeais

Les étapes pour créer un site webinfo • 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 : • La réalisation du site : • 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 Création de site web - Club Informatique Saintongeais

Choix d’un logiciel Editeur de pages HTML info • Editeurs fournis avec windows : notepad, wordpad… • Editeurs freewares sharewares : HtmlEdit,… Linternaute • Editeurs gratuits Non WYSIWYG : • Editeurs gratuits et WYSIWYG : • FrontPage Express 2.0, Dreamweaver (démo) • Editeurs freewares sharewares : Nvu, Web Construction Kit,… • Editeurs commerciaux spécialisés : • Macromédia Dreamweaver MX, • Microsoft FrontPage, • Et autres outils Microsoft :(non recommandés) • Word, Publisher, PowerPoint etc… (WYSIWYG = What You See Is What You Get = Ce que vous voyez est ce que vous obtenez) Création de site web - Club Informatique Saintongeais

Une page en HTMLinfoinfoinfo • 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. Création de site web - Club Informatique Saintongeais

Choix d’un logiciel FTP pour publier info Il existe des centaines de logiciels FTP, gratuits le plus souvent, pour transférer un site web et ses mises à jours, sur le site de l’hébergeur. Le shareware TOTAL COMMANDER intègre cette fonction FTP. Téléchargement sur le site : www.ghisler.com Création de site web - Club Informatique Saintongeais

Total Commander info Création de site web - Club Informatique Saintongeais

Publication du site : vers l’Hébergeur (Free) de chez le Webmaster (Chaniers) Création de site web - Club Informatique Saintongeais

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, Création de site web - Club Informatique Saintongeais

Perpsectives d’aveniravec l’arrivée du web 2 Création de site web - Club Informatique Saintongeais

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. Création de site web - Club Informatique Saintongeais

Bonne Publication sur le webet Au plaisir de vous lire bientôt ! Création de site web - Club Informatique Saintongeais

Merci de votre attention Création de site web - Club Informatique Saintongeais www.infoweb17.com

La création de sites web perso sur internet