Cvs-web construisons votre site web

Cvs-web construisons votre site web

Cvs-web à pour but d'aider toutes les personnes souhaitent crée leur site internet eux-même.
Cvs-web s'adresse aux webmaster débutant avec de nombreux cours (tutoriel) sur les langages Html, Xhtml et le css tous les cours sont décrit au maximum pour ne pas rajouté une difficulté a votre apprentissage.
Divers services sont aussi a votre disposition je vous laisse les découvrir..

Actualité du site

Dernières nouveautés du site Cvs-web construisons votre site web :

• Liste de moteur de recherche avec lien direct.
  Veillez a ne pas soumettre votre site plusieurs fois sur le même moteur de recherche. cela est inutile, voire nuisible Nom: Alltheweb Soumettre un site à Alltheweb _______________ Nom: Beamed Soumettre un site à Beamed _______________ Nom: Bing Soumettre un site à Bing _______________ Nom: Cnous.ch Soumettre un site à Cnous.ch _______________ Nom: Cuil Soumettre un site à Cuil _______________ Nom: DeepIndex Soumettre un site à DeepIndex _______________ Nom: Exalead Soumettre un site à Exalead _______________ Nom: Google.com Soumettre un site à Google _______________ Nom: Google.fr Soumettre un site à Google France _______________ Nom: icerocket Soumettre un site à icerocket _______________ Nom: megaglobe Soumettre un site à megaglobe.com _______________ Nom: SearchSight Soumettre un site à SearchSight _______________ Nom: Super.info Soumettre un site à Super.info _______________ Nom: xtlinks Soumettre un site à xtlinks.com _______________
• Le background en css
  L'arrière plan en css et très diffèrent du background en html en effet en utilisant du css nous avons la possibilité de contrôler notre arrière plan et ainsi l'afficher a notre guises. Comment contrôler l'arrière plan ? Pour cela lisez ce qui suit. Une couleur comme arrière plan. Pour afficher une couleur comme arrière plan il suffit de placer ceci dans votre css : background-color:votre couleur; Une image comme arrière plan. Pour cela il vous suffira de place ceci dans votre css : background-image:url(l'adresse de votre image); L'adresse de votre image doit être dans les parenthèse comme ceci : Esc: background-image:url(http://mon-image); Contrôler votre image d'arrière plan en css ? Grâce au css vous avez la possibilité de contrôler l'image de votre background. Pourquoi et comment Pourquoi contrôler notre image, vous aurez peut-être envie de mettre une image mais, vous voulez quelle reste fixe, quelle suivent le mouvement de la molette de la souris, quelle soit centre, a droite, a gauche, etc.. Comment ? Cela est très simple il suffit de rajouter quelque propriété. Faire défiler l'image qui est en arrière plan ou non ? Pour que votre image suis le mouvement de la souris il faut rajouter : Background-attachment:scroll; Scroll : indique que votre arrière plan doit défiler en même temps que le bloc qui la contient. Pour que votre image reste fixe mettais rien ou alors ceci : background-attachment:fixed; Comme vous l'aurez deviné fixed signifie fixée. Faire répéter votre image Vous voulez faire répétez votre image mais pas tous. seulement la répéter horizontalement ou verticalement. Pour cela il suffit d'ajouter : background-repeat:repeat-x ou y Pour que votre image se répète horizontalement : background-repeat:repeat-x; Pour que votre image se répète verticalement : background-repeat:repeat-y; Le positionnement de votre arrière plan Pour positionner votre arrière plan il suffit d'inséré ceci : background-position:votre valeur; Les valeurs disponibles : -top left -top center -top right -center left -center center -center right -bottom left -bottom center -bottom right
