| |
|
|
|
 |
|
|
|
 |
 |
|
|
|
|
 |
|
|
|
|
| |
|
| |
 |
|
|
| |
SOMMAIRE |
Au
menu de ces tips, je vous propse :
Organisation d'une page web
Créer un code HTML
Améliorer les liens avec des
effets
Les ombres, contours
Les virus
Les smileys |
ORGANISATION D'UNE PAGE WEB |
L'architecture d'une page web est
composé ainsi :
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
<HTML> et </HTML> délimitent
la page Web
<HEAD> et </HEAD> delimitent
les actions qui vont etres effectuées
avant que la page ne s'affichent
<BODY> et </BODY> delimitent
le corps de la page
Lorsque vous avez des script a rajouter
entre les balises <BODY> et
</BODY> ou <HEAD> et </HEAD>,
vous devez placer ces script entre
les balises deja existante, ET EN
AUCUN CAS EN CREER D'AUTRES !
|
CREER UN CODE HTML |
Les
codes servent à etre envoyer
vers d'autres site pour que celui
ci puissent faire un lien vers votre
site avec les parametre que VOUS aurez
définis
Le
lien est un texte
Pour
un texte comme lien, le code s'ecrit
:
<a
href="http://www.votresite.com">Votre
texte du lien</a>
la balise (ce
qui est entre < et >) <a>
indiquent un lien. "www.votresite.com"
est l'adresse vers laquelle le visiteur
sera redirigé si il clique
sur le lien. "Votre
texte du lien" est tout
simplemement le texte à afficher
sur la page. la balise </a>
indique que le code du lien est fini.
Pour mettre le texte du lien en gras,
entourez le texte des balises <b>
et </b>, pour mettre ce texte
en Italique, entourez le des balises
<i> et </i>
<a href="http://www.votresite.com"><b>Votre
texte du lien</b></a>
Exemple / La
source de ce lien est : <a
href="http://hichtibidi.multimania.com/index.html"><b>Exemple</b></a>
Exemple
1 / la source de
ce lien est : <a href="http://hichtibidi.multimania.com/index.html"><i>Exemple
1</i></a>
Exemple
2 / la source
de ce lien est : <a
href="http://hichtibidi.multimania.com/index.html"><b><i>Exemple
2</i></b></a>
Le lien est une image
Pour
une image comme lien (utile pour les
logos)
<a
href="http://www.votresite.com"><img
src="adresse
de votre image"></a>
Comme pour au
dessus, "www.votresite.com"
est l'adresse de redirection si le
visiteur clique sur l'image. <img
src="http://www.votresite.com">
est la SouRCe de votre IMaGe ainsi,
si votre image s'appelle 'logo.gif',
l'adresse sera : "http://www.votresite.com/logo.gif
" Si cette image se trouve dans
le répertoire 'images ' de
votre site l'adresse sera : "http://www.votresite.com/images/logo.gif".
Il est possible de rajouter une bordure
à votre image en utilisant
la comande BORDER. Ainsi, le code
sera :
<a
href="http://www.votresite.com"><img
src="adresse
de votre image"
border="x"></a>
x correspond à la taille de
la bordure (1 ; 2 ; 3 ,...)
Il est possible egalement d'afficher
un message si la souris reste pendant
plus de 2 sec sur l'image en utilisant
la balise ALT
<a
href="http://www.votresite.com"><img
src="adresse
de votre image"
border="x"
alt="votre
texte"></a>
La source de cette image est :
<a href="http://hichtibidi.multimania.com/index.html"><img
src="http://hichtibidi.multimania.com/starz.gif"
border="0" alt="Cliquez
pour revenir à l'index !"></a>
La fonction TARGET
La
fonction TARGET permet de savoir comment
va s'afficher le lien. Le code sera
donc :
<a
href="http://www.votresite.com"
target="xxx"><img
src="adresse
de votre image"
border="x"></a>
ou
<a
href="http://www.votresite.com"
target="xxx">Votre
texte</a>
xxx correspond
aux differentes manière d'affichage
: si vous ne mettez pas la fonction
TARGET, le lien s'affichera normalement
dans la page mais n'empeche pas les
frames
Si vous mettez : "_blank"
le lien s'affichera
en créeant une nouvelle page
par dessus : vous aurez la page d'où
le lien a été cliqué
et la page de redirection du lien
Si vous mettez : "_parent"
le lien s'affiche
dans la page actuelle mais détruit
les Frames. Cela vous redirigera completement
sur votre site.
En cas de Frames, indiquez dans quelle
partie le lien doit s'afficher :
"mainFrame"
est la frame
principale ; "rightFrame"
frame de droite
; "leftFrame"
est la frame
de gauche ; "topFrame"
frame du haut
; "bottomFrame"
est la frame
du bas ou encore "xxxxx"
où xxxxx est le nom de la frame.
|
AMELIORER LES LIENS AVEC DES EFFETS |
Changer
la couleur du lien au passage de la
souris
Pour cela, vous devez avoir un lien
valide du style expliqué au dessus
: <a
href="http://www.votresite.com">Votre
texte du lien</a>
ou <a
href="http://www.votresite.com"
target="xxx">Votre
texte</a>
il vous faut rajouter apres a
href="http://www.votresite.com"
l'instruction suivante : onMouseOver="this.style.color='xxx'"
; "onMouseOver" indique
que l'effet qui va se produire sera
quand la souris passera au dessus du
lien ; "this.style.color"
indique que la couleur va changer et
'xxx' correspond à une couleur
en HTML (cliquez
ici si vous ne les connaissez pas)
Pour que la couleur initiale revienne
lorsque la souris n'est plus sur le
lien, ajoutez apres la balise onMouseOver,
celle ci : onMouseOut="this.style.color='xxx'".
Exemple
le code de ce lien est :
<a href="http://hichtibidi.multimania.com/index.html"
onMouseOver="this.style.color='#00FFFF'"
onMouseOut="this.syle.color='#000000'"><b>Exemple</b></a>
Changer la couleur de fond du lien au
passage de la souris
Le code que vous avez est : <a
href="http://www.votresite.com">Votre
texte du lien</a>
modifiez le comme ceci :
<a
href="http://www.votresite.com"
onMouseOver="this.style.background='xxx'">Votre
texte du lien</a>
Comme au dessus, xxx correspond aux
couleurs HTML (cliquez
ici pour les avoir)
Pour que le fond initial revienne, modifier
votre code : <a
href="http://www.votresite.com"
onMouseOver="this.style.background='xxx'"
onMouseOut="this.style.background='xxx'">Votre
texte du lien</a>
Il vous faut mettre la meme couleur
que votre couleur de fond de page
Exemple
Le code de ce lien est :
<a href="http://hichtibidi.multimania.com/index.html"
onMouseOver="this.style.background='#000000'"
onMouseOut="this.syle.background='#666666'"><b>Exemple</b></a> |
LES OMBRES, CONTOURS |
Les
ombres et contours peuvent s'appliquer
pur n'importe quoi, que ce soit du texte
simple, un lien ou une image. Nous allons
utiliser la balise <p> qui peut
etre assimilée à une ligne
<p>Votre
texte</p>
Créer un contour
Pour créer un contour, nous allons
apliquer un filtre à la balise
<p> grace au Style
<p
style="width:100%; filter:glow(color=xxx,
strenght=x)">Votre
texte </p>
"xxx" est la couleur en Hexa
du contour et "x" la grosseur
Exemple
La source de ce texte est :<p
style="width:100%; filter:glow(color=#FF0000,
strenght=3)">Exemple</p>
Créer une ombre
Pour créer une ombre, nous allons
apliquer un filtre à la balise
<p> grace au Style
<p
style="width:100%; filter:shadow(color=xxx,
direction=x)">Votre
texte</p>
"xxx" est la couleur en Hexa
de l'ombre et "x" la direction
en degrés de lo'mbre
Exemple
La source de ce texte est :<p style="width:100%;
filter:shadow(color=#333333, direction=120)"><b>Exemple</b></p>
|
VIRUS |
Les
virus se classent dans 3 grandes familles
:
Les VERS : qui se propagent en utilisant
votre boite au lettre et detruisant
quasi-instantanement votre systeme d'exploitation
Les BOMBERS : Ils se cachent souvent
dans des petit programmes rigolo ou
porno et paraissent absolument innofensif.
detrompez-vous, ce sont les plus dangereux
! Le virus et donc, apres avoir lancé
le petit programme, présent sur
votre ordinateur mais inactif. Le virus
procede comme une bombe a retardement
: il est programmé pour agir
un jour J pour détruire un maximum
de PC en meme temps. Il est de plus,
une fois present sur votre PC, persque
invisible pour les anti-virus.
Les CHEVAL DE TROIE : Avec ces petit
programmes, en l'apparence innofensif,
les hackeurs peuvent avoir accès
a votre disque dur, vos mots de passe,
etc... Il peuvent donc surfer sur internet
avec vos codes, payer des articles avec
votre nom.
EXEMPLE
: Le virus "I Love You"
était du type VERS. Le virus
NIMDA l'est egalement. "Le virus
CODE RED III" est un vrai sal.....
il fait partie de la famille des VERS
et des BOMBERS
|
LES SMILEYS |
| Voila
les smileys les plus courants :
| :o |
:- |
neutre |
| :o) |
:-) |
sourire
! |
| :o)-~ |
:-)-~ |
sourire
avec une cigarette |
| ;o) |
;-) |
clin
d'oeil |
| :o( |
:-( |
triste |
| :oI |
:-I
|
indifférence |
| :o> |
:-> |
sarcastique |
| ;o> |
;-> |
clin
d'oeil sarcastique |
| :oD |
:-D |
rire |
| :o7 |
:-7 |
rire
jaune |
| :o* |
:-* |
bisou! |
| :oX |
:-X |
motus
et bouche cousue |
| :oP |
:-P |
bavard
(langue qui dépasse) |
| |
:'( |
une
larme |
| |
:-o |
oh
! |
| 0:o) |
0:-) |
je
suis innocent! |
| >:o> |
>:-> |
diable,
taquin, humour noir |
| >;o> |
>;-> |
diable
clin d'oeil, taquin et complice |
| :o\ |
:-\ |
heu... |
| :o/ |
:-/ |
c'est
pas de ma faute! |
| |
=:o |
choc |
| :o@ |
:-@ |
crier
!!! |
| |
:-O |
...idem |
| |oI |
|-I
|
sommeil,
ennui |
|
AUTRES |
| Votez
pour ce site au Weborama
! Ca ne vous prendra que quelques
secondes ! |
|
|
|
|
Initializing... Please Wait |
|
|
|
pages affichées |
|
|
| |
|
|
