Pour la création de votre site!!

Démarré par Link.BS, 20 Décembre 2004 à 14:13

0 Membres et 1 Invité sur ce sujet

20 Décembre 2004 à 14:13 Dernière édition: 29 Décembre 2004 à 12:49 par Zak
Je crer ce topic pour le language html qui permet de créer un site web
Le languge html et une langue qui nous sert a dire a l'ordinateur des indiquations comme je veux que le titre de mon site soit de taille moyenne qu'il soit centrer et qu'il y est écris "Bienvenu sur mon site!".
Le language html marche avec des balises, un balise commence par ça "<"et se termine par ça">"(a ne pas confondre avec le bb code qui utitlise ça[]).
Exemple de balise:
<bidule>
Ceci est un petit récapitulatif pour les nouveaux qui comence avec le language html :hello:
A noté aussi qu'il existe deux types différents de balises:
Les balises seules:se sont des balise qui marche(comme sn nom l'indique toute seule (comme une grande :D )
Exemple:
<image/>
Les balises par paires:ce sont des balises qui marchent par deux ! :bisou:
Exemple:
<p></p>
Bien maintenant les diférentes balises:
Pour organiser son texte
<p></p>: balise permettant de faire des paragraphes
<br/>: permet de revenir à la ligne
<title>:permet de faire des titres
<h1><h1>:permet de mettre en valeur le titre(titre très important
<h2><h2>:titre important
<h3><h3>:titre moyennement important
<h4><h4>:titre pas très important
<h5><h5>:titre pas impotant
<h6><h6>:titre pas important du tout
A noté que les balises: <h4>,<h5>,<h6> ne sont utilisées que très rarement!
Vous pouvez aussi mettre un rappel sur votre page web, invisible sur le web mais visible lorsque vous créer votre page, ça vous sert de pense bête si vous avez oubliez quelque chose a mettre sur votre page web.
Exemple:
<!-- Rappel : c'est ici que l'on écrit le contenu de notre page web -->

<em></em>:permet de mettre le texte en italique
<strong></strong>:met le texte en gras
Des balises rares mais utiles
<q></q>:permet de faire une citation
<sup></sup>: pour mettre en exposant certains mots ou caractères
<sub></sub>:pour mettre certains mots ou caractères en les abaissant
<blockquote>:permet de faire de longues citations
Les images
Il faut utiliser le lien image shack comme sur le forum!image shak
<img/>: permet de mettre les images
Exemple:
<img src=http://img76.exs.cx/img76/6862/linux4ig.jpg alt=linux title=linux/>
pour cette image:

Voila je crois qu je vous ai dit le principale je reviendrait mettre d'autres balises quand j'en trouverait d'autre bien sur!! :P

merci ca pourra peut-être m'aider il faut deja que uj'apprenne ce bôôô language

Elle est géniale! Merci à Chuck!
11/04/05:Encore 60 messages et je suis Tokay...Euh zut, être tout vert c'est pas vraiment génial en fin de compte!
20/09/05 : Je suis Tokay! Vivement Goron!

22 Décembre 2004 à 18:39 #2 Dernière édition: 22 Décembre 2004 à 18:40 par LinkAdulte2
Si tu veux l'apprendre: http://www.siteduzero.com  ;)

C'est bien expliqué je trouve ! :rolleyes:  
Demo 1.1 ZLS (cliquez sur la bannière)


Petit truc: Mes débuts on commençés avec le site du zéro puis après j'ai commençé à fouiller le html dans d'autres sites.

De toutes façons, il faut apprendre sur le site du zéro dès le commencement. Pas comme moi qui ai commencé avec Frontpage et qui s'est (enfin) décidé à arreté cette drogue :P
Suivez mon défi fou : finir de nouveau chaque Zelda, à 100%, dans leur ordre chronologique afin de permettre une réécriture au fur et à mesure de la légende.

Le meilleur site d'apprentissage de language pour créer son site web est le Site du ZérO : tout y est expliqué sous forme de questions/réponses . C'est le meilleur dans son domaine :super:  

16 Février 2005 à 09:58 #7 Dernière édition: 16 Février 2005 à 10:43 par Zak
Me revoila ça fais vachement longtemps que je ne suis pas venu alors pour vous:
quelques nouvelles balises:
Pour qu'une personne télécharge un fichier en cliquant sur un lien: les balises utilisé sont: <A HREF="le nom de votre fichier.exe" (ou zip etc...)>NOM</A>
ex:
A chaque fois qu'un internaute clique sur le lien la fenêtre suivante s'affiche (différente selon le type et le nom du fichier à télécharger!)

Mettre un lien pour ouvrir une nouvelle fenêtre:
<A HREF="le nom de votre page.html" TARGET="le nom de la fenêtre">le nom du lien</A>
ex: en cliquant sur "pour voir les scores" -----------) Une nouvelle fenêtre saffiche! :)  


Et comment on fais pour mettre notre page sur Inthernet ?

21 Février 2005 à 14:25 #10 Dernière édition: 21 Février 2005 à 14:26 par Éti
Moi je connaisais toute c'est balise mais je suis rendu au CSS qui est plus dur je trouve. :unsure:


Allez sur le site de Zeldagor ici


21 Février 2005 à 14:25 #11 Dernière édition: 21 Février 2005 à 14:26 par Jojo
CitationEt comment on fais pour mettre notre page sur Inthernet ?
Déjà il te faut un hébergeur pour héberger ta page et un logiciel de transfert FTP comme Filezilla qui te permettra de mettre ta page sur ton hébergeur.

<hs>est-ce que quelqu'un peut m'heberger mes pages Word ?</hs>
C'est bien des pages Word qu'il faut ?

Non word est un éditeur de texte, tu peux programmer tes pages avec mais après tu doit les enregistrer au format html ou xhtml.

Et comment je fais ?
et sinon avec quel logiciel je peux le faire ?

Notepad ++
Sur la site du zéro, ils te proposent de le télécharger dans le premier chapitre il me semble.
Suivez mon défi fou : finir de nouveau chaque Zelda, à 100%, dans leur ordre chronologique afin de permettre une réécriture au fur et à mesure de la légende.

Oui j'ai vu ça ! D'ailleurs il est bien ! Alors quelqu'un pourrait m'heberger mes pages ?

Désolé mais je ne sais pas trop si c'est du HS ! Donc je poste quand même... Désolé si c'est du HS ...

CitationNon word est un éditeur de texte, tu peux programmer tes pages avec mais après tu doit les enregistrer au format html ou xhtml.
Le format html suffira amplemment du point de vue où l'extension *.xhtml n'existe pas :)

21 Février 2005 à 21:19 #18 Dernière édition: 21 Février 2005 à 21:19 par BenObiWan
CitationOui j'ai vu ça ! D'ailleurs il est bien ! Alors quelqu'un pourrait m'heberger mes pages ?
va voir sur le topic épinglé FAQ site web http://forums.zelda-solarus.com/index.php?showtopic=6162
il y'a une liste d'hebergeurs.
Citation
Ash Nazg Durbatulùk, Ash Nazg Gimbatul,
Ash Nazg Thrakatulùk agh bruzum-ishi krimpatul.
The fellowship of the Ring - J.R.R. Tolkien

Oui mais est-ce que quelqu'un peut m'heberger mes pages (dans son FTP !)

CitationNon word est un éditeur de texte, tu peux programmer tes pages avec mais après tu doit les enregistrer au format html ou xhtml.
Je déconseille fortement à quiconque d'utiliser Word comme éditeur. Il insère quantités et quantités de balises et d'informations "inutiles" et au final, vos pages triplent de volume (et de taille).

CitationOui mais est-ce que quelqu'un peut m'heberger mes pages (dans son FTP !)
Hors de question, tu as un liste d'hébergeurs, tu en prend un et tu te DEBROUILLES ! On va pas te faire tout non plus ! En plus c'est très simple ...
Suivez mon défi fou : finir de nouveau chaque Zelda, à 100%, dans leur ordre chronologique afin de permettre une réécriture au fur et à mesure de la légende.

22 Février 2005 à 19:19 #22 Dernière édition: 22 Février 2005 à 19:20 par Julio75
Pff ... Ne JAMAIS au grand JAMAIS utiliser Frontpage ou Word pour faire des pages web ! Je m'explique , j'ai appris recemment que avec de la pratique on peut hacker sans problème un site fait avec Frontpage , mais si votre site utilise des allopass , avec un site avec Frontpage on peut les contourner sans aucune diffuculté , tout cela a cause de Bill Gates qui veu mettre des failles pour garder le contrôle de ses ordinateurs ...

Citation
CitationOui mais est-ce que quelqu'un peut m'heberger mes pages (dans son FTP !)
Hors de question, tu as un liste d'hébergeurs, tu en prend un et tu te DEBROUILLES ! On va pas te faire tout non plus ! En plus c'est très simple ...
C'est vrai, il faut faire un effort quand même et puis comme le dit Valoo c'est extrement simple et après t'as juste besoin d'un transfert FTP vas sur le site du zéro t'auras filezilla.

PS : J'ai jamais conseillé à personne de prendre word ou Frontpage, je sais très bien que c'est très mauvais et puis qu'on apprend rien avec, d'ailleurs j'ai toujours fait du pur :P .

Bon c'est bin j'ai trouvé un hebergeur ! Mias j'arrive pas à mettre le site à jour ....

CitationBon c'est bin j'ai trouvé un hebergeur ! Mias j'arrive pas à mettre le site à jour ....
heu, c'est à dire ?
T'es sur que t'as bien lu le site du zéro ?
Même sans le site du zéro, avant je savais mettre mon vieux site à jour (cube-planete V1 hum  :unsure:)
Suivez mon défi fou : finir de nouveau chaque Zelda, à 100%, dans leur ordre chronologique afin de permettre une réécriture au fur et à mesure de la légende.

En fait ca veux pas mettre mes ploices ! J'ai fais une page CSS et j'ai mis tout ce qu'il faut et ça veut pas modifié la police  :!:  

Site du zéro c'est nul en tout cas..

Apprennez avec le site du zéro mais je vous coneilles pas leurs nouveaux truc css machin.

CitationSite du zéro c'est nul en tout cas..

Apprennez avec le site du zéro mais je vous coneilles pas leurs nouveaux truc css machin.
Pourtant c'est seulement ainsi que d'ici 3 à 5 ans les serveurs l'entendront.
xhtml et css sont deux outils très puissants, très légers, très fiables et surtout ordonnés, ta réaction me fait doucereusemment glousser tant elle est déplacée.

Le site du zéro est à mon sens le meilleur site de vulgarisation d'outils informatique, et par la plus grande chance il tappe dans les plus puissants et les plus utilisés, ce qui ne veut pas forcémment dire les plus faciles.

Réussir ça, c'est un coup de maître, je demande à voir si tu serais capable d'en faire le dixième...

CitationEn fait ca veux pas mettre mes ploices ! J'ai fais une page CSS et j'ai mis tout ce qu'il faut et ça veut pas modifié la police  :!:
Nan c'est pas que "ça veux pas" c'est que tu t'es gouré quelque part. Bon montre nous tes deux codes <_<
Suivez mon défi fou : finir de nouveau chaque Zelda, à 100%, dans leur ordre chronologique afin de permettre une réécriture au fur et à mesure de la légende.

h1
{
  color:red;
 
}
h2
{
color:yellow;
}
.paragraphe1
{
color:blue
}

.important
{
color:red
}
a
{
color:white
}
p
{
  /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
  font-family: Comic Sans MS, Trebuchet MS, Georgia, serif;
}
h1
{
  text-align: center; /* Pour centrer le titre */
  font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o) */
}
body
{
background-color:green
}


Ca c'est le CSS

Ton code est tout bon , peut être que tu n'as pas mis de lien avec le code XHTML .
( Hum , ça sent le Matéo tout ça ! Il reste encore ses commentaires :D )

Citationh1
{
  color:red;
 
}
h2
{
color:yellow;
}
.paragraphe1
{
color:blue
}

.important
{
color:red
}
a
{
color:white
}
p
{
  /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
  font-family: Comic Sans MS, Trebuchet MS, Georgia, serif;
}
h1
{
  text-align: center; /* Pour centrer le titre */
  font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o) */
}
body
{
background-color:green
}


Ca c'est le CSS
O.K, je reviens (un peu absent)
minishlink: Avant de t'expliquer comment associer une page CSS je vais d'abord t'informer que l'on peut écrire le CSS directement sur la page HTML dans ton cas voici ce qut tu dois recopier sur ta page html:
Citation<html>
<head>
<title>###########<title>(remplace les #par le titre de ta page)
<style type="text/css">
h1
{
  color:red;
 
}
h2
{
color:yellow;
}
.paragraphe1
{
color:blue
}

.important
{
color:red
}
a
{
color:white
}
p
{
  /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
  font-family: Comic Sans MS, Trebuchet MS, Georgia, serif;
}
h1
{
  text-align: center; /* Pour centrer le titre */
  font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o) */
}
body
{
background-color:green
}


</style>

</head>

<body>
texte et autre
</body>
</html>
Citation( Hum , ça sent le Matéo tout ça ! Il reste encore ses commentaires  )
C'est vrai en plus pourquoi tu as pris un exemple? (c'est peut-être pour voir si ça marchait?? ^_^ )

Sinon il ya aussi un site ou c'est tres bien expliqué :

www.lissaexplains.com/french/

vous trouverez du langage hexadécimal et plein d'autre choses pour ameliorer vos page webs ;)

et apres chèrs fans, vous vous mettrez au javascript, moi je commence a l'apprendre.

Citationh1
{
  color:red;
 
}
h2
{
color:yellow;
}
.paragraphe1
{
color:blue
}

.important
{
color:red
}
a
{
color:white
}
p
{
  /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
  font-family: Comic Sans MS, Trebuchet MS, Georgia, serif;
}
h1
{
  text-align: center; /* Pour centrer le titre */
  font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o) */
}
body
{
background-color:green
}


Ca c'est le CSS
Il me smelbe que la source de ton problème vient tout simplement du fait qu'il faille mettre des guillemets autour des noms de polices composées, non ? ( wah quelle belle phrase :P )
En gros je pense que ce devrais être plutôt :
Citationfont-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;

Au passage je précise pour ceux qui maîtrisent déja bien le (x)HTML, essayez-vous au PHP ( on a rien à y perdre et les pages en PHP sont bien plus pratiques car dynamiques )
Il y a aussi des tuts sur le site du 0

CitationSinon il ya aussi un site ou c'est tres bien expliqué :

www.lissaexplains.com/french/

vous trouverez du langage hexadécimal et plein d'autre choses pour ameliorer vos page webs ;)

et apres chèrs fans, vous vous mettrez au javascript, moi je commence a l'apprendre.
Moi je passe directement du html au PHP, pas besoin de s'eterniser sur le CSS. J'ai compris le principe, c'est déjà ça! Et pis le javascript, y'a des scripts qui sont téléchargeables et je trouve qu'il est pas très puissant puisque qu'il s'éxécute côté client...

- Statut ZSGrafik: Libre