Création d'un site Web

Transcription

1 Module 5 Kit Produit Chapitre 2 Création d'un site Web Jürgen Undeutsch, B.A.

2 CONTENU 2 Auteur: Jürgen Undeutsch, B.A. A. Introduction... 3 B. Bases and Terminologie... 4 C. Avant de Commencer... 7 D. Creation de votre site Web... 9 Débutants... 9 Avancé Distribution IMPRINT Responsible du contenu: Austrian University of Applied Sciences, Campus Wieselburg der FH Wiener Neustadt, Austria, 3250 Wieselburg, Zeiselgraben Austrian Marketing University of Applied Sciences Tous droits de reproduction, distribution et traduction réservés. Tel: 0043-(0) office@amu.at web: contact : Dr. Astin Malschinger Ce programme d auto-aprentissage a été développé dans le cadre du programme européen d éducation et de formation tout au long de la vie.

3 A. Introduction 3 Un site web est un espace virtuel dans le réseaux mondial internet (World Wide Web) dans lequel un certain nombre de sites constitués de documents et d autres ressources peuvent être trouvés. Ceux-ci sont généralement résumés et reliés par un genre de système de navigation intégré. Le Web représente une source importante d'informations concernant les produits et les producteurs. Fondamentalement, chaque site Web a l'obligation de donner des informations sur l'opérateur et sa présence sur le Web. Un nombre croissant d'entreprises agricoles ont entre-temps ouvert leur propre site Web dans l'internet. Cependant, ce qu'ils offrent sur le Web diffère énormément en termes de qualité. Le But de ce Module. Ce module a pour but de vous donner les compétences pour créer un site web qui répond à vos propres besoins. Vous allez apprendre dans ce processus la mise en application de conseils pratiques pour la mise en page et à vous inspirer de modèles de conception. En outre, vous serez en mesure, en fonction des besoins, de lancer votre site Web sur le World Wide Web ou encore de recourir à des programmeurs d'une autre entreprise pour terminer les travaux.

4 B. Bases et Terminologie 4 Un site Web efficace n'est pas toujours facile à créer. Si vous souhaitez réussir dans cette entreprise, vous devrez être en mesure d'appliquer diverses compétences liées à une compréhension de la couleur et ses effets sur la conscience de l'espace, du design graphique, du marketing internet et de l optimisation des installations de recherche sur le net. Ce guide vous aidera à débuter votre familiarisation à la construction d'un site Web ainsi qu à la création professionnelle d'une présence sur le Web afin d en informer un tiers Avant de commencer, permettez nous de vous familiariser avec les conceptions de bases et leur utilisation dans cette operation : Liens Les termes Lien Hypertexte ou simplement Lien renvoie généralement à une référence croisée, qui guide l'internaute à un autre point dans un hypertexte spécifique ou directement à un autre site Web. Assurez-vous que les utilisateurs de votre site sachent qu ils ont accédé à votre lien et pas un autre. Vous pouvez y parvenir en soulignant ou en surlignant d une couleur. Offrir la possibilité au visiteur de pointer la souris sur un emplacement précis afin de changer le contenu du site Web peut également être une solution pratique. De manière générale, vous ne devriez pas utiliser le terme «cliquez ici«. Si votre lien ne renvoie pas à un site Web, mais à un format différent, par exemple, un fichier PDF, vous devez indiquer de manière optimale la taille de vos données et temps nécessaire pour le télécharger. De cette façon, vous pouvez épargner de la frustration à vos visiteurs qui disposent d'une connexion Internet plus lente. Navigation Le Plan de navigation montre à l internaute comment naviguer à travers les differents sites Web. La Navigation interprète la structure et l interconnexion des different sites Web. En règle générale, le «Plan de navigation" est démontré au moyen d'un organigramme. L'utilisateur peut choisir entre la navigation à travers l'information (Accueil, Contacts, Mentions légales) ou la Navigation Principale (Produits, Contenu)

5 Le meilleur positionnement de la Navigation Principale est sur la gauche à côté de la zone de contenu principal, car cela suit les conventions de lecture de la plupart des lecteurs européens. (L'œil se met à lire à partir du haut à gauche et se déplace sur chaque ligne de gauche à droite.) Les rubriques dans le menu avec un contenu similaire ou connexe devraient être regroupés afin de rendre la recherche plus facile pour les visiteurs du site. 5 L Orientation de l utilisateur La convivialité d un site Web fait référence à la qualité perçue lors de son utilisation et à l efficacité de son interaction. Dans ce contexte, celà signifie que le visiteur peut naviguer sans effort à travers les informations qu'il ou elle recherche. Un des points essentiel dans la construction d un site Web efficace est la présentation optimale de l'écran, en particulier l'utilisation de la police appropriée et la taille de police, y compris la couleur. L'information la plus importante devrait apparaitre en premier. Le site Web devrait être créé de telle manière que même les utilisateurs qui le visite pour la première fois ne se perdent pas. Gardez un langage simple et approprié pour vos utilisateurs. Évitez le jargon. Utilisez des sous-titres pour des textes plus longs et des symboles pour une structure plus claire. Soyez conscient de l intérêt des personnes ciblées. Positionnez les informations essentielles afin qu'elles soient clairement visibles. L'utilisateur web ne devrait pas devoir faire défiler les pages, mais devrait pouvoir obtenir toutes les informations de base au premier coup d'œil. La recherche Une fonction de recherche permet à l'utilisateur de trouver son chemin à travers le site web plus facilement et plus rapidement sans avoir à accéder aux différentes pages. Il vaut mieux inclure un champ de recherche sur votre site web au lieu d'un lien sur votre page de recherche. Assurez-vous que votre site Web soit capturé dans sa totalité, mais pas l'ensemble du World Wide Web. La position idéale pour la boîte de recherche est en haut à droite de votre page Web. Graphiques et Illustrations Les graphiques et illustrations sont vitales pour le World Wide Web car ils rendent les sites plus intéressants et dynamiques. Cependant, tous les graphiques ne sont pas adaptés à l'internet. Ceux-ci devraient être faciles à télécharger et à représenter graphiquement. En outre, ils ne devraient

6 montrer aucune perte de qualité lorsque leur taille est modifiée (l'agrandissement ou la réduction des illustrations). Les formats graphiques standard dans l'internet sont GIF, JPEG et PNG, qui sont visibles dans les navigateurs sans avoir à utiliser d'autres outils. 6 Limitez vous aux informations les plus pertinentes dans l utilisation de graphiques. Les photographies doivent être de haute qualité (72 dpi) et coupées à une taille standard. La taille du fichier ne doit pas dépasser 1 Mo pour assurer un téléchargement rapide. Les photographies qui apparaitront dans la section presse doivent avoir une résolution de 300dpi pour assurer la plus haute qualité à l'impression. Mentions légales et données de contact La mention légale montre l'origine de la publication et qui est responsable de sa production. Elle est réglementée par la loi. Selon le pays et le type de publication, il y a des normes juridiques spécifiques. Une Mention légale doit être facile à trouver et facile à reconnaître. Informez vous sur les règlementations dans votre pays en ce qui concerne les mentions légales et assurez vous qu elles soient bien indiquées. Faites en sorte que les utilisateurs puissent vous contacter facilement et ajoutez votre nom, adresse, téléphone, numéro de fax et votre adresse mail. Il est également utile d inclure une section pour les relations publiques, des photos de votre ferme et, éventuellement, un logo qui peut être téléchargé.

7 C. Avant de commencer 7 Selon votre expérience et les demandes, il y a différentes façons de concevoir votre site Web. Le plus vous souhaitez être représenter d une manière professionnelle, vous et votre entreprise, le plus vous pourriez avoir à investir du temps et de l argent dans la création de votre site Web. Decidez d abord quelle option est idéale pour vous : Débutants - A moindre coût ou gratuit - Peu de temps nécessaire (quelques heures) - Résultats rapides - Besoin de moins de connaissances préalables Avancé - Prix à partir de 70 Euros par an - Plus de temps requis (plusieurs jours) - La mise en place de l adresse Internet prend environ 24 heures - La connaissance de HTML est un plus Distribution - Prix à partir de 70 Euros par an - Le coût de la mise en place de l adresse Internet est d environ 500 Euros - Plus de temps requis (plusieurs jours) - La mise en place de l adresse Internet prend plusieurs semaines

8 8

9 9 D. Création de votre site Web Débutants L Option la plus rapide et la plus rentable lors de la conception d un site Web est d utiliser un fournisseur gratuit. Pour trouver ces fournisseurs en ligne, tapez «faire un site gratuit». Pour démontrer la procédure, nous avons choisi un exemple pratique : le fournisseur de npage ( offrant des services dans différentes langues. npage fournit un nom pour une adresse Internet gratuit, ce terminant par «npage.de». Select a language Start Pour commencer à travailler sur votre mise en page, cliquez sur "Créer votre site Web gratuitement dès maintenant" dans le centre de la page. Ajoutez vos données personnelles dans la page suivante, puis cliquez sur "s'inscrire gratuitement. Choisissez un nom d utilisateur significatif il sera utilisé plus tard pour votre adresse Internet. Prenons l exemple de l activité agricole «Hof

10 Lechner-Müller». Nous avons donc choisi le nom d'utilisateur "hoflechnermueller". De cette façon, nous pouvons ensuite être trouvés facilement sur le web à 10 Après votre inscription, vous recevrez un mail de supportpage.de avec un code d activation. Cliquez sur le lien d activation dans le mail pour confirmer votre inscription. Pour continer, entrez vos données (nom d utilisateur et mot de passe) sur la page de confirmation et cliquez sur ouvrir une session maintenant. Vous êtes maintenant sur la page de démarrage du logiciel. Votre site est déjà disponible à ce stade mais vous avez encore besoin de produire du contenu. Step-by-step tutorial Menu bar Utilisez la formule guide pas à pas pour obtenir des resultats rapides.

11 Ensuite, cliquez sur le lien Modèle dans la barre de menu sur la gauche, puis cliquez sur Mon Modèle. Vous verrez le point Choisir un modèle différent qui vous donnera une sélection de modèles au choix. 11 Designwahl L option la plus simple est de sélectionner un modèle de conception déjà prêt. Cliquez sur Continuer pour poursuivre. Name of template Description and information

12 Dans le menu, vous trouverez plusieurs catégories avec différents modèles ainsi que leur descrptions. Dans notre exemple, nous allons sélectionner "Plus 028" de la catégorie "Nature". Nous allons donc cliquer sur le cercle de sélection correspondant, et confirmez en cliquant sur «Choisir ce modèle" en bas de la page. 12 En fonction de la mise en page sélectionnée, votre page à déjà un système de navigation pré-définis, que vous pouvez modifier à tout moment. Essayez plusieurs mises en page afin de choisir la plus apropriée pour vous. Après avoir choisi la configuration désirée, nous devons adapter le nom du site et la navigation à nos besoins. Dans la liste du Menu, nous selectionnons donc Paramètres, puis Réglage de la page d accueil et insérons le nom désiré dans la case Page d accueil du titre. En outre, nous voulons insérer un nouveau point de navigation, Produits. Nous cliquons donc sur Pages dans la liste du Menu, puis sur nouvelles pages de texte et ajoutons les données nécessaires.

13 13 Pour générer du contenu, cliquez sur Pages dans le Menu, puis Pages de Texte sur les pages à modifier et choisissez démarrer. Selon l éditeur choisi, vous recevrez une Zone de Saisie pour le traitement de vos données. L éditeur standard est similaire à un document de traitement de texte et est exploité de la même manière. Vous pouvez ajouter des photos et formater votre texte comme vous voulez.

14 14 Chaque fois que vous enregistrez des données, votre site est automatiquement publié. Dès que les modifications nécessaires ont été effectuées, vous avez réussi à construire votre site Web. En cas de problèmes ou questions, vous pouvez consulter la rubrique appelée FAQ (Questions-Réponses) offerte par presque tous les prestataires de l'internet, qui est un site d'aide donnant des conseils pour résoudre vos problèmes. Avancé Lorsque vous avez suffisamment d'expérience dans la mise en place d'un site Web et que vous souhaitez investir plus d'argent et de temps, il y a différentes possibilités pour consolider et développer votre présence sur le Web. D'une part, vous avez la possibilité de concevoir votre site Web avec un programme graphique, et de le programmer par la suite, ou vous pouvez également travailler avec un CMS (Content Management System) qui permet et organise mutuellement la mise en place et le traitement du contenu, composé de texte et d'autres données. Dans les deux cas, nous vous recommandons vivement l'utilisation d'un "Hébergeur professionnel Un "Hébergeur" vous offre de l'espace Web (capacité à enregistrer des données) et de l'hébergement de sites Web sur un serveur Web d'un ISP (Internet Service Provider).

15 Votre fournisseur d'hébergement offre les services suivants : Votre propre domaine (addresse électronique, par exemple De l espace disque d une capacité minimale de 100 Megabite Traffic raisonnable ou Traffic illimité (quota raisonnable sur un site de récupération, sans frais supplémentaires) Banque de données MySQL (en particulier lorsque vous utilisez un CSM) 15 Les coûts pour l ensemble du forfait sont d environ 5-10 Euros par mois en Europe (chiffres 2010). Obtenez des informations sur plus d'un fournisseur, ceux à l'étranger également, et choisissez celui qui répond le mieux à vos besoins. Comme tout est traité sur l'internet, il n'y a pas de danger à la sélection d'un fournisseur étranger. De nombreux fournisseurs offrent un "Kit Page d'accueil" qui vous permet de prendre en charge et de travailler sur des mises en page toutes faites similaires à la mise en place de sites web pour les débutants comme indiqué dans la section précédente. Une installation automatique d'un CMS comme Joomla! ou Typo3 est aussi généralement offerte. Plus d informations sur ces services et leurs applications se trouvent sur le site de votre Hébergeur.

16 16 Distribution Pour une réussite à long terme, il est souhaitable d'avoir recours à des spécialistes pour la mise en place votre site Web. Ceux-ci sont pleinement conscients des exigences du World Wide Web et peuvent vous offrir tous les conseils nécessaires. Pour simplifier une discussion avec une telle agence, nous présentons dans la dernière section de ce chapitre les thèmes centraux y compris les questions clés ainsi qu'un aperçu des coûts auxquels vous pouvez vous attendre lors d une telle réunion. Avant une séance d'information avec une agence, vous devriez être clair sur les questions clés suivantes: Quel est le nom de votre entreprise agricole, comment devrait-elle être décrite sur votre site Web et quel est le nom de domaine? (Ceux-ci ne doivent pas comporter de trémas ni de lettres spéciales). Quels produits ou services proposez-vous et souhaitez-vous les présenter sur votre site Web? Voulez-vous une boutique en ligne pour vos produits et quelles demandes avez-vous pour une telle boutique? Y at-il déjà une mise en page? (Par exemple en matière de publicité existantes, telles que des dépliants ou des cartes de visite) Avez-vous déjà un produit d'identité d'entreprise? (Logo, Type de Société, Couleur etc) Quelles sont les caractéristiques pour décrire votre entreprise? (Pas plus de trois adjectifs) Comment compléteriez-vous la phrase suivante: «Mes clients attendent de mon site Web " Quelles sont vos idées précises concernant la structure, la présentation et le contenu de votre site Web? Lorsque vous commencez d abord par une recherche des sites Web, il est recommandé que vous discutiez de ceux que vous aimez particulièrement lors de votre réunion d'information. Vous pouvez apporter une copie de la

17 capture d'écran ou tout simplement l'adresse Internet du site Web. Les coûts varient énormément en fonction de qui fait le travail (organismes indépendants, petites ou grandes agences) et de la commande (site de l'entreprise, le portail Web, boutique en ligne, etc.). Les prix recommandés varient entre 500 pour les cartes de visite Web à des solutions standard coûtant entre et ou des applications Web complexes coûtant et plus. Un aperçu général des prix courants du marché peut être consulté sur différentes platesformes sur Internet, par exemple, 17 Nous espérons qu avec cette information nous vous avons donné un aperçu de La mise en place d un site Web et vous souhaitons beaucoup de plaisir à faire de vos idées une réalité.