Tutoriels et exercices CSS

Marsh Posté le 12-08-2003 à 14:17:05

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

Reply

Marsh Posté le 12-08-2003 à 14:17:05

Reply

Marsh Posté le 12-08-2003 à 14:43:56

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

Reply

Marsh Posté le 12-08-2003 à 14:46:41

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?

Reply

Marsh Posté le 12-08-2003 à 14:58:02

Drapo

Reply

Marsh Posté le 12-08-2003 à 15:05:26

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.

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?

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

Reply

Marsh Posté le 12-08-2003 à 16:12:00

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

Reply

Marsh Posté le 12-08-2003 à 16:49:01

très bonne initiative SIBELIUS :jap:

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

Reply

Marsh Posté le 12-08-2003 à 17:09:07

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>

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!

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).

Reply

Marsh Posté le 12-08-2003 à 17:44:11

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

Reply

Tutoriels et exercices CSS

Sujets relatifs:

Leave a Replay