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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Vos Méthodes pour faire une intégration graphique et mise en Page CSS

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Vos Méthodes pour faire une intégration graphique et mise en Page CSS

n°1075850
gatsusat
Posté le 09-05-2005 à 04:10:07  profilanswer
 

En train de glander à 4h du mat, et n'ayant tjr pas fait ce %$#%!% d'upload en PHP (oui c'est rapide à faire mais je suis un glandu né, ca fait 1 semaine que je dois m'y mettre.
 
Je me suis dit qu'on pourrait faire un topic unique qui regrouperai les méthodes et outils de chacun pour créer de A à Z sa mise en page. Je ne parle de là que d'un résumé bref du comment qu'on fait et de ce qu'on utilise.
 
Ex moi :  
 
- Maquette sous Fireworks
- Ensuite imagination des blocs sur papier pour faire la mise en page de la maquette  
- Création du Model HTML avec topstyle Pro, attention NO TABLE svp
- Utilisation de Topstyle Pro pour les styles, soit je joint une feuille CSS à la maquette HTML, soit j'attaque directement dans les balises Style et ensuite après je copie tout dans une CSS.
 
Pourquoi ces 2 logiciels :
- Fireworks, je l'aime bien, je l'utilise depuis deux ans et il ne m'a pas fait faux bon
- TopStyles Pro, à ne pas confondre avec le lite. Il est très puissant, permet de zapper entre le moteur IE, et Gecko pour la prévisualisation. Gère très bien les standards pour la complétion au niveau des styles c'est super aussi.
 
Bon il est 4H du matin, pardon de mal m'exprimer mais j'ai un peu mal à la tête, je rééditerai mon post un peu plus tard.

mood
Publicité
Posté le 09-05-2005 à 04:10:07  profilanswer
 

n°1075851
kalex
Posté le 09-05-2005 à 05:07:49  profilanswer
 

Comme chez moi la création du code PHP (ou autre) est intimement liée à l'interface, je vais en dire 2 mots. :o  
 
En général, je commence à coder rapidement une sorte de maquette pour voir au plus vite comment mon système va s'articuler. A ce stade c'est encore en xhtml pur, CSS sert juste à la navigabilité (aligner le menu par ex). Ensuite, je reprends le code PHP/SQL/HTML pour faire quelque de bien propre, c'est l'étape la plus longue et de loin ! Le papier et le crayon me sont indispensables, du moins pour trouver l'"architecture".
Une fois que je suis satisfait du code, je passe aux CSS, généralement les idées me sont venues en codant et testant le reste. Puis je passe un temps fou à me décider pour une bordure bleue ou grise :ange:. Mais pas autant qu'à dégueulasser mes styles pour qu'ils fonctionnent sous IE. :fou:  
 
Les outils ?
Sous windows :

  • Context pour les fichiers PHP et CSS. Je trouve qu'il n'en fait ni trop, ni trop peu, c'est parfait.
  • SQLyog pour gérer les bases MySQL et éditer les requêtes, c'est vraiment génial !


Sous Linux :

  • Kate, très complet et se configure bien.


Sous le deux :

  • The Gimp, moins bon que Photoshop (AMHA), mais je préfère son interface (je suis le seul ?!!).


Message édité par kalex le 09-05-2005 à 05:10:02
n°1076058
FlorentG
Unité de Masse
Posté le 09-05-2005 à 11:22:28  profilanswer
 

gatsusat a écrit :

- Ensuite imagination des blocs sur papier pour faire la mise en page de la maquette


Ca c'est pas bon, parce que du coup du fait des blocs pour la mise en page... combien de fois on voit des trucs du coup genre <div id="col_gauche">, etc... Faut commencer par la structure et le contenu, et une fois que t'as ça, tu mets tout en forme...


---------------
last.fmflickr
n°1076197
gatsusat
Posté le 09-05-2005 à 12:53:51  profilanswer
 

Ok mon colonel

n°1077494
Beral2
Posté le 10-05-2005 à 11:24:43  profilanswer
 

Humm pardonnez la naïveté de ma question mais quel est le problème avec un <div id="col_gauche"> (FlorentG) ?
J'utilise cela et d'après ce qui vient de se dire, ce n'est pas bon. Que fait-on à la place svp ?

n°1077517
cerel
Posté le 10-05-2005 à 11:31:31  profilanswer
 

Le code xhtml doit representer la structure du document et en aucun cas avoir des informations conernant le mise en page.
 
La mise en page est faite uniquement grace aux CSS.
 
Le fait d'avoir un "<div id='col_gauche'>" est mauvais, car cela est une information graphique "colonne de gauche". Si la css en question veut metre les informations contenues dans ce div a droit, alors l'id n'as plus de sens.

n°1077528
FlorentG
Unité de Masse
Posté le 10-05-2005 à 11:36:40  profilanswer
 

Exactement :jap: Quand on dit pas de présentation dans le document XHTML, ça compte aussi pour les attributs genre classes ou ids :)


---------------
last.fmflickr
n°1077538
Beral2
Posté le 10-05-2005 à 11:39:59  profilanswer
 

Ok, je crois avoir compris, c'est juste un problème de nom, si on l'avait appelé menu (par exemple), cela n'aurait pas posé de problème, oui ?

n°1077546
FlorentG
Unité de Masse
Posté le 10-05-2005 à 11:42:49  profilanswer
 

Voilà ;)


---------------
last.fmflickr
n°1077587
FlorentG
Unité de Masse
Posté le 10-05-2005 à 11:58:38  profilanswer
 

Tiens, une excellente méthode pour designer un site, posté par Masklinn dans BlaBla :
http://mboffin.com/stuff/designline-openair.gif


---------------
last.fmflickr

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

  Vos Méthodes pour faire une intégration graphique et mise en Page CSS

 

Sujets relatifs
Insérer une page php dans un tableau d'une page htmlProblème de positionnement de graphique
comment récupérer l'adresse d'une page ?charger page ds autre frame
Recherche codeur XHTML - CSSOuverture de fichier en interface graphique sous windows et linux
mise a jour des "drapeaux" pour un forum [résolu]Bug dans programme graphique
Mettre un page web dans une autre[CSS/XHTML] Page HTML dynamique ?
Plus de sujets relatifs à : Vos Méthodes pour faire une intégration graphique et mise en Page CSS


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