18041 sujets

Questions générales et questions de débutants

Besoin d'Aide pour un page web simple

Bonjour à tous,

J'ai été assistante du chef de projet dans une toute petite agence web et j'ai donc pu discuter avec tout le monde et m'intéresser au développement, peut être plus qu'à la fonction de chef de projet. Néanmoins, je cherche un emploi dans la communication actuellement (depuis qq mois déjà...) et je me dis que ma petite expérience et ma curiosité sur ce domaine peuvent m'aider à trouver un boulot. J'ai donc décider de me créer mon propre site, qqch de très simple afin de me présenter et de détailler mon expérience, un cv quoi et cela me permettra aussi de raviver mes toutes petites connaissances en développement. J'ai donc commencé mais la tâche s'avère bien plus difficile que je pensais. J'ai donc besoin de votre aide. J'ai bien conscience que ce que je vais vous présenter n'est pas top du tout, je vous demanderai donc un peu d'indulgence et surtout votre aide. Merci bcp

Alors voici ce que donne le code de ma page web : <html>
<head><title>Bienvenue sur mon site</title>
<br /><br />

<style type="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: black;
background-color: #F781FB;}
ul.presentation {
position: absolute;
top: 2em;
left: 0.8em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
</style>

<body><div align=center><font size=+2><b>Assistante chargée de communication</b></div align=center></font></body>
<br /><br /><br /><br />
<br /><br /><br /><br />
<FONT size="0.8em" align=left>
<!-- presentation -->
<ul class="presentation">
<p><BLINK><b>mon nom - prenom</b></BLINK></p>
<p><IMG SRC="photo_cv-ss.gif" ALT=<align="tip-top"></p>
<p>mon adresse</p>
<p>mon age</p>
<p>mon tel</p>
<p>@ :<a href="mailto:adresse mail">biiip</a></p>
<p><a href="qq liens">lien</a></p>
<p><a href="adresse d'un autre lien">Imprimer mon cv sous format word</a></p>
<p><a href="adresse d'un autre lien">lien</a></p>
<p><a href="adresse d'un autre lien">lien</a></p>
<p><a href="adresse d'un autre lien">lien</a></p>
</FONT>
</ul>
<TABLE BORDER="2" align=right>
<CAPTION><FONT size="15em">Qui suis-je ?</font></CAPTION>

<TR>
<TH><FONT size="0.8em">ici, je veux créer un cadre avec ma présentation juste à côté de ce qui est au dessus mais je n'y arrive pas.... .
</FONT>
</TH>
<TH> Et là, ça doit être un autre cadre juste à côté de la présentation
</TH>


Pouvez vous me dire ce qu'il me manque pour que ce soit correct, svp
Merci d'avance, Smiley smile
Bonjour Tinalya,

humm. pour éviter de se perdre, peut-être commencer par séparer le contenu et la forme. tout d´abord soigner son contenu en HTML (bon, perso je suis un inconditionnel du xhtml. rigueur, rigueur...) et ensuite tu places tes éléments avec CSS, en feuille séparée. Passer par le validateur w3c te permettra de déceler et corriger les erreurs. ton code est pas propre, et incomplet.
quand je dit "soigner le contenu", c´est aussi éviter les titres "bienvenue sur mon site", pour sûr, personne va y aller du coup. Pour imprimer un CV sur le Web, ben sûrement mieux en PDF qu´en Word. je suis pas admirateur du fond rose, non plus. question de goût.
ce sont juste quelques pistes, voili, voilà....bon courage!
tinalya a écrit :
Pouvez vous me dire ce qu'il me manque pour que ce soit correct, svp
Un doctype, une connaissance de la sémantique du HTML, une connaissance du CSS.

Quand au message, merci de replacer les abréviations par des mots complets et d'utiliser les balises de mise en forme du code ([ code=html] et [ /code sans espace).
Bonjour,

Merci pour vos réponses. En effet, mes connaissances sur le sujet sont bien minces. Quand je bossais, je bidouillais un peu et les développeurs étaient là pour m'aider donc je n'ai qu'une connaissance très simple du html. Pour l'instant, j'insiste un peu, je me dis que je peux le faire. Je verrais plus tard si je finis par abandonner...

Alors j'ai créé ma feuille de style css, je dispose de firebug, je m'en servais beaucoup au boulot mais à la maison j'ai un problème. Quand je modifie quelque chose sur firebug. Mon fichier css n'est pas en accord. Je peux y mettre les mêmes données mais sur mon navigateur, le résultat est différent. Y a t-il une solution pour accorder les 2 afin que cela soit plus simple ?

J'ai donc progressé dans ma création de page web de présentation mais c'est loin d'être parfait.
J'essaie de m'aider du validateur w3c. Je peux apercevoir mes fautes et avec beaucoup de patience j'arrive à les corriger.
Par contre, je bloque ici, je ne comprends pas Smiley decu Je voudrais avoir 2 cadres côte à côte
les 2 "table" sont l'un en dessous de l'autre.

Voici mon début de code :

[ code=html]

<!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="fr" >
<head>
<link rel="stylesheet" media="screen" type="text/css" title="style" href="index_fichiers/style.css"/>

<title>Mon CV</title>
</head>

<body>
<h1>Fonction</h1>


<ul class="presentation">
<p>Mon nom et prenom</p>
<img src="index_fichiers/photo_cv-ss.gif" alt="&lt;align=&quot;tinalya&quot;"

<TABLE BORDER="5">
<br /><br />
<CAPTION>Mes liens</CAPTION>
<tbody>
<td><tr>
<li><a href="adresse 1">TIP</a></li>
<li><a href="adresse 2">TOP</a></li>
<li><a href="adresse 3">Top Tip</a></li>
<li><a href="adresse 4">Tip Top</a></li>
<li><a href="adresse 5">TOP</a></li>
</td></tr>
</table>
</tbody></ul>

<br />

<TABLE BORDER="5">
<tbody><tr>
<td>adresse qui n'est pas plaçé là ou il le faut
je voudrais ce cadre à côté de la photo<br />
@ :<a href="mailto:tinalya...">tinalya</a>
</td></tr></tbody></table>


<br />
<TABLE BORDER="5">
<caption>Qui suis-je ?</caption>

<tbody><tr>
<td>bla bla bla bla bla bla bla
</td></tr></tbody></table>

<br><br><br><br><br>


[ code=html]


Le validateur w3c m'indique cette erreur que je ne comprends pas
Smiley decu

PS : j'espère avoir utiliser les balises de mise en forme comme il le fallait.
MERCI d'avance.
Bonne soirée !
Modifié par tinalya (25 Jun 2011 - 18:37)
L'erreur de w3c que je n'ai pas saisi. La voici : Warning Line 17, Column 1: unclosed start-tag requires SHORTTAG YES

<TABLE BORDER="5">



The construct <foo<bar> is valid in HTML (it is an example of the rather obscure “Shorttags” feature) but its use is not recommended. In most cases, this is a typo that you will want to fix. If you really want to use shorttags, be aware that they are not well implemented by browsers.


merci
Bonjour tinalya,
je vois:
a écrit :
<TABLE BORDER="5">
<br /><br />
<CAPTION>Mes liens</CAPTION>
<tbody>
<td><tr>
<li><a href="adresse 1">TIP</a></li>
<li><a href="adresse 2">TOP</a></li>
<li><a href="adresse 3">Top Tip</a></li>
<li><a href="adresse 4">Tip Top</a></li>
<li><a href="adresse 5">TOP</a></li>
</td></tr>
</table></tbody></ul>

Est-ce que:
<TABLE BORDER="5">
<br /><br />
<CAPTION>Mes liens</CAPTION>
<tbody>
<tr><td>
<li><a href="adresse 1">TIP</a></li>
<li><a href="adresse 2">TOP</a></li>
<li><a href="adresse 3">Top Tip</a></li>
<li><a href="adresse 4">Tip Top</a></li>
<li><a href="adresse 5">TOP</a></li>
</td></tr>
</tbody>
</table></ul>
ne serait pas plus adapté ?
tinalya: Tu es sûre que tu ne veux pas commencer par apprendre les bases du HTML et du CSS ; par exemple en regardant les liens vers les tutoriels présents dans l'article que j'ai posté ?
Modifié par jb_gfx (25 Jun 2011 - 22:09)
Bonjour

De la rigueur, de la rigueur et encore de la rigueur.
1. Tes balises ouvrantes et fermantes ne sont pas identiques ex :<TABLE....>et<table>
==> passes tout un minuscules (XHTML oblige)
autre exemple <br/> puis <br>==> XHTML recommande <br /> (avec un espace après br
2. Modularises ==> enlèves tous les styles et rassemble les dans une feuille de style .css
autrement dit (voir les autres commentaires) sépare la forme du contenu.
3. N'utilises pas les tableaux pour la mise en page (je sais tous les éditeurs HTML du commerce et autres Wysiwyg le font un tableau sert à structurer et à mettre en forme des données pour en rendre claire l'interprétation...
4. Formes-toi ou autoformes toi, par exemple visites le site http://fr.selfhtml.org/
, il date un peu car il n'est plus maintenu depuis des années, mais les fondamentaux sont là !
Si tu veux t'autoformer, commences pas la simplicité, un bloc note et un navigateur suffiront,
commences par le baBA, complète tes documents au fur et à mesure et vérifies à chaque étape le résultat, cela te permettras d'identifier instantanément tes erreurs.
5. Vas dans les bibliothèques, en général les bouquins de base y sont type "HTML pour les nuls" etc. ou vas voir à la FNAC au rayon informatique.
6 Enfin parcours le site d'Alsacréations, il y a d'excellents articles et tutos

Bon courage !
Salut,

Laurie-Anne a écrit :
Quand au message, merci de replacer les abréviations par des mots complets et d'utiliser les balises de mise en forme du code ([ code=html] et [ /code sans espace).

Pourrais tu prendre la peine de formaliser tes messages de manière à rendre le code plus lisible, comme Laurie-Anne te l'as déja demandé, merci d'avance. Smiley cligne
Bonjour,

Merci pour vos réponses et votre aide.
Je reprendrai tranquillement les liens que vous m'avez transmis.
Mikachu, qu'entendez vous par formaliser mon message ?
Cela m'aiderait d'avoir un exemple.

Rimousky, merci pour tes remarques. Tes points 1 à 3 sont intéressants, je n'y avais pas pensé. Je ferais attention dorénavant.
Pour tes autres points ainsi qu'au message de jb_gfx, vous avez raison, c'est sûr. Je veux aller plus vite que la musique mais bon, je vais prendre le temps de connaître les bases.

Comar91, merci pour ta correction.

Bonne fin d'après midi !
@+
Salut,

Je veux parler d'éditer ton message afin de le rendre conforme aux attentes du forum. Comme montré sur l'image si dessous.
upload/1-code.gif

Ce qui donne quelque chose de plus lisible et moins mélangé avec ton message. Donc plus facile pour tes interlocuteurs à décrypter :
<TABLE BORDER="5">
<br /><br />
<CAPTION>Mes liens</CAPTION>
<tbody>
<td><tr>
<li><a href="adresse 1">TIP</a></li>
<li><a href="adresse 2">TOP</a></li>
<li><a href="adresse 3">Top Tip</a></li>
<li><a href="adresse 4">Tip Top</a></li>
<li><a href="adresse 5">TOP</a></li>
</td></tr>
</table></tbody></ul>
Sujet clos
Aller à