créer un site web


webmaster   ~~~~~ Bienvenue dans l'atelier ! ~~~~~   webmaster

 

  Créer un site ou une page perso  


webmaster

Créer son propre site! C'est le rêve de plus d'un internaute mais beaucoup reculent, croyant les difficultés insurmontables ! Ce petit guide va vous faire changer d'avis.

Suivez-le pas à pas et vous y arriverez sans problème !

Paramétrez votre navigateur dans une fenêtre de 800 x 600 pixels pour un affichage optimal !



Avertissement :

Cette rubrique est volontairement animée et colorée afin de vous permettre de juger des nombreuses possibilités d'animation d'un site ! N'abusez toutefois pas de ces méthodes : elles finissent par être lassantes pour le visiteur !

Mise en garde :

L'écriture de ces pages a commencé en 1997 et se poursuit toujours. Les premiers JavaScripts de ce site ont donc été conçus pour les navigateurs de l'époque ... Les temps ayant changé, les navigateurs ayant évolué, certains de ces scripts peuvent ne plus être interprétés correctement. Ne vous étonnez donc pas s'ils ne sont pas toujours opérationnels avec votre propre navigateur ...


Vous n'aimez pas la musique ?



Libre à vous de l'arrêter !

Partir sur de bonnes bases :


Par où commencer la création d'un site ?

Quel logiciel utiliser et où le trouver ?

Règles à observer pour être intéressant

Pièges à éviter ...

Exemples de réalisation

Logiciels de transfert et transferts

Préparation du transfert du site

Entretien, référencement, bogues



 Réaliser le meilleur des référencements ! 

Aller plus loin dans la réalisation, entrer dans Html et Javascript :


Les fonds de page qui se démarquent

Afficher une bulle au passage de la souris

Les cadres : du plus simple ...

Le "rollover" : la souris interactive

Faire défiler un texte en boucle : 1ère partie

Faire défiler un texte dans la barre d'état

Dégradé de couleurs dans un texte

Réaliser un menu hebdomadaire

Gagner de l'espace : créer un menu déroulant

Afficher une bulle de texte paramétrable

Création et projection d'un diaporama

Couleurs de fonds et de texte : les codes

Détecter la résolution d'écran des visiteurs

Redirections automatiques et/ou ciblées

 

Le son : insérer commentaires et musique

La souris fait changer la couleur de lien

Les cadres : au plus élaboré ...

Les fenêtres à dimensions réglables (pop-up)

Faire défiler un texte en boucle : suite

Installer un texte dans la barre de titre

Réaliser un texte ombré (effet 3D)

Préchargement des images pour le "rollover"

Formulaires de saisie ... simples ou "pro" ...

Attirer l'attention : créer un journal déroulant !

Rollover déporté, CSS et pop-up : (d)étonnant !

Nouveau script de texte défilant "universel"

Fenêtre "pop-up" défilante et surprenante !

Quelques bonnes adresses ...

 


Les gadgets utiles ou inutiles, ressources supplémentaires :


Fenêtre d'alerte sur un objet

Fenêtre d'alerte à l'ouverture d'une page

Fenêtre de confirmation de choix

Affichage du temps de passage sur une page

Défilement d'image fixe/animée sur la page

La souris suivie comme son ombre...première !

Un BIP sonore au passage de la souris

 

Fenêtre d'alerte à l'activation d'un lien

Désactivation du clic droit de la souris

Affichage de la date et de l'heure

Texte ondulant en vagues

Créer une barre de titre défilant verticalement

La souris suivie comme son ombre... deuxième !



 


Les feuilles de style : l'outil des professionnels à votre portée !


Origines et avantages des CSS

Ponctuation et unités de mesure

Syntaxe de base et sélecteurs

Comment déclarer les règles de style ?

Feuilles de style internes ou externes ?

Création d'une feuille de style simple



Non ! Ce n'est pas un "rollover" mais une CSS !

Tableau ou calque ? Le diptyque

Tableau ou calques ? Les triptyques

Un ascenseur à vos couleurs ? Facile !

Quand JavaScript et CSS s'allient !

Un formulaire en CSS : plus beau, plus léger !

Fantaisies en 3 dimensions : graphismes à gogo !

Calques au lieu de tableaux ? C'est beaucoup mieux !

Créer des boutons sans logiciel de dessin ! Si ! si !


 


      Petites règles et grands effets :
Coller une vignette toujours au même endroit !

Soulignements et surlignements en couleurs ...

Vos liens ne "marchent pas" ? Ayez de l'ordre ... !

Attribuer une couleur de fond à un titre, un mot, etc


Les familles de propriété, d'un coup d'oeil

Propriétés de polices de caractères
Propriétés de texte
Propriétés de couleurs et de fonds
Propriétés de tableaux
Propriétés de classification
Propriétés de pagination
Propriétés d'effets visuels
Propriétés de visualisateur
Propriétés de boîte ou bloc de données



Positionnement de blocs de données ou d'éléments (1)

Centrage et alignement de blocs imbriqués

Positionnement de blocs de données ou d'éléments (2)

Calques et introduction aux pages dynamiques

Pages dynamiques (1) : quand JavaScript s'en mêle !

Pages dynamiques (2) : un menu qui en "jette" !

Pages dynamiques (3) : les images interactives

Barres de navigation fixes et menus déroulants

 Les mises en page dites "optimisées"

 Remplacer les cadres par des calques : réalisable !

 


      Petites règles et grands effets :
Centrage horizontal ET vertical d'un ensemble

Les bordures sous toutes les coutures

Centrage horizontal ET vertical d'un élément

 


La page du jour :


Le script, l'astuce ou l'information importante du jour :



Chaque jour, vous y trouverez une nouvelle page : revenez-y pour parfaire vos connaissances !


Si vous désirez faire un lien de votre site sur celui-ci, je vous invite à choisir une bannière ci-dessous :




Enregistrez-la en faisant un "clic droit" ... puis un nouveau clic (gauche cette fois) sur
"enregistrez l'image sous ...".
Installez-la ensuite sur votre page et créez le lien, soit vers

http://armorance.free.fr

soit vers une de ses rubriques

Merci !

 

Retour à la page d'accueil