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

 

Créer un site ou une page perso

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 en pleine page (800 x 600) 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 !



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 frames : 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 frames : 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 !


Cette rubrique est absente sur ce site mais chacun des liens vous permet d'accéder aux pages voulues : ils vous redirigent sur mon site portail situé à l'adresse Armorance.free.fr qui est régulièrement mis à jour.

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

Passez à la pratique 

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 !



 

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

par l'exemple

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

 


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, vous pouvez 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 réalisez le lien sur une de mes Url.

Merci !

Je vous invite à visiter les autres rubriques du site :


Retour à la page d'accueil