Aller au contenu

Apprendre (X)HTML/CSS, les références


slek

Sujets conseillés

  • 4 semaines plus tard...
  • 2 months later...
  • 3 semaines plus tard...

je voudrais savoir jai bien lu ce que vous avez ecrit. merci

mais on a beau lire et relir des tutoriel pour apprendre a confectionner une page,

on en devient pas webmaster pour autant...

il faut de la pratique (jen viens a ma question) quel editeur de texte faut t-il

utiliser pour débuter ?

(de preference un gratuit qu'on puisse utiliser sans pensé a la "date limite" lol ) :lol:

Lien vers le commentaire
Partager sur d’autres sites

  • 1 month later...

Je conseil notepad++ il est conseillé par le site du zero.

Il est pratique grâce a son systeme d'arborecense du code (+ et - comme le xml).

il est entierement gratuit.

color les code:

-php

-sql

-(x)html

-css

-javascript

-etc...

enfin pour coder y'a rien de mieux.

J'aivait essayé EditPlus mais au bout de 30 jours il nous affiche un message comme quoi on a dépasser la date limite d'utilisation mais cela ne nous empèche pas de continuer à l'utiliser.

sur ma clef USB je transporte tout le temps Wamp5 et notepad++ mes 2 outils de travails (j'utilise photoshop aussi mais lui il est pas sur ma clef)

Modifié par ryuran
Lien vers le commentaire
Partager sur d’autres sites

  • 1 month later...
  • 1 month later...
  • 9 months later...

Bonjour,

Tout nouveau sur le forum, je suis tombé sur ce topic hier.

Je pense que l'altruiste est un site référence quand on souhaite apprendre correctement les bases d'un language.

laltruiste.com

Il aborde bien évidement tout ce qui touche aux normes W3C.

Attention: Ce n'est pas un site de de code source mais belle et bien des cours.

A bientot.

Lien vers le commentaire
Partager sur d’autres sites

  • 4 months later...

bonjour à tous, j'ai vu qu'une modératrice au début de ce thread a écrit ceci:

Dans les messages qui suivent, le Site du Zero est parfois recommandé par quelques membres.

Malgré la qualité des tutoriels, présentés sur un ton souvent humoristique qui séduit et facilite l'effort à fournir, je ne peux pas cautionner cette recommandation.

En effet, quelques erreurs de base graves déforcent complètement la valeur et l'impact de ces tutoriels (je ne parlent ici que des cours XHTML et CSS, je ne connais pas les autres). C'est dommage.

Une nouvelle version est en préparation... j'espère que je pourrai revoir cet avis.

qu'en est-il aujourd'hui?

Lien vers le commentaire
Partager sur d’autres sites

  • 2 months later...

Salut tout le monde !

1- J'ai un petit soucis à comprendre un code Css par rapport à son fichier HTML :

Voici le site dont le modèle se trouve :

Ici, la barre de menu simple du site

En fait sur ce site, entre les rubriques du Menu, il y a des petites barres qui les sépares, mais en regardant le code HTML et le code CSS, je ne vois pas comment le webmaster définie ces petites barres afin qu'elles apparaissent.

Pouvez vous m'aidez à comprendre et à trouver dans ce code ce qui fait que ces petites barres apparaissent :

Code HTML :

<ul id="navigation">

<li id="navhome"><a href="/">Accueil</a></li>

<li id="nav1"><a href="/articles">Tous les articles</a></li>

<li id="nav2"><a href="/ressources">Ressources</a></li>

<li id="nav3"><a href="/colophon">À propos du site</a></li>

<li id="nav4"><a href="/contact">Contact</a></li>

</ul>

Code CSS :

/* ------------------------------------------

/* Navigation

/* ------------------------------------------

*/

#navigation {

width: 700px;

height: 25px;

margin: 0;

padding: 0;

padding-bottom: 15px;

list-style: none;

background: #FFF url(/pompage_v3/nav.gif) no-repeat;

}

#navigation li {

height: 25px;

margin: 0;

padding: 0;

float: left;

text-indent: -9000px;

}

#navigation a {

display: block;

height: 100%;

}

#navigation li a:link, #navigation li a:visited {

color: #FFF;

text-decoration: none;

font-variant: small-caps;

font-weight: bold;

}

#navhome {

width: 80px;

background: url(/pompage_v3/nav_home.gif) no-repeat;

}

#nav1 {

width: 142px;

background: url(/pompage_v3/nav_articles.gif) no-repeat;

}

#nav2 {

width: 101px;

background: url(/pompage_v3/nav_ressources.gif) no-repeat;

}

#nav3 {

width: 85px;

background: url(/pompage_v3/nav_aprop.gif) no-repeat;

}

#nav4 {

width: 78px;

background: url(/pompage_v3/nav_contact.gif) no-repeat;

}

2- D'autres par rapport à ce même site, le webmaster a mis dans son code HTML, au début ceci :

<div id="header">

<h1>Pompage</h1>

</div> <!-- fin #header -->

Mais à aucun moment je ne vois le titre Pompage en texte !!!

Le gros titre pompage qu'il y a sur le site en haut à droite est une image !

Merci de m'aider à comprendre, car çà me bloque dans ma progression.

Aussi, sur ce site là : ICI

Dans la partie du cours sur Display : je n'arrive pas à avoir le mêe résulatat que le webmaster à mis comme résultat final :

Donc voici ce que je mets dans mon code HTML :

<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">

<html xmlns=&quot;http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>

<title>essai3</title>

<meta httpequiv="ContentType" content="text/html; charset=iso88591"/>

<meta name="Description" content="blabla">

<link rel="stylesheet" media="screen" type="text/css" title="essai3.css" href="essai3.css" />

<link rel="shortcut icon" href="favicon.ico" >

</head> <! Fin de la balise Head >

<body> <! Début de la balise Body >

<div id="display">

<p>

<a href=&quot;http://www.w3.org/">Le site du W3C</a>

<a href=&quot;http://www.w3.org/TR/CSS21/">Recommandations CSS2</a>

<a href=&quot;http://www.w3.org/Style/CSS/current-work#CSS3">Recommandations CSS3</a>

</p>

<hr />

<ul>

<li><a href=&quot;http://www.w3.org/">Le site du W3C</a></li>

<li><a href=&quot;http://www.w3.org/TR/CSS21/">Recommandations CSS2</a></li>

<li><a href=&quot;http://www.w3.org/Style/CSS/current-work#CSS3">Recommandations CSS3</a></li>

</ul>

</div>

</body>

</html>

Et dans mon code CSS :

#display p.block a {

display:block;

width:180px;

border:1px solid #E8E8E8;

padding:3px 10px;

background-color: #DCDCDC;

}

#display li {

display:inline;

background:url(nav.png) no-repeat 0 50%;

padding-left:10px;

}

Merci !

Modifié par Zen-Spirit
Lien vers le commentaire
Partager sur d’autres sites

  • 3 years later...

Bonjour à tous,

Je déterre ce sujet dans le but de demander une petite mise à jour des "références" pour apprendre comme il se doit l'(X)HTML/CSS car le sujet date de 2004 et je pense que depuis, ça a du pas mal changer.

Pour ma part, j'ai commencé à apprendre via "le site du zéro" après je sais qu'il existe "developpez" et "openweb", confirmez-vous qu'il s'agit toujours des sites références en la matière ?

Idem, j'ai lu qu'il existait un livre "biblique" mais en anglais, de Jeffrey Zeldman intitulé "Designing with Web Standards", existe-t-il un livre en français qui égale ce dernier ?

Merci d'avance pour vos réponses :)

Lien vers le commentaire
Partager sur d’autres sites

  • 3 months later...

Personnellement j'avais appris avec le site du zéro également il y a 4-5 ans. Je ne sais pas si leur tutoriel a été mis à jour depuis. Je pense qu'il est important de prendre plusieurs sources pour faire "sa propre synthèse".

Pour le php, je pense que le site du zero est une très bonne source puisqu'ils viennent de publier leur tutoriel en livre.

Modifié par olitax
Vous n'êtes pas obligé de citer le message précédant, nous venons de le lire.
Lien vers le commentaire
Partager sur d’autres sites

  • 3 years later...
  • 4 months later...

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...