SITE Uni pour etudiants... CSS, templates ?

SITE Uni pour etudiants... CSS, templates ? - HTML/CSS - Programmation

Marsh Posté le 01-12-2006 à 15:27:37    

Bonjour a tous  :D ,
Je dois creer un site statique comme projet pour mon universite(il sera dynamique par la suite mais pas pour l'instant). Le site aura pour but d orienter les nouveaux etudiants etrangers ou qui ne connaissent pas la ville et l'universite.
Le prof nous a dit d'utiliser XHTML et CSS avec  Dreamweaver mais de ne pas utiliser de tableaux (div). Pour le design, Photoshop. Le probleme c'est que je connais pas du tout photoshop et css. Il faut justifier le design et la navigation et faire des storyboards.
J'ai entendu parler de templates avec Dreamweaver il nous a dit que l on pouvait les utiliser aussi. Je vais me renseigner de mon cote mais si vous avez quelques conseils a me donner...je suis preneur ! ;)  
Ils nous a dit aussi d'utiliser la methodologie Rumm2 si vous connaissez? :na: J'ai deja commence ca.
MERCI  :jap:  [:and garfunkel]

Reply

Marsh Posté le 01-12-2006 à 15:27:37   

Reply

Marsh Posté le 01-12-2006 à 15:29:25    

Reply

Marsh Posté le 01-12-2006 à 15:56:21    

:) Merci dwogsi, je vais regarder ca...

Reply

Marsh Posté le 02-12-2006 à 03:04:05    

Je commence mon site je vous tiendrai au courant...
www.siteduzero.com est une bonne reference pour les noob :P

Reply

Marsh Posté le 02-12-2006 à 12:15:37    

And Garfunkel a écrit :


Le prof nous a dit d'utiliser XHTML et CSS avec  Dreamweaver mais de ne pas utiliser de tableaux (div).


Justement, div c'est pas un tableau :pt1cable:  
Moi je dis bonne chance si tu n'y connais que dalle.

Reply

Marsh Posté le 02-12-2006 à 13:21:33    

Pas de tableau pour pas de tableau c'est débile :)
Pas de tableau pour la mise en page plutot, puisqu'il vous dit d'utiliser les css ;) Et par pitié, css ça veut pas dire utiliser un vilain attribut style et coller une liste de propriétés css derrière ;)

Reply

Marsh Posté le 03-12-2006 à 02:41:14    

leflos5 a écrit :

Pas de tableau pour pas de tableau c'est débile :)
Pas de tableau pour la mise en page plutot, puisqu'il vous dit d'utiliser les css ;) Et par pitié, css ça veut pas dire utiliser un vilain attribut style et coller une liste de propriétés css derrière ;)


C'est quoi alors ?


---------------
psn: Erismix
Reply

Marsh Posté le 03-12-2006 à 03:22:14    

Utiliser une feuille de style inclue donc externe et définir ce que tu as besoin de définir :spamafote:
 
Un exemple parlant plus qu'un long discours théorique :whislte:
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4.   <title>Titre</title>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.   <link href="style.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body>
  9.   <div>
  10.    <p>paragraphe de base</p>
  11.    <p class="rouge">paragraphe en rouge</p>
  12.    <p id="texte_a_droite">paragraphe à droite</p>
  13.   </div>
  14. </body>
  15. </html>


Avec style.css

Code :
  1. p.rouge{
  2.   color: red;
  3. }
  4. #texte_a_droite{
  5.   float: right;
  6. }
  7. p{
  8.   text-align:justify;
  9.   border: solid 2px green;
  10. }


 
Plutot que:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4.   <title>Titre</title>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. </head>
  7. <body>
  8.   <div>
  9.    <p style="text-align:justify; border: solid 2px green;">paragraphe de base</p>
  10.    <p style="text-align:justify; border: solid 2px green; color: red;">paragraphe en rouge</p>
  11.    <p style="text-align:justify; border: solid 2px green; float: right;">paragraphe à droite</p>
  12.   </div>
  13. </body>
  14. </html>


 
Résultat identique, utilisation des css dans les 2 cas, mais toujours la même merdouille dans le cas 2 si tu veux faire évoluer la chose :)
 
Tu me diras que tu peux très bien inclure une balise <style> (je parlais bien d'attribut ;) ) dans le head de ta page.   Oui tu peux et là on arrive dans une utilisation presque bonne. Pourquoi seulement presque :??: Parce que si (et seulement si, mais c'est toujours le cas au moins à 80% :d ) tu te sers de css identiques pour une majorité de pages, tu alourdis inutilement ta page avec des données de mise en forme (c'est le seul but des css, en allant plus loin même vers la séparation de la mise en forme et des données donc autant en tirer parti ;) ) qui seront systématiquement téléchargées alors qu'il serait si simple de laisser le cache du navigateur gérer la chose et téléchargé une fois la feuille et l'appliquer à chaque fois en économisant cette bande passante (pour l'utilisateur comme ton serveur ;) ) :)
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed