Tout pour monter son site Web IUFM de Bourgogne
Pourquoi utiliser les technologies Web? Visible par toutes les plates-formes (PC, Mac, Unix ) Technologies simples et descriptives Contenu principalement orienté présentation
Quelques exemples d utilisation Pour une entreprise Un site Internet pour présenter l entreprise, ses produits Un site Internet pour présenter de l information interne à l entreprise Un cédérom pour présenter un catalogue de poduit Pour une école : Un site Internet pour montrer les réalisations des élèves Un site Internet pour présenter des compléments de cours
Les technologies Web Les technologies sont simples Basées sur le plus petit dénominateur commun de toutes les plates-formes Principales technologies : TCP/IP : Transmission Control Protocol over Internet Protocol HTTP : Hyper Transport Protocol HTML : Hyper Text Markup Langage
Un standard universel : TCP/IP C est un protocole réseau Permet l interconnexion de réseaux indépendamment de leurs implémentations physiques Totalement routable Disponibles sur toutes les plates-formes Un système de nom universel Une suite de protocoles standards
Un protocole simple : HTTP Utilisé au dessus de TCP/IP pour transmettre des informations Ne permet de transmettre que du texte Non optimisé en compression dans la version 1.0 Pas d ouverture de session lors d une requête du client Pas de connexion permanente au serveur
Un élément essentiel : le butineur (browser( browser) Ses rôles trouver et contacter les serveurs pour les requêtes de documents (pages, images, sons ) récupérer les documents afficher ou traiter les documents Ce dont il a besoin une adresse de type http://
Qu est ce qu HTML? Avant tout du texte! Langage de description Basé sur des balises (tags) Les liens entre les pages et les objets sont dits «hypertextes» Editable avec n importe quel éditeur de texte Les premières pages HTML étaient réalisées avec le bloc-notes (notepad)
HTML : description à travers des Description : balises Un fichier HTML ne contient que du texte, pas d image ni de son Les balises (tags) : sont identifiées entre < > fonctionnent le plus souvent en couple : une balise ouvrante suivie d une balise fermante < > texte < / > peuvent être cascadées (plusieurs balises imbriquées)
HTML : exemples de balise Dire que c est une page HTML : première balise de la page : <html> dernière balise de la page : </html> Mettre en gras : <b> Ce texte apparaît en gras </b> Saut de ligne : <br> attention : pas de blanc après <, ou avant >
HTML : ma première page <html> <body> Ceci est du texte normal <br> <b> Ceci est du texte en gras </b><br> <i> Ceci est du texte en italique </i><br> <i> <b> Ceci est du texte en gras et en italique </b> </i> <br> </body> </html>
Démonstration Création de ma première page HTML avec le bloc-notes (copier coller ce qui se trouve dans la présentation Ajouter un lien : <a href= qqchose > Ceci est un lien </a > Afficher une page HTML à partir du browser en affichant le fichier source et commenter rapidement
Le serveur Web Représenté par son nom de machine : http://nommachine/ Traite les requêtes du butineur recherche les documents demandés (pages, images, sons) envoie à travers HTTP les documents demandés Partage de répertoires «virtuels» structure du site Web différente de celle du disque un répertoire virtuel est associé à un répertoire physique
Le serveur Web : exemple Http://nommachine http://nommachine/ images Possibilité d associer n importe quel répertoire physique
Le serveur Web : configuration nécessaire TCP/IP obligatoire Serveur HTTP: Windows 95 ou 98 ou NT Workstation avec Personal Web Server (PWS) Windows NT Server avec Internet Information Server (IIS) Possibilité d ajouter des extensions sur le serveur pour faciliter le développement et ajouter des fonctionnalités
Le serveur Web : quel serveur HTTP choisir? Windows 9X et PWS Pas plus de 10 utilisateurs Site peu complexe, peu de script du côté du serveur Pas de besoin de sécurité Gratuit Windows NT Server et IIS Jusqu à plusieurs milliers d utilisateurs Tous sites, possibilité de script côté serveur, jusqu à plusieurs milliers de pages Sécurité assurée Inclus en standard dans Windows NT Server Supporte les standards d Internet
Outils de création de contenu Il existe plusieurs types de Web type document passif type document actif type application.. Il faut choisir l outil adapté à son besoin outil visuel et intuitif pour créer des pages de type document outil visuel de gestion de site pour gérer son site ou ses sous-sites outil de développement visuel et complet pour créer des applications Web dynamiques
Outils Microsoft de développement pour le Web Documents actifs pour le Web Développement d applications actives pour le Web Moins de code, orienté «document» Plus de code, orienté «application» Une gamme complète d outils
Microsoft Office 97 Création de pages simples et statiques Conversion et récupération de l existant La conversion HTML existe depuis tous les outils de la famille Office! Attention : la conversion n est pas parfaite à cause de la pauvreté du langage HTML
Microsoft Publisher 98 Outil riche de mise en page pour créer des brochures produits, des catalogues... Contient un outil de création à partir d une composition existante Environnement graphique et visuel de création Publication automatique de la création Ne permet pas de créer des sites complets
FrontPage 98
Microsoft FrontPage 98 Outil complet de gestion et de création de site Outil visuel complet et simple à utiliser Possibilité d installer des extensions sur le serveur Web Inclus en standard dans Windows NT Server
FrontPage 98 : gestion de site Visualisation de la structure du site Création de répertoires, de fichiers Gestion des liens entre les pages Intégration de contenu déjà existant Gestion de thèmes de site Publication de site à distance
FrontPage 98 : création de contenu Outils de création visuels Gestion des liens hypertextes Gestion simple des cadres Assistants et modèles de création Barres de navigation automatiques Création de formulaires
FrontPage 98 : les extensions serveur Eléments essentiels Permettent de gérer le site sur une machine différente du serveur (création de répertoires, de fichiers ) Donnent des fonctionnalités complémentaires compteur d accès automatique, validation de formulaire
Déploiement du site Différents types de sites pour différents besoins Site destiné à être utilisé à partir d un cédérom (ex : cédérom séminaire ou produit) Site Intranet Site Internet
Cédérom Copie de tous les fichiers sur le cédérom Attention lors de la création des pages à utiliser des liens relatifs Utilisation du navigateur pour visualiser les pages, images, sons Un test de toutes les pages est nécessaire pour éviter les mauvaises surprises
Site Intranet Utilisation de la publication automatique de FrontPage 98 (possible grâce aux extensions serveur) Si la publication automatique ne peut être utilisée, il faut copier manuellement tous les fichiers sur le serveur Un test de toutes les pages est nécessaire pour éviter les mauvaises surprises
Site Internet Comment se connecter à Internet? Comment héberger son site Web?
Limitations / Enrichissement Constat HTML est un langage très limité HTTP est un protocole très simple et pauvre Solutions enrichissement à l aide de script côté client et côté serveur utilisation d applettes Java et de contrôles ActiveX utilisation de fonctionnalités avancées côté serveur enrichissement de la norme HTML : Dynamic HTML
Ajouter du script côté client Limite les échanges entre le client et le serveur Traitements locaux comme la validation des champs dans les formulaires Utilisation de Visual InterDev ou de Frontpage VBscript ou Jscript Jscript est supporté par tous les butineurs Vbscript n est supporté que par Internet Explorer
Ajouter du script côté serveur Permet d effectuer des opérations comme l accès à des bases de données, à la messagerie... Permet à l aide d IIS de simuler des sessions clients/serveurs et de créer de véritables applications d entreprises Utilisation des outils de développement comme Visual InterDev, Visual Basic et Visual C++
Sécurité Protéger l accès au web plusieurs niveaux de sécurité plusieurs acteurs de la sécurité Support de Proxy Encryption des communications