Affichage des articles dont le libellé est Web. Afficher tous les articles
Affichage des articles dont le libellé est Web. Afficher tous les articles
vendredi 20 janvier 2012
Rercherche avancée dans google
Les options de recherche peuvent être combinées.
Les opérateurs sont:
* : permet de remplacer plusieurs caractère
"expression littérale" : permet de rechercher l'ensemble d'une chaine de caractère
OR ou bien | : opérateur ou
NOT ou - : négation, exclut un résultat de la recherche
Recherche dans le titre des pages
intitle:
Recherche dans le corps de la page
intext:
Recherche de type de fichier particulier (pdf, jpeg, ..)
filetype:
Recherche des pages ou apparait un lien précis
link:
Recherche d'une extension particulière (pdf, doc, xls, ...)
ext:
Recherche dans l'URL
inurl:
Recherche à la racine d'un serveur
intitle:"Index Of"
Recherche sur un site
site:
jeudi 22 décembre 2011
Mémo XHTML
| Le Doctype | <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >Ou bien <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ou bien <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| Balise codage | <meta http-equiv="content-type" content="text/html; charset=utf8" /> |
| Lier une feuille de style css | <link rel="stylesheet" type="text/css" href="style.css" /> |
| Icône dans la barre d'adresse | <link rel="shorcut icon" type="images/x-icon" href="/icone.icon" /> |
| Balise meta | <meta name="keywords" content="réseau, système, xhtml" /><meta name="description" content="ceci est un site sur le rézo" /> <meta name="robot" content="index" /> <meta name="robot" content="noindex" /> |
| page | <html><head> <title> le titre affiché dans la barre </title> </head> <body> le texte </body> </html> |
| Commentaire | <!-- le commentaire possibilité d'écrire plusieurs lignes --> |
| Titre | <h1> texte </h1> |
| Paragraphe | <p> le paragraphe </p> |
| Bloc | <div> le bloc </div> |
| Ligne | <span> la ligne </span> |
| Gras | <strong> texte </strong> ou bien <b> texte </b> |
| Italique | <em> texte </em> |
| Liste avec puces | <ul><li> ligne </li> <li> ligne </li> <li> ligne </li> </ul> |
| Liste avec numéros | <ol><li> lignes </li> <li> lignes </li> <li> lignes </li> </ol> |
| Liste de définition | <dl><dt> le mot </dt> <dd> la définition </dd> <dt> le mot </dt> <dd> la définition </dd> </dl> |
| Saut de ligne | <br /> |
| Espace |   |
| Entoure le bloc d'un liseré | <fieldset> le texte </fieldset> |
| texte barré | <del> le texte </del> |
| texte souligné | <ins> le texte </ins> |
| taille du texte en rapport avec ce qui précède | <small> texte </small><big> texte </big> |
| Exposant | <sup> exposant </sup> |
| Indice | <sub> indice </sub> |
| Citation (mise en retrait du texte) | <blockquote> le texte </blockquote> |
| Afficher en style code source | <code> le texte </code> |
| Liens hypertexte | <a href="http://blog.com" title="info bulle"> voici le lien </a> |
| Lien vers un endroit de la page | <a href="#lendroit" title="info bulle"> cliquer pour aller au paragraphe suivant </a> Puis on descend <h3 id="lendroit"> par exemple paragraphe suivant </h3> |
| Lien adresse mail | <a href="mailto:blogatgmail.com" title="info bulle"> mon adresse mail</a> |
| Evènement sur un lien | <p><a id="lien" href="http://over-blog.com" onmouseover="getElementById('lien').style.color='red'" onmouseout="getElementById('lien').style.color='blue'"> overblog </a></p> |
| Image | <img src="dossier/image.jpg" alt="description" title="info bulle" /> |
| Zone "cliquable" d'une image | <p><a href="over-blog.fr" shape="rect" coords="40,15,120,50"><img src="image.png" alt="vers overblog" /> site overblog </a></p> shape peut être "rect", "circle" ou "poly" coords pour "rect" : coordonnée sommet sup gauche et inférieur droit coords pour "circle": coordonnée centre puis rayon coords pour "poly": coordonnée de tous les sommets puis du point de départ |
| Image "cliquable" | <a href="lelien.html"> <img src="dossier/image.png" alt="presentation image" width="100" height="50" title="texte infobulle" /> </a> |
| Lien vers un document pdf | <p><a id="lien" href="http://www.site.fr/doc.pdf" type="application/pdf" title="titre"> pdf </a></p> |
| Vidéo | <object type="application/x-shockwave-flash"data="le_fichier.swf" width="300" height="200"> <param name="film" value=le_fichier.swf" /> <p> si la video ne s'affiche pas </p> </object> |
| Tableau | <table border="2" cellspacing="0"><tr> <th> 1 ligne 1 colonne </th> <th> 1 ligne 2 colonne </th> </tr> <tr> <th> 2 ligne 1 colonne </th> <th> 2 ligne 2 colonne </th> </tr> </table> |
| Fusion de cellule (de 2 cellules) | <td colspan="2"> le texte </td> |
| Fusion sur deux colonnes | <td rowspan="2"> le texte </td> |
| Balise de formulaire | form, textarea, input, select, option, optgroup, label |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Commande système et réseaux</title>
<!-- la balise suivante est l'url qui sert de base pour les chemins utilisés par la suite -->
<base href="http://www.techno.com/" />
<!-- on lie la feuille de style -->
<link rel="stylesheet" type="text/css" href="style.css" /> <!-- balise meta -->
<meta http-equiv="content-type" content="text/html; charset=8859-1" />
<meta name="keywords" content="réseau, système, xhtml" />
<meta name="description" content="ceci est un site sur le rézo" />
<meta name="robot" content="index" />
</head>
<body> Hello world!! </body>
</html>
mardi 20 décembre 2011
Mémo Style CSS
Quelques options de style en vrac :
Police générique: serif, sans-serif, cursive, monospace, fantasy
mot clé: font-family
Exemple de police: arial, tahoma
Taille des polices (par défaut :medium): xx-small, x-smal, small, medium, large, x-large, xx-large
Fonctionnement: taille en cours x 1.2
Taille des polices relatives: smaller, larger, inherit
Taille fixée (exemple 10 pixels ou 10 em - 1em: environ hauteur d'un caractère, pourcentage): 10px .8em 10%
mot clé : font-size
Caractères gras ou maigre: normal, bold, bolder, lighter, inherit
et valeur de 100 à 900
mot clé: font-weight
Style: normal, italic, oblique, inherit
mot clé: font-style
Style: small-caps, normal, inherit
mot clé: font-variant
Interligne: normal,10px (utilisation de pixel ou autre)
mot clé: line-height
Alignement du texte: left, center, right, justify, inherit
mot clé: text-align
Espacement: normal, inherit, (valeur relative: em, px)
mot clé: word-spacing
indentation: 10px (10 pixel ou autre - em), inherit
mot clé: text-indent
Bordure: dotted, dashed, solid, double, groove, ridge, inset, outset
mot clé: border-style, border-top-style, border-bottom-style, border-right-style, border-left-style
bordure (largeur) thin, medium, thick, inherit, ou bien une option em, px ,...
mot clé: border-width, border-top-width, ...
Couleur: paramètre habituel
mot clé: border-color, border-top-color, ...
marge: taille em, px, ... haut droit bas gauche, inherit
mot clé: margin, margin-top, ...
Espacement avant la bordure: px ou em,haut droit bas gauche, inherit,
mot clé: padding, padding-top, ...
dimanche 18 décembre 2011
Vérification du fonctionnement de php dans apache
Créer un fichier index.php à la racine du serveur web
linux:/var/www# more index.php
<?php
phpinfo();
?>
Puis entrer l'URL dans un navigateur:
vendredi 16 décembre 2011
Formulaire php - filtrage des données saisies
Filtrage des données à destination d'une page web
Fonction htmlspecialchars
Exemple:
$resultat = htmlspecialchars ($chaine, ENT_QUOTES, 'UTF-8');
Filtrage des données à destination d'une base de donnée
Fonction msqli_real_escape_string
Exemple:
$resultat = msqli_real_escape_string ($dbconnect, $_POST['chaine']);
lundi 12 décembre 2011
Inscription à :
Articles (Atom)