Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1290 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  SITE Uni pour etudiants... CSS, templates ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

SITE Uni pour etudiants... CSS, templates ?

n°1485012
And Garfun​kel
voili voilou
Posté le 01-12-2006 à 15:27:37  profilanswer
 

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]

mood
Publicité
Posté le 01-12-2006 à 15:27:37  profilanswer
 

n°1485017
dwogsi
Défaillance cérébrale...
Posté le 01-12-2006 à 15:29:25  profilanswer
 
n°1485035
And Garfun​kel
voili voilou
Posté le 01-12-2006 à 15:56:21  profilanswer
 

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

n°1485289
And Garfun​kel
voili voilou
Posté le 02-12-2006 à 03:04:05  profilanswer
 

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

n°1485319
hauhazice
Posté le 02-12-2006 à 12:15:37  profilanswer
 

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.

n°1485333
leflos5
On est ou on est pas :)
Posté le 02-12-2006 à 13:21:33  profilanswer
 

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

n°1485500
chtieric
lunatique... et looser.
Posté le 03-12-2006 à 02:41:14  profilanswer
 

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
n°1485503
leflos5
On est ou on est pas :)
Posté le 03-12-2006 à 03:22:14  profilanswer
 

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 ;) ) :)
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  SITE Uni pour etudiants... CSS, templates ?

 

Sujets relatifs
[HTML/CSS] Menu en arbre ouvert [résolu merci Gatsu35][CSS] Une div devant une autre!
Menu déroulant CSS/JS et DIVVos avis sur mon site !
integrer un forum a un site web[HTML/CSS] Prob sous FF
[PHP] Gestion de contenu - Site dynamiqueIntegration d'1 Album photo Jalbum dans site existant
Cherche créateur de Site Web[HTML/CSS] comptatibilité Firefox
Plus de sujets relatifs à : SITE Uni pour etudiants... CSS, templates ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR