création de site oueb

Modérateur: Modérateurs et Modératrices

création de site oueb

Messagede piratebab » 04 Aoû 2005, 18:21

Bonsoir,
je m'initie aux langages XHTML et CSS pour embélir mon site. J'ai suivi l'exellent cours du site du zéro http://www.siteduzero.com/xhtml-css/
Mais les outils recommandés sont notepad++ et filezilla.
Lorsque je vais rentrer chez moi, je vais retrouver mon GNU/Linux, et que dois je utiliser ?

Pour l'éditeur, il faut qu'il reconnaisse les balises
Pour la gestion des FTP, il faut qu'il mémorise les mots de passe du serveur, et que le transfert se fasse en faisant glisser les dossiers.

Que me conseillez vous ? Mozilla composer et Kbear ? Je les ai déja.
Avatar de l’utilisateur
piratebab
Modérateur
 
Messages: 5728
Inscription: 30 Aoû 2004, 18:20

Messagede Tesgaz » 04 Aoû 2005, 19:54

Salut,

si tu as les paquetages kde, tu as Quanta+ pour editer tes pages
pour envoyer les dossiers/fichers = gFTP


si tu es en local, n'oublies pas de lancer le serveur Apache pour verifier tes pages dans Firefox
et pour créer ton dossier
/var/www/html/ton_site/

ensuite dans le navigateur : ip local/ton_site/index.html pour le voir

c'est juste avec ça que j'ai fait mon site perso
:wink:
Avatar de l’utilisateur
Tesgaz
 
Messages: 2133
Inscription: 23 Juil 2004, 12:49
Localisation: ici : ---------------------> X

Messagede jpj » 04 Aoû 2005, 21:14

Bonsoir.

Il y a Nvu comme éditeur wysiwyg multi-plateformes avec éditeur css et version française.

C'est le successeur de Mozilla composer. Je n'ai pas encore vraiment utilisé et n'ai donc pas d'avis sur la bête.

Son principal inconvénient semble d'être surtout wysiwyg avec des difficultés pour intervenir sur le code, même si ce n'est pas totalement impossible.

La fonction de mise en ligne ne semble pas géniale.

http://frenchmozilla.sourceforge.net/nvu/

Cordialement.
Quand tout le reste a échoué, lisez le mode d'emploi.
Mes configs
Avatar de l’utilisateur
jpj
 
Messages: 1338
Inscription: 30 Juil 2005, 21:28
Localisation: France

Messagede Tesgaz » 05 Aoû 2005, 05:45

Son principal inconvénient semble d'être surtout wysiwyg avec des difficultés pour intervenir sur le code, même si ce n'est pas totalement impossible.

Salut,

c'est le principale inconvénient des editeurs WYSIWYG, le code n'est pas propre, et après bonjour la galère pour remettre de l'ordre dans la page

Quanta fonctionne pas trop mal, et surtout, il s'adapte en fonction des syntaxes du code (couleurs différentes) donc facile à voir quand on oublie de fermer une balise

et puis pour voir la page se construire, tu le fais directement sur le navigateur en local, tu es sûr du résultat

bon, c'est juste un peu plus long, mais au moins, la page est propre

:wink:
Avatar de l’utilisateur
Tesgaz
 
Messages: 2133
Inscription: 23 Juil 2004, 12:49
Localisation: ici : ---------------------> X

Messagede piratebab » 05 Aoû 2005, 09:27

Merci à tous,
j'essaie tout ça dès que possible.
Avatar de l’utilisateur
piratebab
Modérateur
 
Messages: 5728
Inscription: 30 Aoû 2004, 18:20

Messagede Tesgaz » 05 Aoû 2005, 10:10

ah, au fait, la police standard de ton site est trop petite
(enfin, ce n'est qu'une suggestion)
Avatar de l’utilisateur
Tesgaz
 
Messages: 2133
Inscription: 23 Juil 2004, 12:49
Localisation: ici : ---------------------> X

Messagede piratebab » 06 Aoû 2005, 11:01

Merci de la remarque.
Mais sous IE c'est beaucoup plus gros. Quelle méthode conseilles tu:
- définir la taille en pixel
- définir en "large", "small", ...

J'ai pas mal galéré pour inclure du CSS dans le logz.
Avatar de l’utilisateur
piratebab
Modérateur
 
Messages: 5728
Inscription: 30 Aoû 2004, 18:20

Messagede Tesgaz » 06 Aoû 2005, 11:39

tu l'inclus dans le fichier css en pixel
12 etant la valeur moyenne pour que tout le monde puisse voir correctement
Avatar de l’utilisateur
Tesgaz
 
Messages: 2133
Inscription: 23 Juil 2004, 12:49
Localisation: ici : ---------------------> X

Messagede piratebab » 06 Aoû 2005, 19:39

Merci du conseil.
sur le site du zéro, il est recommandé d'utiliser les tailles prédéfinies (small, large, ...). Mais je vais passer en pixel.

Je n'ai fait une feuille de style que pour la page d'accueil (en bleu). Pour les autres, c'est la police par défaut du logz. Dés que je maitrise un peu mieux, je m'attaque à faire un charte graphique pour tous les tutos.
Avatar de l’utilisateur
piratebab
Modérateur
 
Messages: 5728
Inscription: 30 Aoû 2004, 18:20

Messagede Tesgaz » 06 Aoû 2005, 19:48

le fichier css te sert pour tout le site, il suffit juste de mettre ton code en rapport avec le css que tu construit

exemple,

code dans la page :


Code: Tout sélectionner
 <div class="bas"><br>
<div align="center">Création SpeedWeb - Articles originaux Tesgaz
<br/> - 2004/2005 - <a href="frames2.php?page=articles1">
Copyleft Attitude</a>
</div>


exemple du fichier css pour div class="bas"

Code: Tout sélectionner
/* special page bas*/

.bas {
background-image:url('design/bas.png'); /* met une image de fond sur le h1 */
background-repeat: no-repeat;/* interdit l'image de se répeter en largeur pour IE*/
position:relative;
margin:auto;
margin-top:center;
width: 510px; /*690px = largeur originale pour la page*/
height: 31px;
color: #15159f;
font-size: 10px;
padding: 0px;
}   


/* = les commentaires dans le fichier css afin que tu t'y retrouve */
Avatar de l’utilisateur
Tesgaz
 
Messages: 2133
Inscription: 23 Juil 2004, 12:49
Localisation: ici : ---------------------> X

Suivante

Retourner vers Linux (toutes distributions) et moi

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités