MySQL et CSS- P10

MySQL et CSS- P10: Dans la première partie, lancez-vous dans la création de votre premier site web dynamique en PHP. Au travers d’exemples simples et concrets, apprenez à votre rythme à développer un site web complet, relié à une base de données MySQL
Nội dung trích xuất từ tài liệu:
MySQL et CSS- P102 La réflexion2 La réflexionLe site web est un outil qui sert à communiquer. Avant de le réaliser, il estdonc essentiel de connaître le public visé car ce dernier donneral’orientation de la charte graphique et le ton du contenu. Si vous vousadressez à une tranche 15-24 ans avec la musique rock comme thème,vous aurez un ton familier, avec le vocabulaire adéquat, pour créer un lienimmédiat avec ce public. Le design d’un site parle immédiatement auvisiteur, mais il est le résultat d’un travail en amont.Le site est donc au cœur d’un projet et le projet ne se construit pas au furet à mesure de l’élaboration du site. Ce projet doit se voir au premier coupd’œil, sur la page d’accueil. Internet relie des millions de sites ; il est doncnécessaire de se démarquer des autres sites par une intention originale etannoncer immédiatement le contenu et le ton.2.1 Les types de sitesIl existe plusieurs types de sites selon l’objectif visé. Ils demandent unecharte graphique différente. Par exemple, le site vitrine est avant tout untravail de graphiste. Le contenu doit être court et efficace, alors que leportail communautaire sera davantage centré sur l’interactivité.Les sites vitrine ou sites plaquetteLes sites vitrine ou sites plaquette ont comme objectif de présenter unesociété sur Internet pour des internautes qui ne connaissent pas la société.Ils contiennent quelques pages présentant les produits et services, lasituation géographique, une page contact, des points pratiques (heuresd’ouverture, plan d’accès…). Cette catégorie de sites reprend souvent legraphisme de la plaquette de la société et leur interactivité est restreinte àla page contact avec éventuellement un formulaire.Les internautes viennent y chercher une information précise s’ils connais-sent l’entreprise. Ils peuvent découvrir le site à travers un moteur derecherche parce qu’ils recherchent un produit ou un service local. Le siten’est pas destiné à apporter toutes les informations mais à donner envie auvisiteur d’en savoir plus en téléphonant ou en rendant visite à l’entreprise.Le design doit être agréable, clair, avec des polices faciles à lire, une452 • Double Poche CSS Les types de sitesnavigation classique et un accès simple aux pages. www.nexusdev.comconstitue un exemple de site vitrine bien conçu et complet. Il est mis à jourfréquemment et constitue une bonne vitrine pour la société NexusDéveloppement.m Figure 2.1 : Le site de Nexus DéveloppementLes sites catalogueLe premier objectif d’un site catalogue est d’éviter, trivialement, l’envoid’un catalogue par la poste. L’autre objectif est que le chaland voitimmédiatement les produits pour un achat d’impulsion. L’article ne serapas acheté sur le site, mais le visiteur pourra se faire une idée et sedéplacer. Tous les échanges s’accélèrent et le consommateur est sensibleà la frustration, qui a comme effet qu’il ira voir la concurrence plutôt qued’attendre. Double Poche CSS • 4532 La réflexionCes sites épousent la mise en page du catalogue de produits du magasin.Parfois, comme sur www.feuvert.fr, les pages sont feuilletées comme uncatalogue papier.m Figure 2.2 : Le site de Feu VertLe site catalogue ne permet pas d’acheter un produit en ligne. Il doit êtreergonomique pour que le produit soit facile à trouver et ne nécessite pasde feuilleter tout le catalogue. Les pages ont parfois tendance à êtrelourdes, ce qui a pour effet d’agacer le visiteur. Il est judicieux, en plus declasser les produits en de nombreuses catégories, d’insérer un moteur derecherche avec plusieurs modes de recherche (mots-clés, catégorie,référence produit, nom du produit…). La documentation des articles peutêtre présente sur une page web ou un document à télécharger. Une foireaux questions (FAQ), avec un formulaire pour le SAV, pourront êtreproposés.454 • Double Poche CSS Les types de sitesLes sites d’informationLes sites d’information approfondissent un thème et diffusant des infor-mations avec une visée professionnelle. Les pages doivent être dé-pouillées pour en faciliter la lecture, avec un beau graphisme restant sobre.Le design est là pour souligner le contenu mais c’est le contenu quiimporte le plus. Les liens de navigation sont explicites. Un exemple debeau site d’information sur la typographie est www.planete-typographie.com.m Figure 2.3 : Le site Planète TypographieLes sites marchandsLes sites marchands vendent directement leurs produits sur Internet avecla possibilité de payer en ligne ou par un autre moyen. Le design dépenddu type de produit vendu et de la ligne de marketing suivie. Un site quiconstruit toute sa publicité sur les prix va mettre en avant les promotionssur sa page d’accueil et tenir au courant les inscrits par un mailing Double Poche CSS • 4552 La réflexionrégulier, comme le fait www.bexley.fr. Un site comme www.outilssolaires.com, qui présente des produits dans une niche et sansvraie concurrence, mettra plutôt les nouveautés en avant et, parfois, serapprochera d’un portail communautaire dans la mesure où cette commu-nication entre les membres génère du chiffre d’affaires ou tout simplementpar passion.m Figure 2.4 : Le site Outils SolairesLes sites institutionnelsLes sites institutionnels présentent l’organisation et leurs valeurs fonda-trices. Ils ont un souci de clarté. La page d’accueil affiche généralementles dernières nouvelles, avec une colonne de liens sur la gauche quimènent aux ressources sur l’organisation interne d’une part, et auxressources diverses sur leur principal thème d’autre part. Le site del’Unesco (http://portal.unesco.org/fr) en est un e ...