Création d un d site Internet personnel Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006
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
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 http://callisto.si.usherb.ca/~cles/clef_info/formations.html 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.
Des logiciels de création de pages web Microsoft FrontPage Macromedia DreamWeaver Bientôt des outils de création en ligne comme : GooglePages : http://pages.google.com Il faut avoir une compte GMAIL et se mettre en liste d attente, d car la demande est trop forte; OfficeLive : http://officelive.microsoft.com/ Il suffit d avoir d une licence (CD-KEY) de Office valide afin d obtenir d le OfficeLive Basic. FreeWebs : http://www.freewebs.com 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 http://www.freewebs.com/votrenom et non http://www.votrenom.com 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.
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: http://callisto.si.usherb.ca/~cles/clef_multimedia/frontpage2002.pdf.pdf
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 www.macromedia.com de 30 jours Consultez le tutoriel de la Clé Multimédia qui vous permettra d en d apprendre plus sur ce magnifique logiciel http://callisto.si.usherb.ca/~cles/clef_multimedia/dreamweavermx2004.pdf
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 à 99.9999% 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
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: http://www.hebergeur.com/votrenom ou http://votrenom.hebergeur.com Moins fiables (le serveur n est n pas disponible à 99.9999%) 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 http://www.uni.cc (voir une liste des autres noms sur http://www.emailaddresses.com/email_url.htm!faire attention aux fournisseur gratuit qui afficheront de la publicité) Donc, votre site ne sera plus http://votrenom.hebergeur.com mais http://votrenom.uni.cc et ce dernier pointera sur l hébergeur l gratuit de votre choix, disons http://votrenom.hebergeur.com.
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: http://www.11vm-serv.net/index.php?p=register http://www.hebergement-gratuit.com/index.php gratuit.com/index.php : seulement un meg d espace inscription en une heure http://www.atomysk.com/front/inscription.php : 50 megs mais pas de vidéos ni de mp3 délai d inscription Consultez une liste des hébergeurs gratuits à l adresse http://dmoz.org/world/fran%c3%a7ais/informatique/internet/conception_et_d%c3%a9veloppement/h%c3%a 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!
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 http://www.godaddy.com Cela vous coûtera environ 75$/année, ceci inclût un nom de domaine http://www.votrenom.com.net 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 info@monsite.com envoie les courriels à moi@usherbrooke.ca) ), possibilité de créer un email qui a l option Catch all qui récupère tous les courriels envoyés à @monsite.com. 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
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
Enregistrement de votre site dans les moteurs de recherche Les moteurs de recherche d aujourdd aujourd hui sont: www.google.com (55.2%) www.yahoo.com (21.7%) www.msnsearch.com (9.6%) www.altavista.com (2.2 %) www.aolsearch.com (3.8%) www.lycos.com (2.6%) www.askjeeves.com (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
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 www.toile.com Toile du Québec www.dmoz.org Annuaire web très s respecté Ce n est n pas instantané,, être indexé dans Google peut prendre des semaines, voir quelques mois
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 : http://www.oiseaux- quebec.com
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 " >
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.
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: www.oiseaux-quebec.com : un site d oiseaux d du Québec portant entre autres sur les canards.
Sites de références r rences utiles Trouvez des images http://www.google.com/imghp Des ressources en tout genre pour votre site: http://www.2001webmaster.com/ressources/index.htm