Diffuser un contenu sur Internet : notions de base... 13

Transcription

1 Diffuser un contenu sur Internet : notions de base Coup d œil sur l organisation de cet ouvrage Préambule : qu est-ce qu une page web? À propos du HTML Prendre de bonnes habitudes Une page HTML parfaite Fabrication de documents web Dépôt des documents sur le serveur Le transfert FTP Une vie après la création web Diffuser un contenu sur Internet Bien débuter Les outils Création d une simple page avec quelques liens et des images Mettre son CV en ligne Conversion d un document Word en page HTML Publication d un document sur le Net Placement d un CV en téléchargement au format Word Création du lien pour télécharger le document Word Conclusion Mes premières pages personnelles Structurer son site Définition d un type de structure pour son site Relier plusieurs pages entre elles : la création de liens L hébergement Présentation d un hébergement, les types de serveurs L accès FTP Conception du site avec FrontPage Express Plan du site à réaliser Acquérir des photographies depuis un appareil photo numérique Les formats graphiques employés sur le Web Redimensionner les images Enfin de la pratique Propriétés de la page principale Autres réglages du logiciel Création du tableau constituant le cartouche

2 Saisie du texte dans le tableau Insertion d une ligne horizontale Insertion des miniatures et création des liens Création du lien Écrivez-nous Sauvegarde de la page Récapitulatif des techniques de FrontPage Express étudiées Améliorations de ce site : pour aller plus loin Recherche et utilisation de style Insertion de scripts JavaScript Microsoft Office FrontPage Installation de FrontPage Création d un site Se servir des modèles de FrontPage Application d un style sur le site Personnalisation du site Quelques fonctionnalités de FrontPage Propriétés de la page Modification du texte Insertion d un lien hypertexte Ajout d images Les transitions de page Sauvegarde de la page/du site Gestion d images Modification de la galerie de photos Insertion d un bouton interactif Création d une image à zones réactives Visualisation du site Publication d un site FrontPage Un aperçu du site en local : pour jouer dans la cour des grands Mise en place du serveur IIS Diffusion du site créé avec FrontPage Mise en route du serveur Vérification et navigation sur le site Gestion des tâches Création d une tâche Modification et gestion des tâches Raccourcis clavier de FrontPage PHP/MySQL Introduction au PHP Les sites dynamiques Généralités sur le langage PHP et les bases de données MySQL EasyPHP Installation d EasyPHP L environnement d EasyPHP

3 5.3 La pratique PHP Première page en PHP Utilisation de variables dans une page Travailler avec des variables sur plusieurs pages Les éditeurs PHP La pratique MySQL Gestion de ses bases de données avec PhpMyAdmin Création d une base de données et d une table Manipulation de tables Sauvegarde d une base de données MySQL Interconnectivité entre PHP et MySQL Se connecter à une base de données MySQL Récupération et affichage d informations d une base de données Création de requêtes pour interroger la base de données Envoi des requêtes Affichage du résultat des requêtes Le fichier.htaccess Protection d un fichier Redirection en cas d erreur Protection d un répertoire avec un mot de passe Autres possibilités du fichier.htaccess Réaliser un site web avec Dreamweaver MX Bien démarrer Étude rapide des objectifs et des solutions Prise en main de Dreamweaver MX Structurer le site Téléchargement des ressources nécessaires à la création du site Nos voyages Mise en page et création d un modèle pour le site Définition d une mise en page pour le site Enregistrement de la page en tant que modèle Insertion des images survolées Insertion d une région modifiable dans le modèle Donner du style à son site Créer et attacher une feuille de style au modèle Ajout de classes à la feuille de style Gestion des styles Création de pages et insertion de contenu Création d une page à partir d un modèle Définition de la mise en forme de la page d accueil Enregistrement de la page d accueil Insertion de texte et sa mise en forme Insertion d une image et son centrage Ajustement des colonnes du tableau Insertion des vignettes et ajustement du texte des paragraphes Création de liens sur des images