• La couleur, le style des bordures
  Les bordures en css (la taille, la couleur, sont apparence) Les valeurs pour déclarer une bordure border-color: ceci est la couleur de votre bordure. (exemple : border-color:#FFFFFF; votre bordure sera blanche). border-style: ceci est le style de votre bordure ci-dessous une liste de style pour vos bordures. border-width: ceci définira la taille de votre bordure (plus d'explication ci-dessous) Le style de vos bordures : border-style:none; ceci signifie aucune bordure (pensez à la mettre si vous ne voulez pas de bordure, car IE en ajoute une d'origine) border-width: La taille des bordures Vous pouvez définir la taille de vos bordures de plusieurs façon : border-width: votre taille; Les tailles possibles: Sachez que vous pouvez aussi définir la taille comme ceci : border-width:1px; Ainsi avec cette balise vous pouvez ajuster la taille a votre guise. Rappel : border-style:votre style; (esc : border-style:solid; ) border-color:votre couleur; ( esc : border-color:#ffffff; ) border-width:votre taille; ( esc : border-width:Thick; )
• Une feuille de style interne ou externe
  En effet vous avez la possibilité d'insérer directement votre css dans votre page elle-même ou sur une page externe qui devra être enregistré avec pour extension .css (exemple : style.css). Quelle méthode choisir ? Je vous conseille d'utiliser la feuille de styles externe pourquoi ? Avec une feuille de styles interne vous devrez répéter à chaque fois la même chose sur toutes les pages de votre site internet et cela signifie que si vous avez l'intention d'effectuer une modification sur votre css il va falloir répéter l'opération sur tout le site internet ! Or en utilisant une feuille de styles externe vous n'aurez qu'une page à modifier et la modification en question sera appliqué automatiquement sur toutes vos pages voilà pourquoi je vous conseille cette méthode. Une autres bonne raison d'avoir une feuille de styles externe. En utilisant une feuille de styles interne le navigateur web devra la lire et la rechargée sur chaque page de votre site certain d'entre vous dirons et alors ? Si votre css interne fait une centaine de ligne ou plus cela peut considérablement affecter le chargement de vos pages tandis qu'avec une feuille de styles externe le navigateur ne la lit qu'une seule fois donc n'affecte pas le chargement de vos pages.
• L'apparence des liens
  Donne de la couleur aux liens de votre page en css : Les liens sont représenter par la lettre a : a : link {color:#votre couleur; } = La valeur link signifie la couleur des liens sur votre page a: visited {color:#votre couleur; } = La valeur visited signifie la couleur d'un lien déjà visité, cliqué a : hover {color:#votre couleur;} = La valeur hover signifie la couleur du lien l'or du passage de la souris a : focus {color:#votre couleur;} = la valeur focus signifie la couleur des liens si le visiteur navigue avec son clavier a : active {color:#votre couleur;} = la valeur active signifie la couleur du lien quand il est cliqué (activer)
• Description du langage css
  Le rôle d'une feuille de style Une feuille de style regroupe les caractéristiques ainsi que les définitions concernant le style de votre page. Elle indique au navigateur comment il doit placer et afficher les éléments de votre page. Qu'est-ce que le css Le css est une liste de règle qui a été créé pour compléter le langage html. Le css comme tous les autres langages web possède plusieurs versions. Quelle possibilité peut nous offrir le css les feuilles de style vous offre beaucoup de possibilités sur l'apparence de vos pages web. En employant le css vous pourrez par exemple afficher plusieurs couleurs comme arrières plan, la possibilité d'afficher plusieurs colonnes à l'écran sur une même page sans aucun problème, d'assigner une couleur précise à un texte en particulier, modifier les images directement de votre page, la possibilité de jouer sur la transparence de vos éléments, bref vous l'aurez compris une feuille de style de nos jours est pratiquement indispensable pour créer un site web de qualités (visuellement parlant).
• L'arrière plan (Background)
  L'arrière plan d'une page html peut être une (des) image (s), une (des) couleur (s) cela dépend de vos envies et de vos préférences. Une couleur comme arrière plan ? pour qu'une couleur se retrouve en arrière plan vous pouvez utiliser ceci: Dans la balise on insère le champ background ensuite notre couleur. Balise : <body style="background-color: #votre couleur;"> Une image comme arrière plan ? pour qu'une image se retrouve en arrière plan vous pouvez utiliser ceci: Dans la balise on insère le champ background ensuite notre image. Balise : <body Background ="Adresse de votre image"> En utilisant cette balise votre image ce répétera pour s'afficher sur toutes la page. Pour éviter que votre image ce répète a moins que cela vous convienne insérer dans votre balise body style="background-repeat:no-repeat;" Ce qui donnera ceci Balise : <body Background="Adresse de votre image" style="background-repeat:no-repeat;"> un peu de css n'a jamais tuer personne Une couleur et une image comme arrière plan ? Vous pouvez très bien combiner les deux, car vous aurez peut être envie de mettre une image avec de la couleur ? Voici comment faire il suffit de combiner les deux balises comme la balise ci-dessous. La balise : <body Background="votre image" style="background-repeat:no-repeat;" bgcolor="#c0c0c0">
• Description du langage html
  Le html ? La première chose est de comprendre ce que signifie html (HyperText Markup Language). Le langage html est un langage de description qui nous permet d'identifier un document d'y ajouter des informations comme (le texte, des sons, des images, etc..) et de relier toutes ces informations garce aux liens hyper texte. Comment décrire une page html ? La description d'une page html passe par les balises. A quoi ressemble une page html ? Ci-dessous je vais vous montrer à quoi ressemble une page html. < DOCTYPE> <HTML> <HEAD> </HEAD> <BODY> <BODY> </HTML> Nous allons décrire tous sa : La balise : < DOCTYPE> Permet d'identifier une page comme étant une page html. Exemple: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Ensuite il y a la balise <HTML> : C'est la première balise que vous trouverez dans un document html, tout ce qui concerne la page (le texte, les images, etc..) sera entre cette balise. Passons maintenant à la balise <head> : Cette balise est réserve aux informations relatifs de votre page (méta-balises) comme son titre, sa description, la langue utiliser. Si vous ne savez pas ce qu'est une méta-balise consulter notre page à ce sujet. Pour finir la balise <body> : Cette balise est le corps de notre page en effet tout ce qui se trouve à l'intérieur de cette balise sera affiché à l'écran. Résumer < DOCTYPE> <-- On identifie la page --> <HTML> <-- On ouvre notre page --> <HEAD> <-- On ouvre nos informations --> <-- Ici sera placé les méta-balises --> </HEAD><-- On ferme la balise information --> <BODY> <-- On ouvre le corps de notre page --> <-- Ici sera placé notre texte --> <BODY><-- On ferme le corps de notre page --> </HTML><-- on ferme la page -->
• Les images Les images en html
  Les images en html comment les contrôler ? La balise pour afficher une image dans une page html est : <img src="" alt="" title=""> src="" L'adresse de votre image . title="" permet de titrer les éléments HTML avec un commentaire. Le commentaire devrait apparaître dans une info-bulle quand l'utilisateur passe avec la souris dans l'espace d'affichage de l'élément HTML . alt”" signifie “texte alternatif”, dans le cas ou l’image n’est pas affichée Exemple : l'image ne s'affiche pas alt prend le relais Il existe d'autre attribut pour la balise image. L'attribut width : Permet de spécifier la largeur de l'image. exemple ( width="20px") L'attribut height : Permet de spécifier la hauteur de l'image. exemple ( height="20px") L'attribut border Nombre de pixels de la bordure. exemple ( border="0px") Si vous ne voulez aucune bordure pensez à mettre ( border="0px") car explorer en à une d'origine. Passons maintenant au différent types de positionnement en html Pour positionné une image en html nous allons utiliser L'attribut align L'attribut align Indique le méthode d'alignement de l'image. Nous disposons de 5 valeurs : top, middle, bottom, left, right. Les valeurs top, middle, bottom concernent l'alignement vertical par rapport à la ligne. Voici un exemple de la valeur top : Comme vous le constatez la valeur top indique que l'image doit être en bas de la ligne. La balise <img src="url de votre image" align="top"> Voici un exemple de la valeur middle Comme vous le constatez la valeur middle indique que l'image doit être au milieu de la ligne. La balise <img src="url de votre image" align="middle"> Voici un exemple de la valeur bottom Comme vous le constatez la valeur bottom indique que l'image doit être en haut de la ligne. La balise <img src="url de votre image" align="bottom"> Maintenant voyons un peu les valeurs left, right. Les valeurs left, right. concernent le positionnement de droite et de gauche. Voici un exemple de la valeur right Comme vous le constatez la valeur right indique que l'image doit être à droite de la ligne. La balise <img src="url de votre image" align="right"> Exemple de la valeur left en html Comme vous le constatez la valeur left indique que l'image doit être à gauche de la ligne. La balise <img src="url de votre image" align="left"> Voila maintenant vous savez placer une image
• Un lien en html
  Un lien en html s'écrit comme ceci : <a href="votre lien" title="description du lien">texte qui décrit le lien</a> Voila votre lien est fonctionnelle. href="" ici se place l'url d'une page, image, un fichier, une archive, ce que vous voulez. title="" permet de titrer les éléments HTML avec un commentaire. Le commentaire devrait apparaître dans une info-bulle quand l'utilisateur passe avec la souris dans l'espace d'affichage de l'élément HTML . Exemple de title : un lien avec title Comment habiller notre lien Habiller notre lien : lui donner une autre couleur, changer sa couleur au passage de la souris et lui donner encore une autre couleur si le lien a déjà été visitez (Visitez par le visiteur). Changer la couleur du lien html Pour cela nous allons utiliser la balise <font color="#couleur"> Ci-dessus notre lien apparait en bleu nous allons lui donner la couleur vert. un lien en vert Balise: <a href="#" title="Notre lien est en vert "><font color="green">un lien en vert</font></a> Vous devez bien sûr changer green par la couleur de votre choix. Ou vous pouvez passer directement par votre balise <body> Comme ceci <body link="blue" vlink="black" alink="red"> En procédant ainsi les liens de la page seront en bleu En noir ce visiter et en rouge au clique du lien.

Retrouvez le flux de syndication associé en cliquant sur cette icône :

Cvs-Web : plan du site internet : Les couleurs en html. Les méta-balises (méta-tags) L'arrière plan (Background) Description du langage html. Plan de site Cours Css. En cours ...
Cvs-Web : services et ressources pour webmaster : Articles - Optimiser ... : Service et de ressources pour webmaster vous trouverez des ebauches sur le fonctionnement du web, des cours html, xhtml, css Articles - Optimiser votre site internet
Cvs-Web : services et ressources pour webmaster : Articles - Cours html : ... trouverez des ebauches sur le fonctionnement du web, des cours html, xhtml, css Articles - Cours html ... Les liens. 14/08/09. 21. Aucune note. 0. Le texte en ...
Cvs-Web Construisons votre site web : Articles - Les images : ... html, tutorial css, et tutos pour le référencement de votre site. Ressources gratuit pour webmaster Articles - Les images ... une image en html nous allons ...
générateur de méta-balises : html meta, un generateur de meta tags ... générateur de méta-balises. Titre de la page : Description : ... Date de révision : Fréquence de retour du robot : ...