Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006

Transcription

1 Création d un d site Internet personnel Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006

2 1-2-3 Étapes de mise sur pied d un d site Internet personnel! 1 - Création des fichiers du site Internet Composé de fichiers.html (.htm,.asp. ou.php. php) et d imagesd 2- Envoi des fichiers sur un hébergeur h de sites Internet En utilisant un logiciel FTP ou bien intégr gré dans le logiciel WYSIWYG 3- Ajout du site sur des moteurs de recherche afin d attirer d des visiteurs

3 Création des fichiers du site Internet Une page web est fait en grosse partie de code HTML, HyperText Markup Language; Si vous désirez d en savoir plus sur le HTML et le code afin de construire vos pages à la main, ligne par ligne, consultez le tutoriel HTML de la Clé Informatique à l adresse Toutefois, afin de nous simplifier la vie, des logiciels spécialis cialisés s nous permettent de construire des sites Internet sans coder une seule ligne de HTML : le code est produit automatiquement pour nous. Il ne suffit que de designer la page comme un peu dans Word. Ce sont des logiciels que l ont l appellent WYSIWYG, pour What You See Is What You Get.. Donc, ce que vous voyez comme page dans le logiciel, c est c ce que les gens verront sur Internet Explorer, par exemple.

4 Des logiciels de création de pages web Microsoft FrontPage Macromedia DreamWeaver Bientôt des outils de création en ligne comme : GooglePages : Il faut avoir une compte GMAIL et se mettre en liste d attente, d car la demande est trop forte; OfficeLive : Il suffit d avoir d une licence (CD-KEY) de Office valide afin d obtenir d le OfficeLive Basic. FreeWebs : Un outil bien développd veloppé pour avoir son site Internet en ligne en 2 minutes, mais en anglais seulement. Gratuit mais l adresse l est de votre site sera et non Mais ces outils sont Bêta, c estc est-à-dire qu ils sont en phase de tests et seront disponible au grand public dans un an peut-être. Mais ils sont plus simple d utilisation d et il est très s rapide d avoir d un site en ligne.

5 Microsoft Frontpage Facile d approche pour les débutants, mais peut être frustrant pour les utilisateurs avancés Ce logiciel est inclus dans Microsoft Office Pro mais peut être acheté séparément. Une version gratuite (mais moins performante) est également fournie avec certaines versions de Windows: Front Page Express. Microsoft Frontpage 2002 est installé sur des postes du Carrefour de l informationl Voici le tutoriel de la Clé Multimédia qui vous enseignera comment créer un site de base avec FrontPage 2002:

6 Macromedia DreamWeaver DreamWeaver est un logiciel de création de sites Internet très s polyvalent: il satisfait aussi bien aux débutants d qu aux experts. Il est simple d utilisation d une fois que l on l comprend le principe de base Le logiciel est assez cher: 399$ ou 299$ si étudiant Le logiciel est installé sur plusieurs postes au Carrefour de l information et vous pouvez les utiliser gratuitement aussi longtemps que vous le désirezd Vous pouvez télécharger t une version d éd évaluation de Dreamweaver sur de 30 jours Consultez le tutoriel de la Clé Multimédia qui vous permettra d en d apprendre plus sur ce magnifique logiciel

7 Publication de votre site Internet sur la Toile Maintenant que vous avez créez les pages de votre site, il faut les envoyer sur un hébergeurh L hébergeur est une compagnie possédant des ordinateurs très s rapides et à % du temps disponibles à répondre aux requêtes des visiteurs venant voir votre site Pour envoyer vos fichiers sur l hébergeur, l il vous faut une adresse FTP (File Transfer Protocol), un nom d utilisateur d et un mot de passe Souvent, l adresse l FTP est ftp.lenomdelhebergeur.com et le nom d utilisateur et le mot de passe sont ceux qui vous ont été fournis lors de votre inscription

