CV en xHTML

CV en xHTML - HTML/CSS - Programmation

Marsh Posté le 12-08-2005 à 18:57:49    

JE suis en train de faire mon CV, et je suis en train de me demander si j'ai utilisé correctement les éléments, je parle là d'un sens purement sémantique.
 
 
Mon choix a été de structurer le CV de façon à ce que je puisse modifier chaque bloc comme bon me semble.
 
dès lors j'ai opté pour une Liste, cette liste contient chaque grande partie de mon CV.
ensuite dns chaque partie j'ai utilise une liste de définition, je trouve cela plus correcte et plus facile à mannier qu'un UL LI SPAN ou autre truc de ce genre.
Jpense peut être à faire du JS pour rajouter les : dynamiquement, mais bon je m'emmerde pour rien je pense
 
 
et pour chaque partie j'ai utilisé un H2 qui à mon avis a tout son sens ICI.
 
Vous vous demanderez peut etre pourquoi j'ai entouré les ":" avec un SPAN
Cela me permet de gérer plus facilement l'élément de séparation des objets.
Vous allez me dire : "il y a :after", ben oué mais IE il le prend po (connard de IE :o), donc même si j'allourdi le code avec SPAN, je préfère. et puisje peux changer les : par une image ou autre chose. bon il n'y a pas grand intérêt mais bon.
 
Je vous laisse le code HTML
pas besoin de la CSS c'est juste une mise en forme à deux balles
 
[HORSSUJET]
PS : dans environnement de développement, je parle de SourceSafe, IIS, vous pensez que je peux les mettre ici ?
 
et il y a aussi autre chose : j'ai fais du C/C++ pendant mes 2 années de BTS, est-ce qu'il serait bien de les mentionner, malgré le fait que j'ai pas fait de C/C++ depuis 2 ans ?
[/HORSSUJET]
 
le tout ce trouve ici  
http://gatsu.ftp.free.fr/cv
 
 
Merki d'avance les amis  :hello:  
 
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <title>Prénom Nom - Curriculum Vitae</title>
  6.  <link rel="stylesheet" type="text/css" href="default.css" />
  7.   </head>
  8.   <body>
  9.     <h1>
  10.       CV
  11.     </h1>
  12. <ul id="cv">
  13.     <li id="etatcivil">
  14.   <h2>Etat civil</h2>
  15.     <img alt="photo" src="photo.jpg"/>
  16.   <dl>
  17.    <dt>Nom<span>:</span></dt><dd>Prenom Nom</dd>
  18.    <dt>Adresse<span>:</span></dt>
  19.     <dd>11 rue de l'adresse<br />12 345 Maville
  20.     </dd>
  21.    <dt>tél.<span>:</span></dt><dd>01.02.03.04.05</dd>
  22.    <dt>port.<span>:</span></dt><dd>06.01.02.03.04</dd>
  23.    <dt>E-mail<span>:</span></dt><dd>truc@hotmail.com</dd>
  24.   </dl>
  25.       </li>
  26.   <li>
  27.   <h2>Cursus et diplômes</h2>
  28.   <dl>
  29.    <dt>2003-2005</dt>
  30.     <dd>Concepteur Développeur en Ingénieries des Logiciels par Alternance</dd>
  31.    <dt>2001-2003</dt>
  32.     <dd>BTS Informatique Industrielle à Saint-Malo</dd>
  33.    <dt>2001</dt>
  34.     <dd>Baccalauréat STI Option Génie électronique - Mention assez bien.</dd>
  35.   </dl>
  36.  </li>
  37.  <li>
  38.   <h2>Expériences professionnelles</h2>
  39.   <dl>
  40.    <dt>2003-2005</dt>
  41.     <dd>Société1 : Maintenance des sites, créations de portails, autoruns</dd>
  42.   </dl>
  43.  </li>
  44.  <li id="domainecompetences">
  45.   <h2>Domaines de compétences</h2>
  46.   <dl>
  47.    <dt>Languages informatiques<span>:</span></dt>
  48.     <dd>Java, PHP, ASP, Visual Basic, xHTML/CSS/JavaScript</dd>
  49.    <dt>Langages et techniques du Web<span>:</span></dt>
  50.     <dd>xHTML Strict, Normes W3C, EcmaScript, Javascript DOM</dd>
  51.    <dt>Logiciels graphiques<span>:</span></dt>
  52.     <dd>Fireworks, PhotoShop, PaintShop Pro, Multimedia Builder</dd>
  53.    <dt>Environnements de développement<span>:</span></dt>
  54.     <dd>Visual Studio (VisualBasic, InterDev), SourceSafe, Server IIS</dd>
  55.    <dt>Outils de bureautique<span>:</span></dt>
  56.     <dd>Word, Excel, PowerPoint</dd>
  57.    <dt>Systèmes d'exploitation<span>:</span></dt>
  58.     <dd>Windows</dd>
  59.   </dl>
  60.  </li>
  61.  <li id="realisations">
  62.   <h2>Réalisations</h2>
  63.   <dl>
  64.    <dt>Portails :</dt>
  65.     <dd>Portails internes pour des clients de la société pour laquelle j'ai travaillée</dd>
  66.    <dt>Autoruns de CDROM :</dt>
  67.     <dd>Application de présentations sur CD-ROM pour la société et ses clients</dd>
  68.   </dl>
  69.  </li>
  70.  <li>
  71.   <h2>Centres d'intérêts et Divers</h2>
  72.   <ul>
  73.    <li>Dépannage informatique, software et hardware</li>
  74.    <li>Développement Web</li>
  75.    <li>Mangas, Japanimation</li>
  76.    <li>Permis de conduire B</li>
  77.   </ul>
  78.  </li>
  79.  </ul>
  80.   </body>
  81. </html>


Message édité par gatsusat le 12-08-2005 à 19:19:09
Reply

Marsh Posté le 12-08-2005 à 18:57:49   

Reply

Marsh Posté le 13-08-2005 à 01:14:08    

Ouhhhhh les zolis caractères bizarres :D T'aurais pas oublié de spécifier l'encoding de ton document, par hasard ?
 
Sinon je n'aurais pas utilisé de liste... Juste des combos <h2> + <dl>. Voire les grouper avec des <div> pour ajouter un peu de structure...

Reply

Marsh Posté le 13-08-2005 à 01:16:28    

je pensais plus sémantique d'utiliser une liste, parce que pour moi le CV est une liste de caractéristiques (je pousse le bouchon loin là)
 
oki pour les div H2 + DL mon lapinou et atta jvais tester pour l'encoding de mes caractères

Reply

Marsh Posté le 13-08-2005 à 12:25:27    

"Languages informatiques" ça c'est en glaouiche. En français ça s'écrit "langages" (que tu as bien écrit juste en dessous) :p
"pour laquelle j'ai travaillée" : moi je ne mettrais pas de "e" à "travaillé".
Désolé, ce n'est pas de la sémantique, du HTML, CSS, etc.

Reply

Marsh Posté le 13-08-2005 à 12:27:26    

non mais je te remercié, justement j'avais mis un PS pour parler du CV
 
heu si tu remarquebien la phrase
"pour laquelle j'ai travaillée", on met un E puisque le COD est placé avec le verbe et donc l'accord se produit

Reply

Marsh Posté le 13-08-2005 à 12:29:26    

Et oui mais ce N'est PAS un COD... "travailler pour" et non "travailler quelque chose".

Reply

Marsh Posté le 13-08-2005 à 12:30:01    

/me s'autoflagèle et implore le grand Beral2 de le pardonner

Reply

Marsh Posté le 13-08-2005 à 12:33:39    

;) Vous êtes tout excusé mon bon monsieur.
 
Non, c'est juste que des fautes d'orthographe sur un CV (Ca m'arrive aussi alors je le relis 12000 fois), ca ne pardonne pas.
 
Comme dirait l'autre, on n'a pas une deuxième chance pour faire une 1ère impression (la phrase est un peu bancale, elle doit exister en plus jolie, mais le fond y est).


Message édité par Beral2 le 13-08-2005 à 12:33:59
Reply

Sujets relatifs:

Leave a Replay

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