4 Tester sa création dans des navigateurs Création d un visualisateur d image Insertion de l objet Visualisateur d image Les propriétés du visualisateur d image Ajout d images à la présentation Ajout de liens sur les images de la présentation Définitions et renseignements des propriétés du visualisateur Création d un menu dynamique avec des calques Préparation de la page Insertion de calques Renommer les calques Redimensionner les calques Insertion d éléments dans un calque Ajout de comportements Test du menu dynamique Finition du site Création d une page avec un menu de reroutage et des ancres nommées. 213 Création de la page de contact Vérification des liens du site Définition des mots-clés pour le site Affichage du code source Mise à jour des pages du site après modification d un modèle Les coulisses Créer des animations avec Flash MX Débuter avec Flash MX Flash MX 2004 ou Flash MX 2004 Professionnel? Téléchargement et installation de la version d évaluation Se repérer dans l interface Création d une animation d introduction Téléchargement des ressources pour créer l animation Descriptif de l animation à construire (storyboard) Création et paramétrage d un nouveau document Insertion de texte et sa mise en forme Transformation d une sélection en symbole graphique Insertion d une image clé et création d une interpolation de mouvement Ajouter et renommer des claques Dessiner dans Flash Insertion d un effet de scénario (explosion) Création du mouvement de chute de la boule Création d un effet de fondu entrant Création d un effet Zoom Terminer l animation Faire apparaître le nom du site Importation d éléments d une bibliothèque externe Création de boutons interactifs Jouer un son au passage de la souris sur le bouton

5 Test de l animation Publication de l animation Création de présentations interactives et leur diffusion sur le Web Objectif et prérequis Téléchargement des ressources pour créer la présentation Copie d éléments d une bibliothèque vers une autre Mise en page de la présentation et création de l image d introduction. 270 Insertion d une vidéo dans la présentation Nommer une occurrence Placement d une étiquette Définition d actions et de comportements Insertion et contrôle d une bande son dans l animation Finir la présentation Conversion de l animation en un fichier exécutable Pour aller plus loin avec Flash La référence francophone Flash Des fichiers au format fla par centaines Ressources sonores Animer un site Les PowerToys de Windows XP Créer facilement et rapidement un diaporama Le dimensionnement d images Installation d une Webcam sur son site Mise en place d une Webcam "image par image" Mise en place d une Webcam en streaming Des outils utiles Lipsumcolor Windows Movie Maker Windows Media Encoder Effectuer des statistiques sur la fréquentation de votre site Mettre en place un compteur de téléchargement Bien démarrer Objectifs à atteindre Solution envisagée Création des éléments de la base de données Création de la table telechargement Insertion de données dans la table telechargement Modification d un enregistrement Création de la page d affichage des téléchargements Renseigner les informations de connexion à la base de données Création de la page telechargement.php Récupération des informations de la base de données et leur affichage

6 9.4 Création de la page download.php Création de la page Explication du code de la page download.php Test du fonctionnement du compteur de téléchargement Mise en place des pages Test de fonctionnement Mettre en place des forums Installation du forum phpbb sur son site Internet Définition et fonctionnalités de phpbb Prérequis Téléchargement de phpbb en français Préparation des fichiers avant l envoi sur son site Internet Transfert de phpbb sur son site Internet Installation de phpbb Poster son premier message sur le forum de test La FAQ d utilisation des forums phpbb Configuration et administration de ses forums Renseigner le nom de son forum et les options de configuration générale. 376 Création de nouvelles catégories et de nouveaux forums Gestion des permissions de ses forums Création et gestion de groupes Personnalisation des forums Installation de nouveaux thèmes sur ses forums Placer son logo sur les forums Installation d une galerie d avatars Gestion des smileys (émoticonnes) Autres fonctions de personnalisation des forums La communauté phpbb France Transfert et stockage de vos pages web La méthode de dépannage FileZilla Installation Configuration Transfert de ses pages web et documents Raccourcis clavier de FileZilla CuteFTP Installation Configuration Transfert de ses pages web et documents Les plus de CuteFTP Raccourcis clavier de CuteFTP Leech FTP Téléchargement de Leech FTP Installation et francisation de Leech FTP

7 Se connecter rapidement à un serveur FTP Envoi/téléchargement des fichiers Utiliser pleinement Leech FTP pour gérer son site Internet Mettre en place un formulaire interactif Création d un formulaire Description des contrôles de formulaires Astuces communes aux formulaires Un peu de pratique : créer un livre d or Cahier des charges et schéma Création du formulaire Mise en place de la base de données Écriture de la page Script complet Améliorations à prévoir Différentes manières d envoyer un à partir d une page web Dans un formulaire par MailTo Avec des programmes tiers Envoi d un en langage PHP Envoi de courriers depuis un site hébergé chez Free.fr Des ressources pour votre site Les éléments HTML Création de ses propres éléments Le DOM Le DHTML Les objets DHTML Les événements DHTML Le style Les curseurs L attribut Style BORDER Des scripts clés en main Les langages "côté client" Intégration de scripts dans une page web Le JavaScript Imposer ses polices de caractères Insertion de police dans les documents web La méthode TrueDoc La solution Microsoft WEFT Références Les codes d erreur http Code des couleurs Caractères spéciaux Index

8