Social Icons

Pages

lundi 18 février 2013

Le guide créez vitre site web-2éme édition

Le sommaire
SOMMAIRE

De la conception à la publication

Réussir l'ergonomie générale d'un site

Les qualités d'un bon site web
Une navigation simple et efficace

Créer la charte graphique

Kits graphiques ou création personnelle ?
Cadres, tableaux HTML ou CSS ?
La mise en forme du texte
Un affichage optimisé pour tous

Les clés d'un bon site web

Ajouter de l'interactivité
Choisir un bon hébergeur
Réserver un nom de domaine

Créer son blog en ligne

Choisir sa communauté

Quel blogueur êtes-vous ?
Les blogs thématiques

Publication express avec Blogger

S'inscrire en ligne
Publier son premier message

Aller plus loin dans la gestion de son blog

Accéder au tableau de bord
Afficher l'heure et la date en français
Éditer les informations de votre profil
Gérer les commentaires
Personnaliser l’interface graphique

Créer un blog multimédia

Mettre en ligne son blog photo

Blogger avec son mobile

Inscription à Mobitype
Créer son blog mobile sur Mobitype
Optimiser son blog pour une lecture sur téléphone mobile

Référencer son blog

Inscription dans un annuaire francophone

Les points essentiels à retenir

Créer gratuitement son premier site web

Télécharger et installer Web Acappella

Choisir un modèle 

Modifier et ajouter du texte
Ajouter des liens hypertextes
Insérer une bordure 
Modifier les propriétés d’arrière-plan
Organiser l’arborescence de son site
Modifier une maquette
Insérer des images
Créer un album photo
Insérer un menu dynamique

Optimiser son site pour le référencement

Publier son site sur Internet

Aller plus loin avec Dreamweaver

Installer Dreamweaver

Démarrer avec Dreamweaver

Créer un nouveau projet
Les principaux panneaux de travail
Mode Code ou mode Création ?
Définir les propriétés de la page HTML

Insérer et mettre en forme du texte

Modifier la mise en page avec les styles CSS
Modifier du texte avec la fenêtre Propriétés

Insérer des images

Placer des liens

Insérer un lien sur du texte
Insérer un lien sur une image

Structurer sa mise en page avec les tableaux et les CSS

Utiliser les structures prêtes à l’emploi de Dreamweaver
Insérer des tableaux invisibles

Insérer des éléments multimédias

Intégrer un fichier vidéo
Sonoriser une page web
Insérer une animation Flash dans une page HTML
Créer des animations Flash avec Dreamweaver

Utiliser les formulaires

Créer un formulaire d’inscription à une newsletter
Insérer un questionnaire simple

Publier son site web avec l’outil FTP intégré

Organiser les fichiers de votre site
Mettre à jour le site web

Découvrir l'animation pour le Web avec Flash

Installer Flash

Découvrir l’interface de Flash

Les outils de dessin
Le scénario
Table de montage et scène principale
Les principaux panneaux de travail

Dessiner avec Flash

Positionner précisément des objets
Importer des images bitmap
Tracer lignes et courbes
Colorier un objet
Manipuler des objets

Gérer symboles et occurrences

Créer un symbole
Transformer un dessin en symbole
Stocker les symboles dans la bibliothèque
Différencier occurrences et symboles

Animer avec Flash

Réaliser un morphing avec l’interpolation de forme
Déplacer des objets
Masquer des objets

Insérer des éléments multimédias

Insérer une vidéo dans une animation Flash
Ajouter une musique de fond

Introduction à l’Action Script

Les bases d’Action Script
Utiliser la fenêtre Actions
Où placer votre script ?
Ajouter des liens dans vos animations

Publier une animation Flash

Tester la vitesse de chargement
Les formats de fichier
Exporter au format HTML
Créer un fichier exécutable

Optimiser des images pour le Web

Retoucher des images avec Picasa

Installer Picasa
Redresser une image
Recadrer l'image
Ajuster la luminosité et le contraste
Corriger les yeux rouges
Créer des effets spéciaux
Enregistrer l'image pour le Web

Publier des photos en ligne avec Picasa

Publication immédiate sur un blog
Créer un montage photo
Créer un diaporama photo

Compresser des images pour le Web

Installer Photoshop Elements
Format JPEG : photos
Format GIF : illustrations et cliparts
Optimiser plusieurs images simultanément

Créer des éléments graphiques pour un site web

Réaliser une bannière publicitaire

Réaliser un arrière-plan

Transformer une photo en arrière-plan
Créer un motif d'arrière-plan
Créer une visite virtuelle 3D à partir de photos

Atelier : Créer une barre de navigation avec Photoshop

Installer Photoshop
Créer une barre de menu

Référencer son site web

Optimiser son site pour les outils de recherche

Insérer des balises META
Éditer automatiquement ses balises META
Définir les fichiers à indexer par les robots
Surveiller l’indexation effectuée par les robots

Inscription dans les annuaires

Inscrire son site sur Voilà
Référencer automatiquement son site web

Surveiller sa position dans Google

Améliorer la visibilité de son site avec les outils pour webmasters de Google
Tester le pageRank de sa page
Afficher le PageRank de votre site

Comparer son positionnement avec des sites concurrents

Installer Advanced Web Ranking
Lancer une recherche simultanée sur plusieurs outils

Atelier – Flash, un référencement spécifique

Publier et promouvoir son site web

Avant de publier

Les règles d'or à respecter
Optimiser le poids de sa page web

Trouver un hébergeur

Payant ou gratuit
Ouvrir son espace gratuit chez Multimania

Réserver un nom de domaine

Transférer ses pages par FTP

Installer Filezilla
Configurer Filezilla

Faire appel à une régie publicitaire

Inscription sur le site
Paramétrer l'échange de bannières
Insertion du script dans la page web

Établir des partenariats avec d’autres sites

Webographie

Créer et gérer un blog

Les plateformes de blog
Les outils de création de blog
Les annuaires de blog

Les outils gratuits

Les logiciels de création
Les ressources pour un site web

Les tutoriels web et le graphisme

Les scripts prêts à l'emploi

Les ressources pour Flash

L'hébergement et la réservation de noms de domaines

Les principaux outils de recherche

Les sites des éditeurs de logiciels

Aucun commentaire:

Enregistrer un commentaire

 

Sample text

Sample Text

Sample Text

 
Blogger Templates