Tutoriels et exercices CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Tutoriels et exercices CSS

sibelius

Vous êtes sûr ?

J'ai commencé à mettre en ligne quelques exercices et tutos sur les feuilles de styles, destinés à ceux qui connaissent déjà un peu les bases CSS.

Certaines pages sont encore en cours de corrections (merci à un spécialiste de HFR qui se reconnaîtra), pour éviter les sottises, mais tout fonctionne déjà :

http://www.alsacreations.com/articles/

Voici la liste des tutoriels :
* Construire un cadre arrondi sans tableaux (CSS)
* Construire un site web sans tableaux (CSS)
* Faire une image réactive (rollover) sans javascript (CSS)
* Centrer horizontalement et verticalement un site dans le navigateur (CSS)
* Créer un menu horizontal (CSS)
* Créer un menu horizontal avec des commentaires sans javascript (CSS)
* Faire des boutons animés sans Flash (CSS)
* Eviter les frames et iframes grâce aux CSS
* Créer une ombre ou un contour sur du texte en CSS
* Créer une Lettrine sur un texte en CSS
* Optimiser son site : CSS et Include PHP

Merci de m'aider à corriger toutes les éventuelles erreurs que j'aurais pu commettre.

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

Publicité

urd-sama

waste of space

très intéressant :jap:
j'espère que tu vas continuer à mettre différents "tips"

anapajari

s/travail/glanding on hfr/gs;

vi tout pareil, vraiment clair et précis.

Néanmoins j'ai une petite question, à un moment tu dis dans le tut sur les includes:

Citation :

Les avantages de l'instruction Include sont identiques à la Feuille de style séparée, à savoir : un allègement des codes et une mise en cache utile.

Alors à la limite l'allegement des code soit je veux bien ( à condition de parler d'allegement du code pour le developpeur et pas pour le visiteur), mais je vois pas en quoi les includes améliorent la mise en cache vu que l'include est fait sur le serveur. Me trompes-je?

hop le fou

Tu m'en diras tant

Drapo

Flyman30

Anapajari a écrit :

vi tout pareil, vraiment clair et précis.

Néanmoins j'ai une petite question, à un moment tu dis dans le tut sur les includes:

Citation :

Les avantages de l'instruction Include sont identiques à la Feuille de style séparée, à savoir : un allègement des codes et une mise en cache utile.

Une fois en cache ils ne se rechargent plus à chaque fois donc gain de rapidité

anapajari

s/travail/glanding on hfr/gs;

flyman30 a écrit :

Une fois en cache ils ne se rechargent plus à chaque fois donc gain de rapidité

:ouch: N'importe quoi...
ok prenons un exemple deux pages A et B et un include menu.html.
ça donne (je fais du code super dégueu mais c'est pour aller vite)

Code :

PageA.php:
<html>
<body>
<?include ("menu.html" )?>
pageA
</body>
</html>
PageB.php:
<html>
<body>
<?include ("menu.html" )?>
pageB
</body>
</html>
menu.html
<div>Menu</div>

Ok maintenant quand je demande pageA.php ou pageB.php, le serveur parse la page est me renvoie:

Code :

PageA
<html>
<body>
<div>Menu</div>
pageB
</body>
</html>
PageB
<html>
<body>
<div>Menu</div>
pageB
</body>
</html>

Donc j'aimerais bien savoir qu'est ce qui peut bien être mis en cache et qui ne l'aurrait pas été si j'avais mis directement le div menu dans les pages A et B.

Attention je critiques pas les includes je trouve ça trop fort, c'est juste que je comprends pas pourquoi sybelius dit: "L'include PHP est un moyen très simple d'utiliser au maximum le cache de l'ordinateur (donc d'accélérer l'affichage des pages)". D'ailleurs je m'excuse de polluer ainsi son topic!

Message édité par anapajari le 12-08-2003 à 16:16:22

simogeo

j'ai jamais tué de chats, ...

très bonne initiative SIBELIUS :jap:

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Hermes le Messager

Breton Quiétiste

Anapajari a écrit :

:ouch: N'importe quoi...
ok prenons un exemple deux pages A et B et un include menu.html.
ça donne (je fais du code super dégueu mais c'est pour aller vite)

Code :

PageA.php:
<html>
<body>
<?include ("menu.html" )?>
pageA
</body>
</html>
PageB.php:
<html>
<body>
<?include ("menu.html" )?>
pageB
</body>
</html>
menu.html
<div>Menu</div>

Ok maintenant quand je demande pageA.php ou pageB.php, le serveur parse la page est me renvoie:

Code :

PageA
<html>
<body>
<div>Menu</div>
pageB
</body>
</html>
PageB
<html>
<body>
<div>Menu</div>
pageB
</body>
</html>

C'est simple, Sibelius s'est mal exprime. En realite, le code HTML dans ce cas precis n'est pas mis en cache si la page change, mais tout ce qui est images ou css est mis en cache, et comme le HTML en lui-meme ne pese rien, il est exact, qu'on met en cache une partie de la page (en realite, les elements constitutifs comme les images de la page qui reviennent).

anapajari

s/travail/glanding on hfr/gs;

ok, si on resume on pourrait donc dire simplement que les includes n'influent pas sur la gestion du cache d'un browser non?

FORUM HardWare.fr

Programmation

HTML/CSS

Tutoriels et exercices CSS

Sujets relatifs
[CSS] @page	[Validation] XHTML 1.0 Transitional CSS, Omittag No et Background
code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix)	[HTML / CSS] Problème avec le "positioning"
[HTML/CSS] Background, table et hover	Valider CSS
[HTML/CSS] Border dotted et IE	[HTML/CSS]un bord blanc avec les CSS et <SELECT>
[HTML/CSS] IE et overflow?	[HTML/CSS] Support IE 5.5, 6, Mozilla 1.0, 1.2.1, et 1.4
Plus de sujets relatifs à : Tutoriels et exercices CSS

Page générée en 0.086 secondes