Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Ministère de l’Enseignement Supérieur Institut Supérieur des Etudes Technologiq

Ministère de l’Enseignement Supérieur Institut Supérieur des Etudes Technologiques de NABEUL SUPPORT DE COURS MULTIMEDIA ET INTERNET DEUXIEME PARTIE : INTERNET Profil : Informatique Niveau : 4ème Semestre Cours : 1h30 / semaine TP : 3h / semaine Nombre de semaine : 15 semaines Préparé par : SOUSSI IMED Maître Technologue 2007 SOUSSI Imed COURS Développement Web http://SOUSSI-Imed.over-blog.com Page (2) Soussi.imed@Yahoo.fr SOMMAIRE Chapitre 1 : Conception d’un site Web I. Présentation I.1 Organisation du contenu I.1.1 Ébauche de la structure du site I.1.2 Ébauche de disposition commune II. Les sites et les serveurs Web II.1 Serveurs Web, définis II.2 Où trouver un serveur Web II.3 Critère de choix d’un serveur Web II.4 Héberger votre site Web sur un serveur Web II.5 Détails du serveur Web III. Les sites Web FrontPage III.1 Qu'est-ce qu'un site Web FrontPage ? III.2 Les méta données FrontPage III.3 Deux types de site Web FrontPage III.3.1 Sites Web sur disque III.3.2 Sites Web de type serveur III.4 Différentes méthodes de création de sites Web FrontPage III.4.1 Volet Office Nouveau III.4.2 Choix d'un emplacement III.4.3 Conversion d'un site Web III.4.4 Gestion d'un site Web à l'aide de plusieurs affichages III.4.4.1 Le mode Site Web III.4.4.1.1 Mode Dossiers III.4.4.1.2 Mode Site Web distant III.4.4.1.3 Mode Rapports III.4.4.2 Le mode Page III.4.4.2.1 Mode Création III.4.4.2.2 Mode Fractionné III.4.4.2.3 Mode Code III.4.4.2.4 Mode Aperçu SOUSSI Imed COURS Internet http://www.kounouz-edition.com/soussi_imed Page (3) Imed.SOUSSI@ISETN.RNU.Tn Objectifs du chapitre : • Planifier les objectifs, le contenu et la disposition de votre site Web ; • Comprendre les concepts élémentaires relatifs aux sites Web tels que les sites Web FrontPage, les serveurs Web et la publication ; • Comprendre ce qu'est un site Web FrontPage et les avantages qu'il présente : • Choisir entre les deux types de sites Web FrontPage : sur disque ou sur serveur ; • Créer un site Web FrontPage ; • Gérer un site Web FrontPage à l'aide de plusieurs affichages. PLAN DU CHAPITRE I. Présentation I.1 Organisation du contenu I.1.1 Ébauche de la structure du site I.1.2 Ébauche de disposition commune II. Les sites et les serveurs Web II.1 Serveurs Web, définis II.2 Où trouver un serveur Web II.3 Critère de choix d’un serveur Web II.4 Héberger votre site Web sur un serveur Web II.5 Détails du serveur Web III. Les sites Web FrontPage III.1 Qu'est-ce qu'un site Web FrontPage ? III.2 Les méta données FrontPage III.3 Deux types de site Web FrontPage III.3.1 Sites Web sur disque III.3.2 Sites Web de type serveur Chapitre 1 : Conception d’un site Web SOUSSI Imed COURS Développement Web http://SOUSSI-Imed.over-blog.com Page (4) Soussi.imed@Yahoo.fr III.4 Différentes méthodes de création de sites Web FrontPage III.4.1 Volet Office Nouveau III.4.2 Choix d'un emplacement III.4.3 Conversion d'un site Web III.4.4 Gestion d'un site Web à l'aide de plusieurs affichages III.4.4.1 Le mode Site Web III.4.4.1.1 Mode Dossiers III.4.4.1.2 Mode Site Web distant III.4.4.1.3 Mode Rapports III.4.4.2 Le mode Page III.4.4.2.1 Mode Création III.4.4.2.2 Mode Fractionné III.4.4.2.3 Mode Code III.4.4.2.4 Mode Aperçu I. Présentation Planifiez, créez et travaillez dans des sites Web à l'aide de Microsoft Office FrontPage. Découvrez les sites Web FrontPage, les serveurs Web et la publication. Vous souhaitez donc créer un site Web. C'est une bonne idée, car un site Web peut être un outil de communication puissant et efficace. Dans ce cours, vous allez apprendre à créer un site Web FrontPage. Vous allez également étudier les éléments que vous devez connaître avant de le créer. I.1 Organisation du contenu Lorsque vous planifiez un site Web, il est important de définir tout d'abord son objectif. Le concepteur du site présenté ici a défini un objectif : celui de générer des ventes d'environ 500 000 DT via des commandes en ligne. Après examen de ce site, pensez-vous qu'il réponde à cet objectif ? Voici quelques conseils utiles pour donner un objectif à votre site : • Déterminez votre public cible. Par exemple, votre site est-il destiné à des clients, des employés, des étudiants, des amis, de la famille ? • Si vous créez un site pour votre entreprise, assurez-vous que l'objectif est spécifique et quantitatif. Après tout, votre patron voudra voir les résultats, qui se traduiront en un montant spécifique en euros gagné ou un nombre d'heures de travail économisées. • Choisissez un objectif simple. Quelques phrases ou un petit paragraphe suffisent. Si votre objectif est trop long, votre site donnera finalement l'impression de trop en faire. SOUSSI Imed COURS Internet http://www.kounouz-edition.com/soussi_imed Page (5) Imed.SOUSSI@ISETN.RNU.Tn I.1.1 Ébauche de la structure du site Une fois l'objectif de votre site défini, vous aurez probablement hâte de le créer dans FrontPage. Pas si vite. Nous vous conseillons d'esquisser d'abord sa structure, comme illustré ci-contre. Avec un crayon et un papier (ou un outil de création de diagrammes, tel que Microsoft Visio), dessinez des cadres pour les pages et des flèches pour les liens. Gardez bien entendu toujours votre objectif à l'esprit. C'est globalement ainsi que vous pouvez créer un plan visuel. Vous gagnerez beaucoup de temps en dessinant une ébauche de votre site sur papier avant de le créer. N'oubliez pas qu'il est plus facile d'effacer quelques cadres et de recommencer que de supprimer et reconstruire des pages dans un site Web déjà créé. Esquissez une structure avant de créer votre site dans FrontPage afin gagner du temps par la suite. I.1.2 Ébauche de disposition commune Après avoir esquissé le plan de votre site, il est temps de commencer à ébaucher une disposition commune pour toutes les pages. Vous pouvez commencer à créer votre disposition dans FrontPage mais nous vous conseillons de recourir une nouvelle fois au papier. Comme nous vous l'avons expliqué précédemment, il est plus facile d'apporter des modifications sur papier. De plus, vous pourrez également comparer plusieurs projets côte à côte. Lors de votre ébauche, posez-vous les questions suivantes : • Mon site doit-il avoir un en-tête et un pied de page communs à chaque page ? • Mon site doit-il avoir une méthode de navigation cohérente sur chaque page ? • Dois-je satisfaire à des exigences marketing particulières ? Par exemple, dois-je respecter certaines polices ou jeux de couleurs ? SOUSSI Imed COURS Développement Web http://SOUSSI-Imed.over-blog.com Page (6) Soussi.imed@Yahoo.fr • Mon site doit-il contenir des exigences légales, telles qu'une mention de droit d'auteur ? Exemple d'ébauche de disposition En vous servant de vos ébauches comme modèles, utilisez finalement FrontPage pour créer vos pages Web au format HTML. Vous pouvez utiliser des tableaux pour différentes zones et, si vous le souhaitez, vous avez la possibilité d'insérer des liens hypertexte, des images, des barres de liens ou d'intégrer des données. Demandez-vous également si vous voulez que votre site soit accessible, c'est-à-dire qu'il puisse être lu et compris par tous, y compris les personnes moins valides. Finalement, vous utiliserez FrontPage pour transformer vos ébauches rudimentaires en pages Web impeccables et professionnelles. SOUSSI Imed COURS Internet http://www.kounouz-edition.com/soussi_imed Page (7) Imed.SOUSSI@ISETN.RNU.Tn II. Les sites et les serveurs Web Un site Web est un groupe de pages HTML et de graphismes qui sont interconnectés grâce à des liens hypertexte. Un exemple standard de site Web est illustré ici. En réalité, il s'agit de la forme la plus simple d'un site Web. Les sites Web peuvent également contenir des documents de traitement de texte, des fichiers multimédias, des scripts, des bases de données, etc. Ils peuvent même comporter d'autres sites Web imbriqués, appelés sous- sites. En règle générale, vous créez un site Web sur un ordinateur local. Toutefois, le site ne sera pas disponible aux autres utilisateurs tant qu'il ne sera pas publié, ou copié, sur un serveur Web. Ce site Web simple semble relativement intéressant. Pourtant, personne ne pourra le consulter sur le Web s'il n'est pas publié ou copié sur un serveur Web. II.1 Serveurs Web, définis Comme nous vous l'avons expliqué précédemment, vous devez d'abord publier votre site sur un serveur Web pour qu'il puisse être lu par d'autres. Mais qu'est-ce qu'un serveur Web ? Un serveur Web est un ordinateur qui exécute un logiciel de service. Ce dernier « dessert » des pages HTML et des fichiers associés à la demande d'un client, par exemple : un navigateur Web. Les termes « client » et « serveur » peuvent vous faire penser à un restaurant. En fait, cette analogie n'est pas éloignée de la réalité. Lorsque vous utilisez votre navigateur pour visiter un site, vous introduisez généralement une demande en tapant une URL (par exemple : http://www.kounouz-edition.com/soussi_imed). URL est l'acronyme de « Uniform Resource Locator ». Il s'agit simplement de l'adresse d'un fichier sur le Web. Lorsque le serveur reçoit votre requête, il sert ou télécharge la page concernée, ainsi que les fichiers qui lui sont associés (tels que les images). SOUSSI Imed COURS Développement Web http://SOUSSI-Imed.over-blog.com Page (8) Soussi.imed@Yahoo.fr Lorsque les Internautes tapent une URL dans leur navigateur, ils demandent des informations au serveur. Ce dernier répond en téléchargeant la page. II.2 Où trouver un serveur Web Où trouver un serveur Web ? Tout dépend du degré d'accessibilité que vous souhaitez donner à votre site. Le uploads/Management/ upport-de-cours-ultimedia-et-nternet.pdf