jeudi 17 février 2011

formulaires en javascript



Définition d'un formulaire

Le moyen le plus courant pour transmettre des informations depuis le visiteur vers le serveur est d'utiliser les formulaires.
Un formulaire est défini par la balise <FORM> et </FORM>.
Voici un exemple de formulaire

<FORM name="monform" action="page.php" method="post" target="_blank">
  Zone de texte : <INPUT type="text" name="champtexte">
  <INPUT type="submit" value="Envoyer">
</FORM>

Un objet FORM a comme paramètre un nom, une action et une méthode de transmission vers le serveur.
name sert à manipuler et reconnaître l'objet FORM dans la page
action contient l'adresse du script qui va recevoir et traiter les données du formulaire. Ici le formulaire sera envoyé à "page.php".
method indique le type de transmission des données. "post" cache les données transmises au visiteur. "get" les rend visibles. Je préfère utiliser "post" qui est plus discret et qui n'allonge pas l'url dans la barre d'adresse.
On peut aussi définir une destination par le paramètre target, équivalent au target de la balise de lien <A>.


Envoi du formulaire
L'envoi du formulaire (ou soumission ou submit en anglais) peut se faire de 2 manières.
- Soit par un bouton de type submit :
<INPUT type="submit" value="Envoyer">
Dans ce cas, le formulaire est envoyé directement quand on clique sur le bouton

- Soit par du javascript :
document.monform.submit()
Publié par à Aucun commentaire:

Les événements en javascript



Avec les événements et surtout leur gestion, nous abordons le côté "magique" de Javascript.
En Html classique, il y a un événement que vous connaissez bien. C'est le clic de la souris sur un lien pour vous transporter sur une autre page Web. Hélas, c'est à peu près le seul. Heureusement, Javascript va en ajouter une bonne dizaine, pour votre plus grand plaisir.
Les événements Javascript, associés aux fonctions, aux méthodes et aux formulaires, ouvrent grand la porte pour une réelle interactivité de vos pages. 
voici quelques évènements et leurs description  

Lorsque l'utilisateur clique sur un bouton, un lien ou tout autre élément. Clik
Lorsque la page est chargée par le browser ou le navigateur. Load
Lorsque l'utilisateur quitte la page. Unload
Lorsque l'utilisateur place le pointeur de la souris sur un lien ou tout autre élément. MouseOver
Lorsque le pointeur de la souris quitte un lien ou tout autre élément.
Attention : Javascript 1.1 (donc pas sous MSIE 3.0 et Netscape 2)		 MouseOut
Lorsque un élément de formulaire a le focus c-à-d devient la zone d'entrée active. Focus
Lorsque un élément de formulaire perd le focus c-à-d que l'utilisateur clique hors du champs et que la zone d'entrée n'est plus active. Blur
Lorsque la valeur d'un champ de formulaire est modifiée. Change
Lorsque l'utilisateur sélectionne un champ dans un élément de formulaire. Select
Lorsque l'utilisateur clique sur le bouton Submit pour envoyer un formulaire



Les gestionnaires d'événements
Pour être efficace, il faut qu'à ces événements soient associées les actions prévues par vous. C'est le rôle des gestionnaires d'événements. La syntaxe est

onévénement="fonction()"
Par exemple, onClick="alert('Vous avez cliqué sur cet élément')".
De façon littéraire, au clic de l'utilisateur, ouvrir une boite d'alerte avec le message indiqué.
nclick Evénement classique en informatique, le clic de la souris.


Le code de ceci est :
<FORM>
<INPUT TYPE="button" VALUE="Cliquez ici" onClick="alert('Vous avez bien cliqué ici')">
</FORM>
Nous reviendrons en détail sur les formulaires dans le chapitre suivant.
onLoad et onUnload L'événement Load survient lorsque la page a fini de se charger. A l'inverse, Unload survient lorsque l'utilisateur quitte la page.
Les événements onLoad et onUnload sont utilisés sous forme d'attributs de la balise <BODY> ou <FRAMESET>. On peut ainsi écrire un script pour souhaiter la bienvenue à l'ouverture d'une page et un petit mot d'au revoir au moment de quitter celle-ci.
    <HTML> <HEAD> <SCRIPT LANGUAGE='Javascript'> function bienvenue() { alert("Bienvenue à cette page"); } function au_revoir() { alert("Au revoir"); } </SCRIPT> </HEAD> <BODY onLoad='bienvenue()' onUnload='au_revoir()'> Html normal </BODY> </HTML>
onmouseOver et onmouseOut L'événement onmouseOver se produit lorsque le pointeur de la souris passe au dessus (sans cliquer) d'un lien ou d'une image. Cet événement est fort pratique pour, par exemple, afficher des explications soit dans la barre de statut soit avec une petite fenêtre genre infobulle.
A titre d'illustration, passez avec le pointeur de la souris sur le mot voyelles (sans cliquer sur le lien).


Voyelles
L'événement onmouseOut, généralement associé à un onmouseOver, se produit lorsque le pointeur quitte la zone sensible (lien ou image). Notons qui si onmouseOver est du Javascript 1.0, onmouseOut est du Javascript 1.1.
En clair, onmouseOut ne fonctionne pas avec Netscape 2.0 et Explorer 3.0.
Nous parlons plus longuement de onmouseOver er de onmouseOut dans le chapitre "Les événements -- Avancé --".
onFocus L'événement onFocus survient lorsqu'un champ de saisie a le focus c.-à-d. quand son emplacement est prêt à recevoir ce que l'utilisateur à l'intention de taper au clavier. C'est souvent la conséquence d'un clic de souris ou de l'usage de la touche "Tab".
Si vous cliquez dans la zone de texte, vous effectuez un focus
onBlur L'événement onBlur a lieu lorsqu'un champ de formulaire perd le focus. Cela se produit quand l'utilisateur ayant terminé la saisie qu'il effectuait dans une case, clique en dehors du champ ou utilise la touche "Tab" pour passer à un champ. Cet événement sera souvent utilisé pour vérifier la saisie d'un formulaire.
Si après avoir cliqué et/ou écrit dans la zone de texte, vous cliquez ailleurs dans le document, vous produisez un événement Blur.


Le code est :<FORM>
<INPUT TYPE=text onBlur="alert('Ceci est un Blur')">
</FORM>
onchange Cet événement s'apparente à l'événement onBlur mais avec une petite différence. Non seulement la case du formulaire doit avoir perdu le focus mais aussi son contenu doit avoir été modifié par l'utilisateur.
onselect Cet événement se produit lorsque l'utilisateur a sélectionné (mis en surbrillance ou en vidéo inverse) tout ou partie d'une zone de texte dans une zone de type text ou textarea.

Fin de la partie prévue pour les débutants --- Début de la partie considérée comme avancée
Gestionnaires d'événement disponibles en Javascript Il nous semble utile dans cette partie "avancée" de présenter la liste des objets auxquels correspondent des gestionnaires d'événement bien déterminé.
Objets Gestionnaires d'événement disponibles
Fenêtre onLoad, onUnload
Lien hypertexte onClick, onmouseOver, on mouseOut
Elément de texte onBlur, onChange, onFocus, onSelect
Elément de zone de texte onBlur, onChange, onFocus, onSelect
Elément bouton onClick
Case à cocher onClick
Bouton Radio onClick
Liste de sélection onBlur, onChange, onFocus
Bouton Submit onClick
Bouton Reset onClick



La syntaxe de onmouseOver Le code du gestionnaire d'événement onmouseOver s'ajoute aux balises de lien :


<A HREF="" onmouseOver="action()">lien</A>
Ainsi, lorsque l'utilisateur passe avec sa souris sur le lien, la fonction action() est appelée. L'attribut HREF est indispensable. Il peut contenir l'adresse d'une page Web si vous souhaitez que le lien soit actif ou simplement des guillemets si aucun lien actif n'est prévu. Nous reviendrons ci-après sur certains désagréments du codage HREF="".Voici un exemple. Par le survol du lien "message important", une fenêtre d'alerte s'ouvre.
Le code est :
<BODY>
...
<A HREF="" onmouseOver="alert('Coucou')">message important</A>
...
<BODY>
ou si vous préférez utiliser les balises <HEAD>
<HTML>
<HEAD>
<SCRIPT language="Javascript">
function message(){
alert("Coucou")
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="" onmouseOver="message()">message important</A>
</BODY>
</HTML>
La syntaxe de onmouseOut Tout à fait similaire à onmouseOver, sauf que l'événement se produit lorsque le pointeur de la souris quitte le lien ou la zone sensible.
Au risque de nous répéter, si onmouseOver est du Javascript 1.0 et sera donc reconnu par tous les browsers, onmouseOut est du Javascript 1.1 et ne sera reconnu que par Netscape 3.0 et plus et Explorer 4.0 et plus (et pas par Netscape 2.0 et Explorer 3.0)
On peut imaginer le code suivant :
<A HREF="" onmouseOver="alert('Coucou')" onmouseOut="alert('Au revoir')">message important</A>
Les puristes devront donc prévoir une version différente selon les versions Javascript.
Problème! Et si on clique quand même... Vous avez codé votre instruction onmouseOver avec le lien fictif <A HREF=""... >, vous avez même prévu un petit texte, demandant gentiment à l'utilisateur de ne pas cliquer sur le lien et comme de bien entendu celui-ci clique quand même.
Horreur, le browser affiche alors l'entièreté des répertoires de sa machine ou de votre site). Ce qui est un résultat non désiré et pour le moins imprévu.
Pour éviter cela, prenez l'habitude de mettre l'adresse de la page encours ou plus simplement le signe # (pour un ancrage) entre les guillemets de HREF. Ainsi, si le lecteur clique quand même sur le lien, au pire, la page encours sera simplement rechargée et sans perte de temps car elle est déjà dans le cache du navigateur.
Prenez donc l'habitude de mettre le code suivant <A HREF="#" onmouseOver="action()"> lien </A>.
Changement d'images Avec le gestionnaire d'événement onmouseOver, on peut prévoir qu'après le survol d'un image par l'utilisateur, une autre image apparaisse (pour autant qu'elle soit de la même taille).
le code est relativement simple.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript1.1">
function lightUp() {
document.images["homeButton"].src="button_hot.gif"
}
function dimDown() {
document.images["homeButton"].src="button_dim.gif"
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="#" onmouseOver="lightUp();" onmouseOut="dimDown();">
<IMG SRC="button_dim.gif" name="homeButton" width=100 height=50 border=0> </A>
</BODY>
</HTML>
Compléter toujours en Javascript les attributs width=x height=y de vos images.
Il n'y a pas d'exemple ici pour la compatibilité avec les lecteurs utilisant explorer 3.0 en effet, non seulement onmouseOut mais aussi image[] est du Javascript 1.1.
L'image invisible Ce changement d'image ne vous donne-t-il pas des idées?... Petit futé! Et oui, on peut prévoir une image invisible de la même couleur que l'arrière plan (même transparente). On la place avec malice sur le chemin de la souris de l'utilisateur et son survol peut ,à l'insu de l'utilisateur, déclencher un feu d'artifice d'actions de votre choix. Magique le Javascript ?
Publié par à Aucun commentaire:

JavaScript est un langage Objet



JavaScript est un langage Objet. Même si l'approche est un peu déroutante, elle permet de développer des scritps efficaces, facilement évolutifs et paramétrables.j'ai évité de vous donner une long présentation sans aucun utilité vous pouvez consulter les moteurs de recherches pour avoir tous ce que vous voulez comme une présentation.
de ma part je vais essayer de vous donner l'essentiel .
On utilise l'instruction new et on ajoute soit un type d'objet prédéfini (Date, Array, ...), soit une instruction qui permet de créer les propriétés de cet objet.
var mon_chien=new CreerChien("Milou","Fox Terrier")
L'instruction CreerChien fait appel au mot this qui représente l'objet en cours (ici, mon_chien) 
function CreerChien(le_nom,la_race) {
 this.nom=le_nom;
 this.race=la_race;
}
La variable mon_chien est maintenant un objet de type chien qui contient les propriétés nom et race. Naturellement, il est possible de rajouter des propriétés très facilement, sans se soucier des questions d'indices qu'imposerait un tableau du type : 
mon_chien[0]="Milou"
mon_chien[1]="Fox Terrier"
La conception Objet permet de plus d'accéder intuitivement aux propriétés des objets, par la notation pointée. Pour afficher le nom de mon_chien, on utilise : 
document.write(mon_chien.nom);

 2 - L'utilisation des méthodes
Il est également possible d'associer à des objets, en plus de leurs propriétés, des actions, codées sous forme de fonctions. Les fonctions associées à un objet sont appelées méthodes. La déclaration des méthodes se fait pendant la création de l'objet. Reprenons notre exemple de Milou : 
function CreerChien(le_nom,la_race) {
 this.nom=le_nom;
 this.race=la_race;
 this.Afficher=AfficherChien;
}
Nous avons ici ajouté une méthode qui permet d'afficher les informations sur le chien : 
function AfficherChien() {
 document.write("Ce chien s'appelle "+this.nom+". C'est un "+this.race+".");
}
On remarque encore l'utilisation de this qui représente l'objet sur lequel est appliquée la méthode.
Il est possible aussi de déclarer la fonction avec le mot with : 
function AfficherChien() {
 with(this) {
  document.write("Ce chien s'appelle "+this.nom+". 
C'est un "+this.race+".");
 }
}
Le résultat de l'appel de cette méthode sur mon_chien serait :
Ce chien s'appelle Milou. C'est un Fox Terrier.
Publié par à Aucun commentaire:

mardi 15 février 2011

formation création site (script) de zero



La formation proposée par moi même El othemany El akel Email:talazamor.eco@gmail.com
pour soutenir les gens désirant créer un site web personnel,biensur notre site est sera dynamique.
si vous avez des questions vous pouvez me contacté sur mon email je vais vous répondre au plus tôt possible.
on visait à créer les fichiers suivantes:

index.php===>la page d'accueil 
header.php====>haut de la page
footer.php======>pied de page
content.php====>contenu page d'accueil
regsiter.php===>inscription des membres
connect.php =========>connexion avec base de donne

et d'autres fichiers qu'on va vous présentez ultérieurement
n'hésitez pas de consulter notre formation pour pouvoir accéder aux nos services


Publié par à Aucun commentaire:

dimanche 13 février 2011

Site multilingue en PHP





Site multilingue en PHP

parfois il y a des webmestres qui aiment avoir un site web multilingue pour des raisons stratégiques,Voici une méthode que j'ai utilisé pour faire un site multilingue. Sans prétention, ce n'est sûrement pas la meilleure méthode à adopter si on veut un traducteur qui ne connait rien à la progroammation... J'ai appliqué cette solution en cette partie de formation web site et elle peut être tout à fait utilisée en site personnelle.
L'important est de savoir la langue du surfeur. Du genre :

* Sur ta page d'accueil, un drapeau pour chaque pays qui envoient sur page.php?langue=XXX ;
* Un cookie déposé contenant la langue, on récupère ça par $lang=$HTTP_COOKIES_VARS["cookielangue"];
* L'utilisateur se loggue et la langue est stockée dans ta base de données...

Le code de la langue sera par exemple FRA pour français, ENU pour anglais, ESP pour espagnol.
dico.php 
C'est le fichier qui contient le vocabulaire. Il se présente sous la forme suivante :
<?
$MOT_FRA='Le mot en français';
$MOT_ENU='Le mot en anglais';

$BIENVENUE_FRA='Bienvenue';
$BIENVENUE_ENU='Welcome';

$NON_TROUVE_FRA='Non trouvé(e)';
$NON_TROUVE_ENU='Not found';

$UTILISATEUR_FRA='Utilisateur : ';
$UTILISATEUR_ENU='User: ';
?>
Son fonctionnement est très simple : on met $ suivi du terme à définir (BIENVENUE par exemple), suivi d'un underscore '_', suivie du code de la langue. Ensuite, on met la traduction.
Il te sera très facile de rajouter une autre langue en écrivant $BIENVENUE_ESP='Bienvenida';
Fais attention aux apostrophes ! Il faut mettre des backslashes '\' devant, ou alors écrire la chaîne entourée de doubles quotes '"'.... les règles habituelles des langages C et dérivés...
Question d'esthétique pure, en français, on met un espace entre les ponctuations et signes doubles (deux-points, point-virgule, guillements « et », point d'interrogation et d'exclamation), mais pas pour les double quotes. On ne met pas d'espaces entre les mots et les symboles simples (point, virgule, parenthèses...).
En anglais, on ne met pas d'espaces entre les mots et les signes doubles. C'est pour ça que j'ai mis "Utilisateur : " et "User: ".
Je ne connais pas les règles espagnoles ou allemandes...

Il te faut 2 fichiers pour réaliser un petit lexique qui assure la traduction de ton site...
dicofonction.php
Le fichier dicofonction.php doit être inclus au début de chaque page du site.
<?
// RECUPERATION DE LA LANGUE// cela dépend du fonctionnement du site// - requête 
SQL dans la base de données// - cookie : $l = $HTTP_COOKIES_VARS["cookielangue"];// 
- paramètre : $l = $HTTP_GET_VARS["langue"];// Bien faire gaffe aux majuscules, FRA, ENU... 
et pas fra, enudefine('LANG',$l);

function dico($mot)
{
  // Charge le dictionnaire  require("includes/dico.php");

  // Si la variable a été définie, la retourner...  if (${$mot."_".LANG})
  return htmlentities(${$mot."_".LANG});

// Si on ajoute la langue ESP mais qu'un mot n'est pas traduit,// on met la 
langue par défaut, ici "ENU"...  if (${$mot."_ENU"})
  return htmlentities(${$mot."_ENU"});

  return "BIG_BAD_ERROR";
// si ça arrive, ça veut dire que le mot n'a pas bien été écrit// soit dans le 
script qui appelle, soit dans le dico.php :(}
?>
Ainsi, au lieu de coder "en dur" dans tes pages : 
if lang=='FRA' echo 'le mot en français';
if lang=='ENU' echo 'le mot en anglais';
il est plus simple d'appeler echo dico("MOT"); et la mise à jour de la traduction est fastoche, non ?
Un exemple concret
Avec les fichiers ci-dessus... :
<?
include("dicofonction.php");
// Message de bienvenueecho dico("BIENVENUE")." !";
// Si c'est en français, ça affiche "Bienvenue !"// Si c'est en anglais, ça affiche "Welcome !" 
// Si c'est en créole, ça affiche "Welcome !" parce que la langue par défaut// est l'anglais 
et le créole n'a pas été traduit.
// Message erreur en cours de développement (à corriger!!)echo dico("BIENENUE")." !";  
// J'ai volontairement enlevé le V, faute de frappe...// Quelque soit la langue, 
ça affiche "BIG_BAD_ERROR !"?>
Compris ? C'est simple non ?


Publié par à Aucun commentaire:

vendredi 11 février 2011

Inclure des portions de page php

la différence entre HTML et PHP en pratique



Vous est-il déjà arrivé de vouloir modifier le menu de votre site et de devoir pour cela corriger le code XHTML de chacune de vos pages web ? Le menu d'une page web apparaît en effet sur chacune des pages et vous avez très certainement dû le recopier sur chacune de vos pages. Ca marche, mais ce n'est pas très pratique.??
 et je pense vous savez pourquoi que ce n'est pas très pratique par ce que on aura des répétitions des mémes tâches,c'est pour cela nous devons répondu sur la  question de trouver la solution afin de faire face à cette situation.
. Une des fonctionnalités les plus simples et les plus utiles de PHP est l'inclusion de pages. On peut très facilement inclure toute une page ou un bout de page à l'intérieur d'une autre page. Cela va grandement vous faciliter la tâche en vous évitant d'avoir à copier le même code XHTML plusieurs fois.

  vous allez découvrir un des multiples avantages que vous donne le PHP lors de la création de votre site. C'est d'ailleurs ce qui m'a fait instantanément aimer ce langage lorsque je l'ai découvert, alors que je venais comme vous seulement d'apprendre le XHTML et le CSS.

principe de fonctionnement de PHP


La plupart des sites web sont généralement découpés selon la forme et   le schéma suivant voulais,généralement on retrouve ce shema  comme la forme la plus utilisée par les webmestres

Image utilisateur 
aussi  vous pouvez redimensionnez la forme et le style de votre sites web selon votre préférences

le problème Jusqu'ici, vous êtiez  obligés  à copier sur chaque page à l'identique :

  • L'en-tête
  • Le menu
  • Le pied de page
comme nous avons dit au début que cela donnait du code lourd et répétitif sur toutes les pages  de notre site

Regardez le code d'exemple ci-dessous qui représente une page web (appelons-là index.php) avec en-tête, menus et pied de page :

D'une page à l'autre, ce site contiendra à chaque fois le même code pour l'en-tête, les menus et le pied de page ! En effet, seul le contenu du corps change en temps normal.

En PHP, nous pouvons facilement insérer d'autres pages (ou morceaux de pages) à l'intérieur d'une page.

Le principe de fonctionnement des inclusions en PHP est plutôt simple à comprendre. Vous avez un site web composé de disons 20 pages. Sur chaque page, il y a un menu, toujours le même. Pourquoi ne pas écrire ce menu (et seulement lui) une seule fois dans une page menu.php ?

En PHP, vous allez pouvoir inclure votre menu,en-tét ,pied de page sur toutes vos pages. Lorsque vous voudrez modifier votre menu vous n'aurez qu'à modifier menu.php et l'ensemble des pages de votre site web sera automatiquement mis à jour.
maintenant et pour répondre à cette nouvelle déclaration on doit créer une nouvelle page pour chaque morceau de notre site à savoir En-tête,menu,pied de page.

par exemple pour la partie menu on va créer une page menu.php qui contiendra le code spécifique pour la partie menu
<div id="menu">        
   <div class="element_menu">
    <h3>Titre menu</h3>
    <ul>
     <li><a href="page1.html">Lien</a></li>
     <li><a href="page2.html">Lien</a></li>
     <li><a href="page3.html">Lien</a></li>
    </ul>
   </div>    
</div>

Faites de même pour une page entete.php et une page pied_de_page.php au besoin pour votre site.

normalement sur la majorité des  sites on retrouve ces appellations
 en-tête===>header.php
pied de page=====>footer.php
si vous voulez respecté cette forme pour vouloir comprendre des autres exemples quand vous allez
trouver.
Maintenant  que vos "morceaux de pages" sont prêts, reprenez les pages de votre site, par exemple la page d'accueil nommée index.php. Remplacez le menu par le code PHP suivant :

<?php

include("menu.php");

?>
Cette instruction demande à l'ordinateur : "Insère ici le contenu de la page menu.php".

Si nous reprenons le code que nous avons vu tout à l'heure et que nous remplaçons chaque code répétitif par un include, cela donne le code source suivant :



La page finale que reçoit le visiteur(index.php) est identique à celle que je vous ai montrée au début du formation  mais vous, vous avez gagné énormément en flexibilité puisque votre code n'est plus recopié plusieurs fois.
Le nombre d'include par page n'est pas limité, par conséquent vous pouvez découper votre code en sous-parties autant que vous le souhaitez !


bon chance et à bientôt
 

Publié par à Aucun commentaire:

jeudi 10 février 2011

Vérifiez la pertinence de votre liste de mots clés,

Ce résumé n'est pas disponible. Veuillez cliquer ici pour afficher l'article.
Publié par à Aucun commentaire:

Audit des pages à référencer ou projet construire :choix des mots clés

l'audit et l'optimisation de page d'un site référencer



la premier étapes dans l'audit et l'optimisation de page d'un site référencer est de choisir les mots clés et expression les plus significatives par apport au sujet présentés.des mots clés qui  n'apporteront pas le trafic visé par un site,ou des mots clés que personne ne recherche,rendent l'effort d'un référencement vain.
pour identifier les mots clés et expression  pour un site.vous pouvez simplement faire la liste des mot clés et expressions le plus représentatifs pour votre sujet et secteur d'activité.si vous manquez d'inspiration vous pouvez ,on parcourons les différents sites de votre secteur d'activités.vous faire une idée des mots clés utilisés.
vous pouvez également suivre les démarches suivants:

1-notez tous les mots et expression que vous pourriez avoir utilisé si vous recherchiez une formation ou bien  compagnie qui offre des produits et des services  informatique,developpement ....etc.par exemple,supposez que votre compagnie organise des excusions touristiques provenance.voici une liste d'expression que je pourrais avoirs recherchées si je projetais un voyage en provence:

tourisme en   provenance
voyage provenance
séjour provenance
déplacement provenance

quelque soit la liste obtenue,ce qui important est d'obtenir la liste de mots clés,plutôt sous la forme d'expression d'au moins deux mots pour les raisons suivantes:

 -les expressions d'un seul mot tendent à être très concurrentielles.
-la plupart des internautes recherchent des expressions ou combinaisons de mots plutôt que des mots uniques en raison d'un très grand nombre des résultats sur les mots uniques. 

-les mots clés qui composent d'un seul mot ne vous amèneront le trafic visé. 










Publié par à Aucun commentaire:

L'instruction echo en php






Le PHP est un langage de programmation dynamique, ce qui n'était pas le cas du XHTML. Si vous avez déjà programmé dans d'autres langages comme le C ou le Java, cela ne devrait pas vous surprendre. Néanmoins, dans ce cours, nous partons de début donc je vais supposer que vous n'avez jamais fait de programmation auparavant.

Tout langage de programmation contient ce qu'on appelle des instructions. On en écrit une par ligne en général, et elles se terminent toutes par un point-virgule. Une instruction commande à l'ordinateur d'effectuer une action précise(algorithme).

Ici, la première instruction que nous allons découvrir permet d'insérer du texte dans la page web. Il s'agit de l'instruction echo  la plus simple et la plus basique de toutes les instructions que vous devez connaître.

Voici un exemple d'utilisation de cette instruction :

 

pour tester notre exemple on va enregistrer le travail
Comme vous le voyez, à l'intérieur de la balise PHP on écrit l'instruction echo suivie du texte à afficher entre guillemets. Les guillemets permettent de délimiter le début et la fin du texte, cela aide l'ordinateur à se repérer. Enfin, l'instruction se termine par un point-virgule comme je vous l'avais annoncé, ce qui signifie Fin de l'instruction.
aussi on peut  même intégré  des codes html à l'intérieur de notre code php

<?php echo "Ceci est du <strong>texte</strong>"; ?>

mais la question qui se pose c'est Comment faire pour afficher un guillemet ?

sur formation sites web vous allez voir que c'est facile apprendre.
si vous mettez un guillemet,ca veut dire pour l'ordinateur que le texte à afficher s'arrête là vous risquez  au mieux de faire planter votre beau code et d'avoir une terrible"parse error"
la solution consiste à faire précéder la guillemet d'un backslash

<?php echo "Celle-ci a été écrite \"uniquement\" en PHP."; ?>

vous savez que le code PHP s'insére au milieu du code XHTML alors allons-y,prenons une page basique en XHTML et placonss-y du code PHP 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Notre première instruction : echo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
        <h2>Affichage de texte avec PHP</h2>
        
        <p>
            Cette ligne a été écrite entièrement en (x)HTML.<br />
            <?php echo "Celle-ci a été écrite entièrement en PHP."; ?>
        </p>
    </body>
</html>

Enregistrer une page PHP




Publié par à Aucun commentaire:

mercredi 9 février 2011

comment Insérer une balise PHP au milieu du code XHTML ?





La balise PHP que nous venons de découvrir s'insère au milieu du code XHTML comme je vous l'ai dit plus tôt

Bien entendu cette page ne fonctionne pas vu que nous n'avons pas encore écrit de vrai code PHP (ce sont juste des balises d'exemple). Tout ce qu'il vous faut retenir ici, c'est que dès que vous voulez mettre du code PHP, hop, vous ouvrez une balise PHP : <?php ?>
Publié par à Aucun commentaire:

tutorial php pratique




php et les principes de fonctionnement:


Dans ce premier cours pratique,nous avons découvert comment on faisons l'installation d'un serveur local et comment et le principe du fonctionnement des documents PHP. Ici, nous allons passer au concret et réaliser notre toute première page web en PHP.

Ne vous attendez pas à un résultat extraordinaire (en fait la page que nous allons créer ne va rien faire de spécial) mais ça va vous permettre de prendre nos marques. Vous allez en particulier comprendre comment on sépare le code XHTML classique du code PHP.

aller c'est parti

Télécharger appserv

et on va commencer son installation directement étape par étape(voir  images)







--------------------------------------------------------------------------------------------------
aprés son installation le serveur local est prêt pour l'utilisation.
si vous avez des questions n'hésitez pas de me les envoyer sur talazamaor.eco@gmail.com

La forme d'une balise PHP

comme nous avons vu en html  php se fonction par des balises 



<?php /* Le code PHP se met ici */ ?> 

On peut sans problème écrire la balise PHP sur plusieurs lignes. En fait, c'est même indispensable car la plupart du temps le code PHP fera plusieurs lignes. Cela donnera quelque chose comme :
<?php
/* Le code PHP se met ici
Et ici
Et encore ici */
?>
 
à suivre..........
Publié par à Aucun commentaire:

Travailler avec des sites multilingues




Un site multilingue est un site dont le contenu est proposé dans plusieurs langues. Il peut s'agir, par exemple, d'une entreprise canadienne dont le site est disponible en français ou en anglais, ou d'un blog sur le football en Amérique latine dont le site est disponible en espagnol et en portugais.

En règle générale, si vous ciblez des visiteurs qui parlent plusieurs langues, vous avez intérêt à créer un site multilingue. Si votre blog sur le football en Amérique latine cible le Brésil, vous pouvez décider de publier votre site uniquement en portugais. Par contre, si vous souhaitez également cibler les fans de football en Argentine, vous avez tout intérêt à proposer aussi votre contenu en espagnol.

Google et la reconnaissance de la langue

Google tente de déterminer les langues principales de chacune de vos pages. Vous pouvez faciliter cette reconnaissance en vous limitant à une langue par page et en évitant les traductions sur une même page. Même si Google est en mesure d'identifier plusieurs langues sur une même page, il est conseillé de rédiger tout le contenu d'une page (en-têtes, barres latérales, menus, etc.) dans une seule langue.

Notez que Google ignore toutes les informations de langue dans le code, depuis les attributs "lang" aux définitions de type de document (DTD). Dans certains éditeurs Web, ces attributs sont créés automatiquement. Ils ne sont donc pas suffisamment fiables pour déterminer la langue d'une page Web.

Un visiteur qui accède à Google et lance une recherche dans sa langue s'attend à obtenir des résultats de recherche localisés. C'est à ce moment précis que vous intervenez, en tant que webmaster : si vous décidez de localiser le contenu, mettez-le en évidence dans les résultats de recherche en suivant nos conseils ci-dessous.

Anatomie d'un site multilingue : structure de l'URL

Vous n'avez pas besoin de créer d'URL spéciales lorsque vous développez un site multilingue. Toutefois, vos visiteurs souhaiteront peut-être identifier la section de votre site dans laquelle ils se trouvent simplement en jetant un coup d'œil à l'URL. Ainsi, les URL suivantes indiquent aux visiteurs qu'ils se trouvent dans la section anglaise du site :

http://example.ca/en/mountain-bikes.html
http://en.example.ca/mountain-bikes.html

Avec les URL suivantes, les internautes savent qu'ils visualisent la version française de la page :

http://example.ca/fr/mountain-bikes.html
http://fr.example.ca/mountain-bikes.html

En outre, cette structure d'URL vous permet d'analyser plus facilement la manière dont votre contenu multilingue est indexé.

Si vous souhaitez créer des URL comportant des caractères spécifiques à d'autres langues, vous devez utiliser le codage UTF-8. Lorsqu'elles sont insérées dans votre contenu, les URL codées en UTF-8 doivent contenir les caractères d'échappement appropriés. Pour ajouter manuellement des caractères d'échappement dans vos URL, n'hésitez pas à faire appel à un encodeur d'URL en ligne. Vous pourrez facilement en trouver un sur Internet. Imaginons que nous souhaitions traduire l'URL suivante de l'anglais vers le français :

http://example.ca/fr/mountain-bikes.html

L'URL en français pourrait se présenter de la manière suivante :

http://example.ca/fr/vélo-de-montagne.html

Cette URL contient un caractère spécifique au français avec "é". Vous devez donc utiliser les caractères d'échappement appropriés dans le lien affiché sur vos pages, comme suit :

http://example.ca/fr/v%C3%A9lo-de-montagne.html

Exploration et indexation de votre site Web multilingue
Nous vous conseillons de ne pas autoriser l'indexation des traductions automatiques. Les traductions automatiques ne sont pas toujours pertinentes et peuvent être considérées comme du spam. Autre point encore plus important : un site multilingue est destiné à atteindre une audience plus large en proposant un contenu intéressant dans plusieurs langues. Si vos visiteurs ne comprennent pas le sens d'une traduction automatique ou si les termes employés ne leur semblent pas naturels, demandez-vous si vous souhaitez réellement leur proposer ce type de contenu.

Vous avez décidé de localiser votre site ? Dans ce cas, vous devez permettre à Googlebot d'explorer facilement chacune des versions de votre site. Pensez à associer les pages dans différentes langues à l'aide de liens internes. En d'autres termes, vous pouvez utiliser des liens renvoyant vers les différentes versions d'un même contenu. Ces liens peuvent également être d'une grande utilité pour vos visiteurs. Reprenons l'exemple précédent et supposons qu'un visiteur francophone accède à la page http://example.ca/en/mountain-bikes.html. Désormais, en un seul clic, il peut afficher la page http://example.ca/fr/vélo-de-montagne.html, où il visualisera le même contenu en français.

Pour faciliter l'exploration de l'ensemble du contenu de votre site, vous devez éviter les redirections automatiques basées sur la détection automatique de la langue du visiteur. En effet, celles-ci risquent d'empêcher les internautes (et les moteurs de recherche) de consulter toutes les versions de votre site.

Enfin et surtout, vous devez utiliser des URL distinctes pour chaque langue. N'employez pas de cookies pour afficher les versions traduites.

Utilisation du codage des caractères



Google extrait directement le codage des caractères à partir des en-têtes HTTP, des en-têtes des pages HTML et du contenu. À part vous assurer que les informations (contenu et en-têtes, par exemple) n'entrent pas en conflit les unes avec les autres, vous n'avez pas à vous soucier du codage des caractères. Même si Google est en mesure de reconnaître des codages de caractères différents, nous vous conseillons de coder autant que possible votre site Web en UTF-8.

Si vous vous mélangez les pinceaux...

Lorsque vous parlez plusieurs langues, il peut vous arriver de vous mélanger les pinceaux. Cette confusion est totalement exclue sur votre site !

Pour plus d'informations, lisez notre post relatif aux sites ciblant plusieurs zones géographiques. En attendant, n'hésitez pas à consulter le forum d'aide et à participer à la discussion !
Publié par à Aucun commentaire:

Sites Web ciblant plusieurs zones géographiques





Niveau webmaster : intermédiaire

Saviez-vous que la plupart des visiteurs sondés pensent que l'accès à des informations dans leur propre langue est plus important qu'une réduction de prix ? Habitant moi-même dans un pays non anglophone, j'ai eu l'occasion de voir certains de mes amis ou membres de ma famille rechercher et utiliser des sites Web localisés. Les sites correctement localisés disposent clairement d'un avantage auprès des utilisateurs. Google s'efforce de proposer les meilleurs résultats de recherche possibles à ses visiteurs. Il s'agit souvent de pages localisées en fonction de la situation géographique et/ou de la langue du visiteur.

Si vous envisagez de prendre le temps de créer et de gérer une version localisée de votre site, il est important que les visiteurs puissent facilement identifier votre site et y accéder. Dans cette série de posts, nous aborderons l’approche des sites multilingues et multi-régions pour les moteurs de recherche. Un site multi-régional cible clairement les visiteurs situés dans des régions différentes (généralement des pays différents). Un site devient multilingue lorsqu'il est disponible en plusieurs langues. Parfois, un site peut à la fois cibler des régions différentes et être disponible dans plusieurs langues. Nous allons commencer par vous donner quelques conseils de base, puis nous regarderons des sites ciblant plusieurs zones géographiques.

Préparation d'un site en vue de son internationalisation
Préparer un site Web en vue d'un ciblage géographique et linguistique multiple peut représenter un défi. Lorsque vous créez plusieurs versions de votre site, tout problème dans la version de base est reproduit. Veillez à ce que tout fonctionne correctement avant de vous lancer. Vous êtes amené à gérer un nombre plus élevé d'URL du jour au lendemain. Veillez à utiliser une infrastructure appropriée afin de prendre en charge le site Web.

Préparation d'un site multi-régional
Lorsque vous préparez votre site en vue d'un ciblage géographique multiple (plusieurs pays généralement), n'oubliez pas de vous renseigner sur les exigences administratives ou légales pouvant entrer en jeu dans un premier temps. Ces obligations risquent d'avoir une incidence sur votre manière de procéder, et notamment sur votre capacité à utiliser un nom de domaine spécifique à un pays.

Tous les sites commencent par des noms de domaine. Google distingue deux types de noms de domaine différents :
1. Nom de domaine national de premier niveau (ccTLD) : domaine correspondant à un pays spécifique (.be pour la Belgique, .ch pour la Suisse). Pour les visiteurs et les moteurs de recherche, ce nom de domaine envoie un signal très fort spécifique au pays associé à votre site.
2. Nom de domaine générique (gTLD) : ce nom de domaine n'est pas associé à un pays en particulier. (.com .net .org sont des exemples). Google considère les noms de domaine de premier niveau tels que .eu et .asia comme des noms de domaine génériques, puisqu'ils ne peuvent pas être reliés à un pays en particulier. Nous traitons également certains noms de domaines nationaux (.tv, .me, etc.) comme des noms de domaine génériques, car nous avons constaté que les visiteurs et les webmasters considèrent souvent ces noms de domaines comme étant davantage génériques que relatifs à un pays précis. Vous pouvez définir le ciblage géographique des sites avec un nom de domaine générique à l'aide du paramètre de ciblage géographique des Outils pour les webmasters.

Facteurs de ciblage géographique
Google se base généralement sur les éléments suivants pour déterminer le ciblage géographique d'un site Web (ou d'une partie de celui-ci) :

1. L'utilisation d'un nom de domaine national de premier niveau ccTLD envoie généralement un signal fort aux visiteurs. En effet, il identifie un pays unique de manière explicite et sans ambiguïté.
ou
le ciblage géographique manuel avec des gTLD disponible dans les Outils pour les webmasters (au niveau du domaine, du sous-domaine ou du sous-répertoire). Vous trouverez davantage d'informations à ce sujet dans le Centre d'aide. Grâce aux tags de région du ciblage géographique disponibles dans les résultats de recherche, cette méthode est également très claire pour les visiteurs. Gardez à l'esprit qu'il n'est généralement pas pertinent de définir un ciblage géographique si les mêmes pages de votre site ciblent plusieurs pays (tous les pays francophones, par exemple). Rédigez en français et n'utilisez pas le ciblage géographique (plus d'informations sur la rédaction de sites dans d'autres langues vous seront bientôt fournies).


2. La localisation géographique du serveur (via l'adresse IP de ce dernier) est généralement proche de vos visiteurs. Toutefois, certains sites font appel à des réseaux de diffusion de contenu ou sont hébergés dans un pays disposant d'une infrastructure de serveur Web de meilleure qualité. Par conséquent, ne vous fiez pas uniquement à la localisation géographique du serveur.
3. D'autres signaux peuvent nous mettre sur la voie, notamment des adresses postales ou des numéros de téléphones figurant sur les pages, des liens provenant d'autres sites locaux, l'utilisation d'une langue, d'une devise particulière et/ou du LBC (dans les zones géographiques où le service est disponible).

Nous n’utilisons pas les balises Meta de localisation (comme "geo.position" ou
"distribution") ou les attributs HTML pour le ciblage géographique. Même si ces éléments peuvent s'avérer utiles dans d'autres cas, nous pensons qu'ils ne sont pas suffisamment fiables pour être utilisés dans le cadre du ciblage géographique.

Structures d'URL
Les trois premiers éléments utilisés pour le ciblage géographique sont étroitement liés au serveur et aux URL utilisés. Il est difficile de déterminer le ciblage géographique en procédant page par page. Il est donc logique d'envisager l'utilisation d'une structure d'URL
facilitant la segmentation du site Web en vue du ciblage géographique. Vous trouverez
ci-dessous plusieurs structures d'URL possibles, avec les avantages et les inconvénients
qu'elles présentent du point de vue du ciblage géographique :
ccTLD example.fr Sous-domaines avec gTLD
fr.site.com Sous-répertoires avec gTLD
site.com/fr/ Paramètres d'URL
site.com?loc=fr, ?country=france,
Avantages (+)
- Ciblage géographique clair
- Localisation géographique du serveur non pertinente
- Séparation aisée des sites
- Obligations légales (parfois) Avantages (+)
- Facilité de la mise en œuvre
- Possibilité d'utiliser le ciblage géographique disponible dans les Outils pour les webmasters
- Plusieurs localisations géographiques possibles pour le serveur
- Séparation aisée des sites
Avantages (+)
- Facilité de la mise en œuvre
- Possibilité d'utiliser le ciblage géographique disponible dans les Outils pour les webmasters
- Peu de maintenance (même hébergeur)
Avantages (+)
(utilisation déconseillée)
Inconvénients (-)
- Prix élevé (+ disponibilité)
- Infrastructure plus lourde
- Exigences liées au ccTLD (parfois) Inconvénients (-)
- Il est possible que les visiteurs ne puissent pas identifier le ciblage géographique à l'aide de l'URL seule (le code "fr" correspond-t-il à la langue ou au pays ?)
Inconvénients (-)
- Il est possible que les visiteurs ne puissent pas identifier le ciblage géographique à l'aide de l'URL seule.
- Localisation géographique du serveur unique
- Séparation des sites plus complexe Inconvénients (-)
- Difficulté de segmentation basée sur l'URL
- Il est possible que les visiteurs ne puissent pas identifier le ciblage géographique à l'aide de l'URL seule.
- Utilisation impossible du ciblage géographique dans les Outils pour les webmasters


Comme vous pouvez le constater, le ciblage géographique n'est pas une science exacte. Même les sites utilisant des noms de domaine de premier niveau peuvent être internationaux. Il est donc important de prendre en compte les visiteurs qui ne se trouvent pas dans la zone géographique appropriée. Vous pouvez, par exemple, proposer des liens sur toutes vos pages pour que les visiteurs sélectionnent la langue et la zone géographique de leur choix. Nous aborderons les autres solutions possibles à l'occasion de cette série de posts

Gestion du contenu en double sur les sites internationaux
Les sites multilingues destinés à différentes zones géographiques proposent parfois un contenu identique ou similaire via des URL différentes. Cela n'est généralement pas un problème lorsque le contenu est destiné à des visiteurs situés dans des pays différents. Nous vous recommandons vivement de proposer du contenu unique à chaque groupe de visiteurs. Cette solution n'est pas toujours envisageable pour l'ensemble des pages et des variantes dès le départ. Il n'est généralement pas nécessaire de masquer les doublons en interdisant l'exploration dans un fichier robots.txt ou en utilisant une balise Meta de robot "noindex". Toutefois, si vous proposez un contenu identique aux mêmes visiteurs via des URL différentes (si "example.fr/" et "example.com/fr/" affichent un contenu en français aux visiteurs situés en France par exemple), il serait logique de privilégier une version et de créer une redirection 301 ou d'utiliser l'élément de lien "rel=canonical" de manière appropriée.

Vous possédez déjà un site ciblant plusieurs zones géographiques ou vous avez des questions concernant la configuration de votre site dans cette optique ? Visitez notre forum d'aide et venez discuter avec nous. Dans nos prochains posts, nous étudierons quelques sites multilingues et certains cas spécifiques pouvant se présenter avec les sites internationaux. Bis bald!

Traduction du post original de John Mueller, analyste des tendances Web, Google Suisse
Publié par à Aucun commentaire:

Avant de commencer à écrire vos pages en PHP





PHP (officiellement, ce sigle est un acronyme récursif pour "PHP: Hypertext Preprocessor") est un langage de scripts généraliste, Open Source, et spécialement conçu pour le développement d'applications web. Il peut être intégré facilement à vos pages HTML.

Le code PHP que vous allez insérer dans vos pages WEB sera repéré par un serveur WEB (si il est muni de l'extension PHP) qu'il l'enverra à PHP pour l'interpréter (je parle bien d'interprétation et non de compilation).
Pour information sachez que PHP est supporté par de nombreux serveurs WEB, dont le fameux projet Apache.

Grâce à ces portions de code PHP que vous allez insérer dans vos pages WEB, PHP vous permettra d'écrire rapidement des pages WEB à contenus dynamiques.
Surtout si il est couplé avec un serveur de bases de données relationnelles tel que MySQL.
Il est à noter une différence avec les autres scripts CGI écrits dans d'autres langages tels que le Perl ou le C : au lieu d'écrire un programme avec de nombreuses lignes de commandes afin de générer une page HTML, avec PHP, vous écrivez une page HTML avec du code PHP inclus à l'intérieur afin de réaliser une action précise.
Le code PHP est inclus entre une balise de début et une balise de fin qui permettent au serveur web de passer en "mode PHP".

La connaissance du code HTML est donc vivement conseillée, voir même indispensable pour commencer ses premières pages en PHP (ceci car le PHP ne fait que générer du code HTML ; et qu'il est inconcevable de générer quelque chose que l'on ne maîtrise pas).

Il faut également savoir que lorsque vous insérez le moindre petit bout de code PHP dans une page HTML, vous devrez changer l'extension de ce fichier en .php (en clair : si vous avez une page nommée index.htm et que vous y insérez du code PHP, il vous faudra la renommer en index.php).

Comme nous venons de le voir, il est tout à fait possible de mélanger, au sein d'une même page WEB, des instructions HTML et des instructions PHP.
Seulement, pour que le serveur qui vous héberge puisse repérer les portions de code en PHP, il suffit simplement de lui indiquer le début ainsi que la fin du code PHP. Ces marques qui délimitent la portion de code, s'appellent des balises :
- on utilisera la balise <?php pour marquer le début d'une portion de code PHP
- on utilisera la balise ?> pour marquer la fin d'une portion de code PHP

Les instructions du code PHP se placeront naturellement entre ces deux balises.

Exemple:

<html>
<head>
<title>Fromation web</title>
</head>

<body>
<p> code en HTML</p>
<?php
echo 'Mon premier script en PHP';
?>
</body>
</html>

Ne vous inquiétez pas pour le moment, on décrira plus tard ce que produit cette ligne de PHP.
Ce petit exemple est juste là pour vous montrer comment on insère du code PHP dans une page WEB.

Comme tout bon langage de programmation, PHP offre la possibilité de commenter son code.
Pour cela, deux techniques :
- pour commenter une seule ligne de code PHP, on précédera cette ligne de deux slashs //
- pour commenter une portion de code, on précédera la première ligne de code que l'on souhaite commenter par un /* et on fera suivre la dernière ligne de code que l'on souhaite commenter par un */
<?php
// ceci est un commentaire sur une seule ligne

/* ceci est
un commentaire
sur plusieures lignes */
?>
Ce qui distingue le PHP des langages de script comme le Javascript est que le code est exécuté sur le serveur.
Si vous avez un script similaire sur votre serveur, le client ne reçoit que le résultat du script, sans aucun moyen d'avoir accès au code qui a produit ce résultat. Vous pouvez configurer votre serveur web afin qu'il analyse tous vos fichiers HTML comme des fichiers PHP.
Ainsi, il n'y a aucun moyen de distinguer les pages qui sont produites dynamiquement des pages statiques.

Le grand avantage de PHP est qu'il est extrêmement simple pour les néophytes, mais offre des fonctionnalités avancées pour les experts.
Ne craignez pas de lire la longue liste de fonctionnalités PHP. Vous pouvez vous plonger dans le code, et en quelques instants, écrire des scripts simples.

Bien que le développement de PHP soit orienté vers la programmation pour les sites web, vous pouvez en faire bien d'autres usages.
Publié par à Aucun commentaire:

exemples des codes styles en CSS




1-Par exemple, si vous désirez que tous les liens de votre site soient rouges, blancs lorsqu'ils sont survolés par la souris, et orange une fois cliqués, vous utiliserez ce code :

<style type="text/css">
a:link{text-decoration:none;color:red;}
a:visited{text-decoration:none;color:orange;}
a:hover{text-decoration:underline;color:white;}
</style> 


2-ici les liens survolés vont être en gras, soulignés, verts et en taille de 20pt :
<style type="text/css">
a:link{text-decoration:none;color:red;}
a:visited{text-decoration:none;color:orange;}
a:hover{text-decoration:underline;font-weight:bold;font-size:20pt;color:green;}
</style> 

3-Intégrez la couleur du body dans les CSS et non dans le code HTML de la page : si vous décidez de modifier après coup la couleur du body, vous n'aurez qu'à modifier une ligne dans le fichier CSS et non chaque page HTML !

<style>
body {
background-color:green;
}
</style>


5-Les barres de défilement : 
<style>
body {
scrollbar-face-color: #d9d9f3;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #d9d9f3;
scrollbar-arrow-color: #000000;
}
</style>
6-Les mots ou paragraphes qui appartiennent à la famille "beurk" seront rouges, d'une taille de 20, en police verdana, en gras et soulignés... Ces mots ou paragraphes seront intégrés dans un <span> :
<span id="beurk"> ce mot adopte les caractéristiques de la famille "beurk"</span>

#beurk{
color:red;
font-size:20pt;
font-family:verdana;
font-weight:bold;
text-decoration:underline;
}

#glob{
color:blue;
font-size:10pt;
font-family:arial;
font-weight:bold;
font-style:italic;
text-decoration:none;
} 


7-Cette phrase se référe aux attributs de la famille "glob" :
<span id="glob">Bonjour à tous, petits et grands...</span>
Si l'on souhaite attribuer à un paragraphe un style particulier et un autre style aux liens de ce même paragraphe, on procèdera ainsi :

#glob2{
color:green;
font-size:10pt;
font-family:arial;
font-weight:bold;
font-style:italic;
text-decoration:none;
}
#glob2 a:link,#glob2 a:hover,#glob2 a:visited {color:brown;} 

8-On obtient alors un paragraphe adoptant le style "glob2" pour le texte mais ses liens qui pointent sur les CSS auront un style différent...
Ce paragraphe ne se trouve pas dans un tableau mais bien dans un div dont les attributs ont reçu des propriétés particulières...
Cette page permet à tous les débutants de s'initier aux CSS mais ne les dispense pas de faire des recherches par eux-mêmes afin de développer leurs connaissances sur les Cascading Style Sheets...
 9-Voici le code de cet élément :
#tableau_span {
width:400px;
background-color:white;
color:orange;
border-color:orange;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
/* le padding permet d'espacer les bords */
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
} 



Publié par à Aucun commentaire:
Inscription à : Commentaires (Atom)