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

 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Page Suivante
Auteur Sujet :

[XHTML et CSS]Projet: Quand le neophyte apprend les standards(v Page3)

n°1199204
esox_ch
Posté le 14-09-2005 à 11:45:14  profilanswer
 

Reprise du message précédent :
+1 pour l'idée ... Moi le web je le vois en .txt .. C pas gagné pour le design


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
mood
Publicité
Posté le 14-09-2005 à 11:45:14  profilanswer
 

n°1199215
Profil sup​primé
Posté le 14-09-2005 à 11:48:38  answer
 

Me design, j'l'ai uploadé avec DOS (j'ai pas de soft ftp au taff :D, j'fais avec les moyens du bord ...), tout ca pour dire que c'ets pourri, mais on voit a quoi ca ressemble deja.
 
http://nisjoe400r.free.fr/hfr/constructpage.jpg
 
Edit :// Normalement l'image est alignée hein, la elle se decalen, j'sais pas pkoi m'enfin bon, on voit ske j'ai fait a peu pres ...


Message édité par Profil supprimé le 14-09-2005 à 11:58:57
n°1199222
esox_ch
Posté le 14-09-2005 à 11:50:41  profilanswer
 

C'est l'image qui est passée sous un train ou quoi?


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
n°1199230
Profil sup​primé
Posté le 14-09-2005 à 11:53:29  answer
 

c'est Dos qui merde, j'y peux rien desolé ...
 
EDIT :// Un petit dl de filezilla, et hop c'est reuploadé, l'image est correcte

Message cité 1 fois
Message édité par Profil supprimé le 14-09-2005 à 11:59:26
n°1199257
esox_ch
Posté le 14-09-2005 à 12:04:03  profilanswer
 

Ok ... c'est mieux .. tu peux en mettre une version plein ecran?


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
n°1199260
afbilou
pouet your life
Posté le 14-09-2005 à 12:09:23  profilanswer
 


La commande ftp sous DOS fonctionne par defaut en mode texte.
Pour uploader une image il faut passer en mode binaire.
 
$ type binary
$ put / get mon_fichier_binaire

n°1199302
Profil sup​primé
Posté le 14-09-2005 à 13:30:11  answer
 

La version plein ecran se situe a cette adresse :  
 
http://nisjoe400r.free.fr/hfr/construct-page.jpg
 
afbilou > Merci pour la precision  :) J'avais oublié ca ...  :p

n°1218720
Profil sup​primé
Posté le 09-10-2005 à 14:22:18  answer
 

Mesdames, mesieurs les programmeurs bonjour.
 
Cela fait un petit moment que je n'ai pas donné de news de mon apprentissage.
 
J'ai lu des tas d'articles, j'ai tout un repertoire de favoris forts interessants sur le HTML et le CSS.
 
Voilà, d'ici quelques temps je me suis fixé un veritable challenge pour apprendre "sur le terrain", je veux dire parler coder entierement mon site. Pour cela, j'espere que vous serez d'accord, j'aurais besoin de votre aide.
 
Mon site actuel : http://joedesign.free.fr sera pour vous à vomir, : pop-up, tableaux servants à la mise en page, DTD inexistant, bref vous l'aurez compris, le carnage total pour vous même et maintenant aussi pour moi.
 
Le but du jeu ? programmer en HTML 1.0 et CSS mon site.  
 
Voila a quoi il ressemblerait donc :  
 
http://nisjoe400r.free.fr/hfr/joedesign.jpg
 
J'aimerais si possible que vous m'aidiez à comprendre comment je peux mettre en place les elements dans la partie  2.
 
J'ai pensé qu'il serait possible d'utiliser ce modele : http://css.alsacreations.com/modeles/modele1.htm
 
ou ce modele :
 
http://css.alsacreations.com/modeles/modele7.htm
 
Pourriez-vous m'aider dans mes choix et m'aider à coder tout cela. J'espere que certains d'entre vous m'aideront, quelque part, je vous avouerais que si je fais ce challenge c'est pour notamment demontrer que le neophyte peut y arriver, mais aussi servir d'exemple, par ailleurs, je rejoindrai tres volontiers et je m'y engagerai vos rangs pour diffuser la philosophie des standards du web, et aider les gens qui comme moi souhaitent s'y mettre.  
 

n°1218842
Profil sup​primé
Posté le 09-10-2005 à 16:18:15  answer
 

Voilà, je me suis lancé, voici ma 1ere page.  
 
Je ne sais pas trop comment je dois organiser les DIV, car la, je suis déjà bloqué concernant la mise en page des images (celles notamment du dessus ou il y a le menu ... ).
 
Il faut creer un DIV pour chaque bloque d'image ?  
 
http://joedesign.free.fr/v4/joedesign.html
 
et voici le code :  
 

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 <meta name="author" content="Joe Design" />
 <meta name="keywords" content="product, produit, webdesign, communication, visuel, concept car, concet, voiture, automobile, mobilier urbain, environnement, transport, graphique, graphisme, design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" />
 <meta name="description" content="CV online, présentant mes projets de Design produit, communication visuelle." />
 <meta name="robots" content="all" />
 
 <title>JOE Design</title>
 
 <script type="text/javascript"></script>
 
 <style type="text/css" media="all">
  @import "style.css";
 </style>
 
</head>
<body id="JOE Design">
<div id="headimg">
<!--
      la j'aimerais mettre un bloc pour placer les images avec les titres  
-->
</div>
 
  <div id="centre">
  <h1>Bienvenue</h1>
 
  <p>Ce site est consacré à ma passion du Design.</p>
  <p>Le Design est le rail que je suis, plus qu'un métier, une passion :Design produit, Design d'environnement, Design transport, Design packaging, Design graphique ...<br/>
  Vous avez accès à mon CV, ma galerie de projets ...<br/>Que vous soyez particulier ou professionnel, n'hesitez pas à me contacter.<br/>
  <br/>Je vous salue et bon surf sur JOE Design.</p>
  <p>------------------------------------</p>
  </div>
 
   
<div id="actu">
<h2>News</h2>
<h3>--09/10/2005--</h3>
<p>Mise en place de la v4.0 du site.<br/>Construction du site avec du <acronym title="Le langage de balisage hypertexte extensible"> XHTML1.0</acronym> et <acronym title="Cascading Style Sheets">CSS</acronym></p>
<h3>--04/04/2005--</h3>
<p>Refonte de la galerie.<br/>----------------------</p>
 
</div>
 
<div id="pied">
<!--
Positionner un pieds de page, avec entre autre les logos, des liens etc ...
-->
</div>

n°1219061
Profil sup​primé
Posté le 09-10-2005 à 21:52:04  answer
 

Hopla, ben voilà j'ai continué à coder pour placer mes DIV.
 
 
Est ce que pour l'instant ca vous parait bien et propre ?  
 
J'ai juste quelques petites questions pour l'après ... D'ailleurs, j'ai mis ca en commentaire dans mon code : Est ce qu'il y a moyen de créer des zones cliquables pour mon menu en header ? Car comme vous pouvez le remarquer, c'est du graphisme et dedans j'ai mon menu avec mes boutons, donc je pensais à des zones cliquables pour chaque bouton ... est ce une bonne idée ? Faisable toujours dans l'optique de respecter les standards ;)
 
Merci.
 

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 <meta name="author" content="Joe Design" />
 <meta name="keywords" content="product, produit, webdesign, communication, visuel, concept car, concet, voiture, automobile, mobilier urbain, environnement, transport, graphique, graphisme, design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" />
 <meta name="description" content="CV online, présentant mes projets de Design produit, communication visuelle." />
 <meta name="robots" content="all" />
 
 <title>JOE Design</title>
 
 <script type="text/javascript"></script>
 
 <style type="text/css" media="all">
  @import "style.css";
 </style>
 
</head>
<body id="JOE Design">
<div id="header">
<!--
      Le bloque avec les titres, d'ailleurs, est ce possible des zones cloquable au niveau des titres bien sûr ?  
-->
</div>
<div id="leftban">
<!--
     Banniere de gauche, celle q'on voit avec les carrés sur fond gris
-->
</div>
 
  <div id="centre">
  <!--
     Partie centrale, c'est la qu'on retrouve les infos, les news et pi l'intro du site
-->
     <div id="bienvenue">
  <!-- le flash de bienvenue à inserer dans ce DIV -->
  </div>
  <div id="intro">
     <h1>Bienvenue</h1>
     Ce site est consacré à ma passion du Design.
     Le Design est le rail que je suis, plus qu'un métier, une passion :Design produit, Design d'environnement, Design transport, Design packaging, Design graphique ...<br/>
     Vous avez accès à mon CV, ma galerie de projets ...<br/>Que vous soyez particulier ou professionnel, n'hesitez pas à me contacter.<br/>
     <br/>Je vous salue et bon surf sur JOE Design.<br/> ------------------------------------
     </div>
   
     <div id="actu">
     <h2>News</h2>
     <h3>--09/10/2005--</h3>
     Mise en place de la v4.0 du site.<br/>Construction du site avec du <acronym title="Le langage de balisage hypertexte extensible"> XHTML1.0</acronym> et <acronym title="Cascading Style Sheets">CSS</acronym>
     <h3>--04/04/2005--</h3>
     Refonte de la galerie.<br/>----------------------
     </div>
  </div>
 
<div id="pied">
<!--
Positionner un pieds de page, avec entre autre les logos, des liens etc ...
-->
</div>

mood
Publicité
Posté le 09-10-2005 à 21:52:04  profilanswer
 

n°1219082
gatsusat
Posté le 09-10-2005 à 22:26:59  profilanswer
 

pas d'espaces pour les id


---------------
Les CSS c'est bon mangez-en
n°1219115
kaillou38
mouton à numéro
Posté le 09-10-2005 à 23:11:33  profilanswer
 

au passage, pour le css, j'ai acheté le bouquin du gars d'alsacreation, et il est vraiment tresbien expliqué, avec des exemples et tout...
 
ca m'as parut beaucoup plus simple d'un coup...
 
(sinon, je pense que t'es pas obligé de mettre une id pour tes balises body, mais ce n'est que l'avis d'un debutant)


---------------
ras
n°1219242
Profil sup​primé
Posté le 10-10-2005 à 09:14:34  answer
 

Gatsuat >> Si j'enleve l'espace il m'indique des erreurs de codes. (avec Notepad++).
 
Kaillou >> Ben si apres dans mon CSS je veux inserer des images, je dois mettre un id pour que le CSS sache ou va l'image nan ? comment il sait que l'image que je veux aille dans tel ou tel DIV si j'enleve les ID ?

n°1219256
plainsofpa​in
Pingouino's lover
Posté le 10-10-2005 à 09:37:08  profilanswer
 

Nisjoe > si l'image est importante, et a un sens, elle doit etre dans le code html. Si elle sert juste à la décoration ou a la mise en page, il faut la mettre en background dans la css.
 
Sinon, une image, elle s'affiche dans le div ou elle est placée quand elle est dans le code html :p


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1219265
Profil sup​primé
Posté le 10-10-2005 à 09:50:25  answer
 

Dans mon cas présent c'est de la mise en page, donc ce sera du CSS.
 
Par contre, quand je ferai ma page avec ma galerie, je pense faire un tableau avec des vignettes (images jpg), donc, je ferai surement ca dans le code HTML si j'ai bien compris :)

n°1219291
omega2
Posté le 10-10-2005 à 10:13:01  profilanswer
 

un id pour les div, ok, c'est logique.
Mais un body avec un id? A par si t'utilises du javascript t'en auras pas besoin vu qu'il n'existe qu'un seul body par page. Et encore il me semble qu'en javascript on peut retrouver les différents élléments d'un type donnée donc il serait possible de travailler sur le body sans lui affecter d'id.
L'html 1.0 c'est archi vieux. Je doutes d'ailleur grandement qu'on puisse utiliser des css en html 1.0. D'ailleur je me demande s'il était possible de mettre des texte en couleurs en html1.0. :lol:
 
Par contre en xhtml 1.0... ;)
 
Je sais erreur de saisie donc je [:gzk]

n°1219302
Profil sup​primé
Posté le 10-10-2005 à 10:21:49  answer
 

Oula oui tu as completement raison !! L'id dans le boday c'est une grossière erreur de ma part, désolé, mais c'est ma toute 1ere page que je code, et je m'y suis mis seulement hier, si je fais des erreurs, merci de m'expliquer, et merci à toi omega2.
 
Concernant ma faute HTML1.0 / XHTML1.0, et une faute de frappe une ! :D
 
Dites moi, je vais bientot me mettre à creer mon 1ere fichier CSS (pour mettre en page ce fichier HTML, faut bien :D ) et je me demandais si c'est possible de faire des zones cliquables dans une images (voir mon exemple ou y a le design du site).
 
J'espere que vous serait la pour m'aider, car le fichier CSS je crains de m'emmeler les pinceaux !

n°1219490
karamilo
Posté le 10-10-2005 à 13:47:08  profilanswer
 

FlorentG a écrit :

Olalala c'est vraiment l'horreur ce site... Faut vraiment que j'en fasse un [:le kneu]


Une nouvelle version complètement refaite va sortir dans quelques jours (une semaine a peu pres).
Le xhtml 1.1 sera transformé en xhtml 1.0, quelques autres petites détails seront améliorés.
Surtout, le site sera (enfin) codé en xhtml/css. (le dev de la nouvelle version a pris plus d'an et demi, ce qui explique le fait d'avoir un tutorial xhtml avec un site non standard).
 
A+

n°1219515
kaillou38
mouton à numéro
Posté le 10-10-2005 à 14:04:42  profilanswer
 

'tain on a plus d'info sur lz date de sortie ici que sur le site [:ddr555]


---------------
ras
n°1219929
karamilo
Posté le 10-10-2005 à 20:58:37  profilanswer
 

eh ouais, quelle chance :D
J'ai fait une énorme partie de la nouvelle version donc on va dire que je peux avancer cette date ;)

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
CSS : quelle solution pour conserver mise en page avec layout ?[CSS] Problème avec hover & active
[CSS] mise en page d'un menu vertical : pb sous FF[réglé] firefox ne lit plus ma feuille CSS mais IE oui!
CSS probleme avec le tag <label> dans firefoxDémarrage de projet sous netBeans
Xhtml valide W3C vs User Experience => votre avis.NET et XHTML 1.0 ?
[CSS] DiscussionCSS Menu déroulant inline avec sous menu vertical
Plus de sujets relatifs à : [XHTML et CSS]Projet: Quand le neophyte apprend les standards(v Page3)


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