8 Hébergeurs Il y a des hébergeurs h gratuits et d autres d payants $$$ Gratuits: On ne choisit pas son adresse du site, c est c à dire que vous allez avoir un adresse du type: ou Moins fiables (le serveur n est n pas disponible à %) et il y a moins de chance qu il soit encore ouvert dans un an Si l hébergeur l gratuit ferme ses portes, vous devez changer d adresse d web et cela est très s mauvais (tous ceux qui connaissent votre adresse se retrouve à une page d erreur) d Solution : Utiliser une adresse statique fantôme (cloak( domain name) gratuite disponible, par exemple utilisez (voir une liste des autres noms sur attention aux fournisseur gratuit qui afficheront de la publicité) Donc, votre site ne sera plus mais et ce dernier pointera sur l hébergeur l gratuit de votre choix, disons

9 Hébergeur gratuit Les vrais hébergeurs gratuits sont assez rares, dû aux coûts d exploitation d un tel service, mais il en existe quelques-uns uns: gratuit.com/index.php : seulement un meg d espace inscription en une heure : 50 megs mais pas de vidéos ni de mp3 délai d inscription Consultez une liste des hébergeurs gratuits à l adresse tion_et_d%c3%a9veloppement/h%c3%a 9bergement/Gratuit/ Faites attention aux hébergeurs gratuit qui subsistent en affichant de la publicité sur votre site, ce n est pas très agréable able pour vos visiteurs!

10 Hébergeur payant Si vous projetez développer un site à long terme ou qu il sera le moindrement professionnel, il est fortement suggéré d investir un peu d argent afin d avoir un service décent. Un excellent hébergeur est Cela vous coûtera environ 75$/année, ceci inclût un nom de domaine ou.org Prévoir un extra de 30$/année e pour un.ca ou un.qc.ca. Vous aurez 5GB d espace disque, aucune publicité, une excellente vitesse et une fiabilité professionnelle Votre FTP sera ftp.votrenom.com Vous aurez la possibilité de créer jusqu à 500 comptes courriels, les rediriger vers un autre courriel, exemple [email protected] envoie les courriels à [email protected]) ), possibilité de créer un qui a l option Catch all qui récupère tous les courriels envoyés Plusieurs service gratuit sont fournis avec les comptes GoDaddy, tels la création d un blog gratuitement, magasin en ligne (shopping cart) statistiques de visites etc

11 Hébergeur payant mais utile! GoDaddy permet aussi à l aide de leur outil WebSite Tonight de créer un site web en ligne très rapidemment sans se casser la tête On peut choisir plusieurs modèles de couleurs et de formats de site On définit d nos catégories, nos titres et on remplit les textes dans les pages On a 5 pages pour 75$/année, hébergement et.com. inclus 10 pages pour 115$/année e hébergement h et.com. inclus

12 Enregistrement de votre site dans les moteurs de recherche Les moteurs de recherche d aujourdd aujourd hui sont: (55.2%) (21.7%) (9.6%) (2.2 %) (3.8%) (2.6%) (1.5%) Toutefois, les deux plus populaires (Google et Yahoo) utilisent la même base de données Donc, il faut vous inscrire à cette base de données de sites web

13 Comment entrer dans le moteur de recherche Google? Faire en sorte que des sites déjàd inscrit sur Google pointe vers votre site avec un lien Lors de la future visite du robot de Google sur le site de votre ami, il explorera tous ses liens, donc le vôtre et découvrira l existancel de votre site Inscrire votre site à d autre moteur de recherche ou d annuaire d web Toile du Québec Annuaire web très s respecté Ce n est n pas instantané,, être indexé dans Google peut prendre des semaines, voir quelques mois

14 Comment améliorer le classement de son site web sur Google selon certains mots clés Définir les mots clés s sur lesquels vous voulez être trouvés N essayez pas de devenir premiers sur le mot clés «oiseaux» mais peut-être commencer par «oiseaux du québec» ou «canard» si votre site parle des canards Mettre ces mots clés s dans votre titre de votre page web (entre les balises <title< title> > et </title title>) Essayer d inclure d ces mots clés s dans votre nom de domaine. Exemple : quebec.com

15 Améliorer votre classement de votre site web sur Google Utilisez des balises META Des balises META sont des bouts de codes invisible au visiteurs mais visible par les robots qui indexent les sites web. Il faut les placer dans le code de votre première page de votre site entre les balises <head< head> > et </head head> Insérez des bouts de code META dans l entête l de votre page Web Meta mots clés s : <meta name="keywords" lang=" ="fr" " content=«oiseaux du québec bec,, canards, cormorans"> <meta name="keywords" lang = " en" content= " quebec birds, ducks"> Meta description: <meta lang= = ="fr fr" name="description" content= " Oiseaux-quebec.com est le site de référence rence pour les oiseaux " > <meta lang= = =«= en" name="description" content= " Oiseaux-quebec.com is the reference for Quebec birds " >

16 Améliorer votre classement de votre site web sur Google Répétez les mots clés s importants souvent à l intérieur de votre site Utilisez les balises paragraphes h1, h2 et h3 pour décrire d vos catégories/produits/services de votre site.

17 Améliorer votre classement de votre site web sur Google Plus vous aurez de pages à l intérieur de votre site, mieux sera votre classement Plus vous aurez de liens pointant à l interne et à l externe, plus votre site sera bien classé Plus qu il y aura de site pointant sur votre site, mieux vous serez classé. Vous montera de classement si un autre site d oiseaux très s bien classé sur Google parle de vous en faisant un lien du genre: : un site d oiseaux d du Québec portant entre autres sur les canards.

18 Sites de références r rences utiles Trouvez des images Des ressources en tout genre pour votre site: