debutant premier site perso

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
gilamar

debutant premier site perso

Message par gilamar »

bonjour,
débutant,
je découvre avec interet "mozilla".
cet outil de developpement de site semble super.
mais pourrait-on l'aborder en l'illustrant d'exemples, de modéles un peu scolaires, de sites "simples" que l'on pourrait modifier à sa guise et se familiariser ainsi rapidement et progressivement à son utilisation (par exemple son album photo, les produits de sa boutique...).
ou peut-on trouver de petits sites exemples de démarrage, d'apprentissage pour se familiariser à la creation d'un site web?
merci beaucoup.

Administrateur: un invité qui laisse son adresse email sur un forum tue ce forum.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Le mieux à mon avis c'est de regarder les codes sources de diverses pages qui te plaisent, et de les adapter à ton site.
Mais c'est vrai que c'est peut-être déjà l'étape suivante...

Sinon tu peux essayer toutes les options, et voir celles qui te plaisent, qui te sont utiles, etc !
gilamar

merci

Message par gilamar »

merci,
il est vrai que avec AFFICHAGE/SOURCE on obtient beaucoup d'infos, mais dur dur de trouver des sites extra-simples de départ.......à titre d'exercice ou de modele pour débutant.
Jigho
Iguane
Messages : 637
Inscription : 29 juil. 2003, 08:44

Message par Jigho »

Tu peux aussi regarder là :
OpenWeb
Image
gilamar

merci encore

Message par gilamar »

merci encore,
à l'attention d'autes débutants comme moi,
oui, j'ai découvert d'excellents sites pour apprendre le html pour les regles de base:
j'ai référencé :

-http://openweb.eu.org/debutant
-http://www.lissaexplains.com/french/index.shtml
-http://www.eudil.fr/~vmagnin/courshtml
-http://www.ccim.be/ccim328/html/
-http://www.salemioche.net/

mais je recherche toujours des exemples de départ tout prêt, à modifier pour rendre nos premiers pas plus aisés, plus faciles et plus rapides.
à vous lire, d'avance merci.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Bon, le problème de tous ces liens que tu donne, c'est qu'ils doivent dater un peu, et ils présentent d'anciennes façons de coder (utilisées dans les années 1990), donc mieux vaut t'en méfier...
Pour une mise en page un peu plus sympa, le mieux, c'est d'utiliser les tableaux
:? Aujourd'hui, on préfère le CSS, bien plus souple et accessible.
Structure de base :

Code : Tout sélectionner

<html>
 <head>
 </head>
 <body>
 </body>
</html>
En fait c'est plutôt

Code : Tout sélectionner

<!DOCTYPE (x)html PUBLIC "nom du doctype" "lien vers la dtd">
<html>
 <head>
  <title>Titre de la page</title>
 </head>
 <body>
 </body>
</html>
C'est pas vraiment plus compliqué, mais c'est ça !
http://www.ccim.be/ccim328/html/conseils.htm parle pour IE3, c'est tout dire :?

Le problème c'est que je ne trouve pas de site débutant expliquant correctement les bases actuelles, mais je vais continuer de chercher.
Ricardo
Lézard vert
Messages : 164
Inscription : 25 sept. 2003, 00:15

Message par Ricardo »

Je suis un vieux débutant et je te joins les qq sites qui m'ont bien aidés, sans oublier le présent forum qui répondra à ttes tes questions, ou presque : il ne m'ont pas répondu à la suivante : comment être riche sans se fatiguer :lol:
http://www.alsacreations.com/articles/? ... ba1745dbbd
http://www.la-grange.net/w3c/html4.01/c ... ml#minitoc
http://openweb.eu.org/debutant/
http://mammouthland.free.fr/cours/css/index.php
http://www.commentcamarche.net/css/cssintro.php3

Pour ce qui est de ton e-mail, personne ne le voit si tu n'es pas inscrit donc tu ne crains rien. :wink:

Amuse-toi bien
http://ricardo.free.fr
PC - P4 2533MHz- CM : Asus P4s8x
Linux Débian ETCH & SID - FireFox 1.5 & Iceweasel 2.0 - KMail

Amitiés ! Ricardo.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

http://www.commentcamarche.net/ est limité au CSS1, mais c'est une bonne approche. Mais là encore, il ne faut pas se fier à son html :

Code : Tout sélectionner

<span class="Texte2">
On utilise <h2>, c'est beaucoup plus logique et bon pour l'accessibilité.
J'aime bien la liste des propriétés sur ce site :)

Le problème c'est que les tutoriaux xhtml sont vu comme un passage du html au xhtml, et il n'y a pas de création directe de xhtml. Donc je crains qu'il va falloir passer par un de ces tutorial html invalide, puis si ça te plaît, passer au xhtml (ou simplement rendre le html valide).

http://www.ccim.be/ccim328/xhtml/ propose un cours de xhtml, mais il faut quelques bases de html et eux-mêmes sont loin de respecter un quelconque standard (même le html :( )

Sinon http://fusa2.free.fr/Webmaster/xhtml.htm m'a semblé pas mal du tout pour débuter.
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Il y a l'article XHTML en une heure qui se veut utilisable comme base mais je trouve qu'il rate un peu son objectif à mon avis (j'ai déjà écrit à l'auteur avec des suggestions pour l'améliorer mais il bosse sur d'autres trucs en ce moment)
http://openweb.eu.org/articles/xhtml_une_heure/

Un de mes rêves serait un tutoriel complet expliquant XHTML et CSS depuis le début.
Ricardo
Lézard vert
Messages : 164
Inscription : 25 sept. 2003, 00:15

Message par Ricardo »

Tout à fait d'accord avec ton dream Benoît :)
http://ricardo.free.fr
PC - P4 2533MHz- CM : Asus P4s8x
Linux Débian ETCH & SID - FireFox 1.5 & Iceweasel 2.0 - KMail

Amitiés ! Ricardo.
Thomas
Varan
Messages : 1907
Inscription : 07 janv. 2004, 17:29

Message par Thomas »

Benoit a écrit :Un de mes rêves serait un tutoriel complet expliquant XHTML et CSS depuis le début.
Wiki? :)
Anciennement Toto.
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Bon moi je veux bien essayer de faire un truc vraiment basique. J'ai un petit coin pour le publier :wink:
gilamar

merci toujours et encore

Message par gilamar »

peut-etre viendrait-il à l'esprit de quelques uns des sites cités de proposer de petits sites modeles téléchargeables que l'on pourrait décortiquer, analyser sur son explorateur windo pour comprendre comment un site est structuré, organisé, découvrir les correpondances, passages entres fichiers, dossiers images....
ces sites pédagogiques proposent effectivement des petits modules de développement que l'on peut recopier, mais on n'a pas de vues d'ensemble d'un petit site de démonstration
qui permettrait une approche globale plus rapide.
gilamar

merci calimo

Message par gilamar »

merci pour tes infos qui me seront précieuses.
il est vrai que l'on est dérouté et au début on pense plutot à copier pour ce faire la main.
et tout bêtement on se demande ce que cela veut dire quand tu cite le code:
<!DOCTYPE (x)html PUBLIC "nom du doctype" "lien vers la dtd">
??????
c'est pour cela que je cherche à privilégier une approche globale qui permet d'avancer tout de suite et d'améliorer ses connaissances par la suite au fur et à mesure de ses besoins.
merci encore calimo
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité