CSS / HTML problème

  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 7th, 2009, 1:38 am

Bonjour
J'ai un modèle de conception de sites Web que j'ai fait dans photoshop. Je tente de le convertir en HTML / CSS. Le premier problème que j'ai rencontré, c'est que techniquement, il n'a pas de "header". le menu et la bannière courir le long du côté gauche et en haut est ma première milieu de texte. En haut à droite de mon Twitter et Youtube boutons.

Je suis un peu perplexe quant à si je dois avoir un en-tête, ou si je dois faire la largeur de la page, ou si je devrais faire de la largeur de ma première série de texte.
Voici une photo du modèle. J'ai vraiment besoin d'aide pour décider de la façon de trancher et il code.
Image

S'il vous plaît me conseiller sur ce que je dois faire.
Je viens de commencer le codage HTML et CSS.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Août 7th, 2009, 1:38 am

  • CXLink
  • Expert
  • Expert
  • Avatar de l’utilisateur
  • Inscription: Nov 22, 2004
  • Messages: 684
  • Loc: ATL-GA
  • Status: Offline

Message Août 7th, 2009, 6:11 am

Son ok de ne pas avoir de tête. Et normalement je wouldnt penser, mais si vous êtes nouveau au codage, alors vous voudrez peut-être essayer de laisser Photoshop déchirer le code pour vous. Quelle version de PS utilisez-vous?
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 7th, 2009, 11:16 am

CS4, mais je fréquente une école pour les médias de production et de design, et je serai là l'apprentissage. J'étais donc en espérant que je pouvais obtenir une certaine expérience avant.

Mais je pense que je puisse trancher en deux colonnes. Diviser le menu de la section de contenu et ensuite à partir de là, créer des colonnes et des lignes pour le menu et "header". Et plus personne colonnes sur le côté droit pour les titres et le contenu du texte et de la youtube et twtitter.

des idées?
  • mk27
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Juin 09, 2009
  • Messages: 334
  • Status: Offline

Message Août 9th, 2009, 11:07 am

Dorsa a écrit:
Mais je pensais que je pouvais le couper en deux colonnes. Diviser le menu à partir de la section du contenu et de là créer des colonnes individuelles et des lignes pour le menu et "header". Et plus personne colonnes sur le côté droit pour les titres et le texte contenu et pour la youtube et twtitter.

des idées?


Ils sont appelés <div>. Donnez-leur «classe» des attributs
Code: [ Select ]
<div class="left">
blahblahblah
</div>
<div class="right">
<div class="top">
     blahblahblah
</div>
blahblahblah
</div>
  1. <div class="left">
  2. blahblahblah
  3. </div>
  4. <div class="right">
  5. <div class="top">
  6.      blahblahblah
  7. </div>
  8. blahblahblah
  9. </div>

et les classer ainsi dans votre css:
Code: [ Select ]
.left {position: absolute; top: 20px; left: 20px; width: 45%}
.right {position: absolute; top: 20px; right: 20ps; width: 45%}
  1. .left {position: absolute; top: 20px; left: 20px; width: 45%}
  2. .right {position: absolute; top: 20px; right: 20ps; width: 45%}

"top" mai pas besoin de positionnement d'abord parce qu'elle est au coeur de "droit".

Toutefois, CS4 est de concevoir des interfaces Flash qui N'ONT PAS html / css.
Image
  • CXLink
  • Expert
  • Expert
  • Avatar de l’utilisateur
  • Inscription: Nov 22, 2004
  • Messages: 684
  • Loc: ATL-GA
  • Status: Offline

Message Août 10th, 2009, 5:09 am

Cet vous guidera à travers le découpage dans photoshop, si vous n'êtes pas à l'aise avec le codage à la main. Le code est il crache pas le meilleur, mais il fait le travail pour vous et il vous donnera un point de départ.
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher

Afficher de l'information

  • Total des messages de ce sujet: 5 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 145 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC