Débutant langage XHTML et CSS

ali1983 · Le 06/10/2008, à 10:05

Bonjour,
Hier ayant rien à faire, je me suis dis tiens pourquoi pas t'instruire un petit peu.
J'ai donc décidé de me mettre au langage XHTML et CSS, avec deux logiciels:

L'éditeur de texte
et CSSED
Je m'y suis lancé avec le site du zero, si y'en a qui connaisse!? Très pratique ce site!

Premier problème:
J'ai acquis quelque notion, mais il y a un problème avec les caractères spéciaux du type "é" "à" "ù" etc...
Apparament mon navigateur web firefox n'arrive pas a déchiffrer ces types de caractères!!!

Deuxième problème:
On se rend vite compte qu'il faudrait un autre que l'editeur de texte, qui te permet d'aller plus vite!
Exemple, Pour creer un simple page vide

<!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>
<title> neo </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="/home/neo/Documents/Site internet test/essai"/>
</head>
<body>
</body>
</html>

J'ai compris le principe des différents code, mais pour s'y en souvenir c'est la galère, alors je me demande est ce qu'il y aurait un logiciel libre, permettant de choisir le code d'écriture, et de donner les premiers ligne d'écriture!
Merci

Dernière modification par ali1983 (Le 06/10/2008, à 15:11)

makx · Le 06/10/2008, à 10:18

salut :

pour les caractères accentués : utilise les codes.
http://www.designvegetal.com/gadrat/cours/informatique/html/accents.html

pour les éditeurs, je ne connais pas bien.
sinon, ce que tu peux faire c'est un fichier déjà complété que tu réutilise a chaque fois et tu fais enregistrer sous.

HP · Le 06/10/2008, à 10:24

ali1983 a écrit :

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

makx a écrit :

pour les caractères accentués : utilise les codes.

ou UTF-8… mais c'est plus simple de faire compliqué

Dernière modification par HP (Le 06/10/2008, à 10:25)

AlexandreP · Le 06/10/2008, à 23:45

Le recours à l'utilisation des entités HTML n'est pas obligatoire.

Le problème n'est pas lié au jeu de caractère ISO-8859-1, puisque les caractères accentués font partie de ce jeu-là. La problème est que le jeu de caractère précisé dans l'entête de la page HTML est différent du jeu de caractères dans lequel le fichier a été enregistré. Si tu précises dans l'entête que le fichier contient des caractères ISO-8859-1, le navigateur interprète le fichier comme étant codé en ISO-8859-1. Or, si le fichier a été enregistré en UTF-8 mais que le navigateur interprète les caractères comme s'ils étaient du ISO-8859-1, alors évidemment des caractères incorrects seront affichés.

Deux possibilités :
- enregistrer le fichier en ISO-8859-1 et préciser le jeu de caractère ISO-8859-1 dans la balise <meta>
- ou enregistrer le fichier en UTF-8 et préciser le jeu de caractère UTF-8 dans la balise <meta>.

Le choix de l'encodage des fichiers se fait différemment dans les logiciels, mais c'est souvent lors de l'enregistrement d'un fichier que cela se choisit (dans le bas à droite de la fenêtre d'enregistrement du fichier).

Pour l'éditeur, quelques titres tirés de la logithèque du site : Geany, BlueFish et Screem. D'autres logiciels dans la logithèque.

Matthieu Garde · Le 07/10/2008, à 08:50

Salut

Pour apprendre le XHTML, une seule adresse :
http://www.maverick-zone.fr/index.php?page=tuto&id=5

Tu y trouveras un bon tutoriel complet et bien expliqué, avec des exemples et un forum si tu as des soucis
Bientôt un tuto sur le CSS ! ;o)

@+

HP · Le 07/10/2008, à 09:43

tu m'étonnes, c'est réellement un "exemple à suivre" :
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F88.168.232.167%2Findex.php%3Fpage%3Dtuto%26id%3D5

ali1983 · Le 07/10/2008, à 20:27

Merci Alexandrep et HP
J'ai mis dans l'entité meta
<meta http-equiv="Content-Type" content="text/html; charset=unicode" />
à la place de l'iso-8859-1 et tout va pour le mieux.

Il est super le site http://www.maverick-zone.fr/index.php?p … o&id=5
j'y vais faire un tour Thanks! Matthieu garde

ali1983 · Le 11/10/2008, à 10:21

Voila, la je voulais savoir comment faire une image de fond digne d'un bon site,

Pas mettre une couleur bleu blanc ou rose,

Mais tout simplement, crée une image qui nous reflètes et qui reflète l'atmosphère du site,

Est ce qu'il y a des droits d'auteurs sur les images de fonds d'écran?

AlexandreP · Le 11/10/2008, à 23:29

Oui, il y a des droits d'auteur sur une image d'arrière-plan. Il y a un droit d'auteur sur toute création artistique du moment qu'elle est créée. Si tu souhaites reprendre une image déjà existante, qui ne soit pas de ta création, tu dois en regarder sa licence : est-ce que la licence sous laquelle l'image est publiée autorise sa réutilisation ? sa modification ? avec ou sans citation du ou des auteurs ? etc. Cette licence accompagne généralement l'image sur la page où tu trouves l'image, ou bien tu peux contacter l'auteur de l'image afin d'obtenir son autorisation pour réutiliser son image pour ton projet.

Petit rappel aussi que les écrans de tous les visiteurs de ton site n'auront pas la même résolution ni la même taille. Pour que ton arrière-plan soit beau, veille à ce que ton image puisse se répéter de manière correcte. Prends en exemple l'arrière-plan de ce site : l'image peut être répétée autant de fois à l'horizontale et à la verticale, on aura toujours l'impression d'un bel arrière-plan unifié.

Pour joindre une image en arrière-plan, en CSS :

background-image : url('image.png'); /* Source de l'image à inclure */
background-repeat : repeat; /* L'image d'arrière-plan doit-elle se répéter ? 'repeat' ou 'no-repeat' */
background-position: top left; /* Position de l'image d'arrière-plan : top, bottom, left, right */

/* Variante toute en une seule ligne */
background: url('image.png') repeat top left;

ali1983 · Le 16/10/2008, à 10:35

Ok, je vais me faire une image mais par où commencer?!
Merci pour la précision!

AlexandreP · Le 16/10/2008, à 13:32

The GIMP est un éditeur d'images inclut par défaut dans Ubuntu. Va faire un tour dans ton menu Applications.

Lundifree · Le 16/10/2008, à 19:19

J'ai fait çà si çà peux t'aider.
http://www.tbert.bellinux.net/html_css2/index.html
Sinon si tu utilises Quanta+, tu auras l'écriture automatique des lettres accentuées.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1 Le 06/10/2008, à 10:05

Débutant langage XHTML et CSS

#2 Le 06/10/2008, à 10:18

Re : Débutant langage XHTML et CSS

#3 Le 06/10/2008, à 10:24

Re : Débutant langage XHTML et CSS

#4 Le 06/10/2008, à 23:45

Re : Débutant langage XHTML et CSS

#5 Le 07/10/2008, à 08:50

Re : Débutant langage XHTML et CSS

#6 Le 07/10/2008, à 09:43

Re : Débutant langage XHTML et CSS

#7 Le 07/10/2008, à 20:27

Re : Débutant langage XHTML et CSS

#8 Le 11/10/2008, à 10:21

Re : Débutant langage XHTML et CSS

#9 Le 11/10/2008, à 23:29

Re : Débutant langage XHTML et CSS

#10 Le 16/10/2008, à 10:35

Re : Débutant langage XHTML et CSS

#11 Le 16/10/2008, à 13:32

Re : Débutant langage XHTML et CSS

#12 Le 16/10/2008, à 19:19

Re : Débutant langage XHTML et CSS

Pied de page des forums