Jump to content
Sign in to follow this  
slek

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

Rate this topic

Recommended Posts

Bien, je me permets de proposer un site donnant des "cours" de xHtml, Css, Php :

Le site du zér0.

C'est la où j'ai appris :lol:

<modérateur: correction du lien défectueux>

Edited by Loupilo

Share this post


Link to post
Share on other sites

Bonjour,

Impardonnable... je n'ai pas encore ajouté le livre de Raphael (alias Sibelius) aux références incontournables citées dans ce sujet :blush:

CSS 2 - Pratique du design web

Share this post


Link to post
Share on other sites

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:

Share this post


Link to post
Share on other sites

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)

Edited by ryuran

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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 !

Edited by Zen-Spirit

Share this post


Link to post
Share on other sites

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 :)

Share this post


Link to post
Share on other sites

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.

Edited by olitax
Vous n'êtes pas obligé de citer le message précédant, nous venons de le lire.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...