Probleme pour heberger son site en HTML
Résolu
biboo13
Messages postés
432
Statut
Membre
-
thybzoc -
thybzoc -
Bonjour,
Depuis pas longtemps, j'ai appris le language HTML et le language CSS. J'ai donc voulu créer mon site, grâce au bloc Notes de Windows. Jusqu'a là, tout va bien ! C'est juste au moment d'heberger mon site internet que j'ai eu un soucis. Mon soucis est ainsi:
En faîtes, je veux heberger mon site gratuitement, mais je me suis rendu compte, que, au moment de mettre inscris sur les hebergeur gratuit, je peux heberger que le language HTLM. Vous allez me dire, qu'on peut inclure le language CSS dans du HTLM, mais je le sais trés bien ! La seul question que je me pose, c'est, comment faire pour les images ?! Parce'que il faut mettre les images dans un dossier !
Je me suis imaginer une réponse qui était celle-ci: J'héberge l'image sur un site d'hebergement gratuit (comme image hack) et je mais le lien.
Je voudrais savoir si j'avais raison ? Parce'que, si j'ai raison, comment faire exactement ? ( il y a des balises particuliéres à mettres, si il faut un site d'hebergement particuliers...). Si j'ai pas raison, comment faire pour heberger mon site entiérement sur un hebergeur gratuit ?!
Pour l'infos, en ce moment, je suis inscris sur l'hebergeur "Wibly"
Merci à tous et à toutes !
En attendant, vos réponses, aurevoir !
Depuis pas longtemps, j'ai appris le language HTML et le language CSS. J'ai donc voulu créer mon site, grâce au bloc Notes de Windows. Jusqu'a là, tout va bien ! C'est juste au moment d'heberger mon site internet que j'ai eu un soucis. Mon soucis est ainsi:
En faîtes, je veux heberger mon site gratuitement, mais je me suis rendu compte, que, au moment de mettre inscris sur les hebergeur gratuit, je peux heberger que le language HTLM. Vous allez me dire, qu'on peut inclure le language CSS dans du HTLM, mais je le sais trés bien ! La seul question que je me pose, c'est, comment faire pour les images ?! Parce'que il faut mettre les images dans un dossier !
Je me suis imaginer une réponse qui était celle-ci: J'héberge l'image sur un site d'hebergement gratuit (comme image hack) et je mais le lien.
Je voudrais savoir si j'avais raison ? Parce'que, si j'ai raison, comment faire exactement ? ( il y a des balises particuliéres à mettres, si il faut un site d'hebergement particuliers...). Si j'ai pas raison, comment faire pour heberger mon site entiérement sur un hebergeur gratuit ?!
Pour l'infos, en ce moment, je suis inscris sur l'hebergeur "Wibly"
Merci à tous et à toutes !
En attendant, vos réponses, aurevoir !
A voir également:
- Probleme pour heberger son site en HTML
- Site de telechargement - Accueil - Outils
- Site pour vendre des objets d'occasion - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
13 réponses
il y a une seule image qui ne saffiche car elle na pas de nom sinon le reste est bon. ( ligne 16 css.css)
tu a bien mis tes image a la racine sauf puce.png dans le dossier images ?
c'est quoi ladresse du site ?
tu a bien mis tes image a la racine sauf puce.png dans le dossier images ?
c'est quoi ladresse du site ?
a la racine de ton site ta page d'acceuil doi sappeler obligatoirement index donc soit
index.html ou index.php pour moi
index.html ou index.php pour moi
J'ai été voir ton site et je vois que tu as toujours le même problème. Il faut cliquer sur joomla pour rentrer sur ton site. Pour résoudre ca, il faut que tu crées un fichier index.html que tu mets sur ton site (si tu sais pas comment faire, c'est expliqué là : http://www.hebergement-website.com/tutoriels/9-installer-ftp-site.html
Ensuite, deux possibilités : soit tu fais un meta-refresh 0 et tu redirige vers ton dossier joomla, soit tu crées un fichier .htaccess (documente toi un peu)
Je ne pense pas que ce soit dû à ton hébergement, mais si jamais tu as des problèmes avec ton nouvel hébergeur (il arrive souvent que les sites soient indisponibles chez des hébergements gratuits), il y a moyen d'avoir son site en ligne pour pas trop cher et c'est vite rentabilisé avec la pub (va voir ici notamment : http://www.hebergement-website.com).
Perso, j'étais comme toi sur un hébergeur gratuit et je suis passé chez un payant pour 2.5 euros/mois. C'est facilement rentabilisé avec la pub, et je peux faire plus de choses (support en ligne, plusieurs bdd, et site plus rapide)
Ensuite, deux possibilités : soit tu fais un meta-refresh 0 et tu redirige vers ton dossier joomla, soit tu crées un fichier .htaccess (documente toi un peu)
Je ne pense pas que ce soit dû à ton hébergement, mais si jamais tu as des problèmes avec ton nouvel hébergeur (il arrive souvent que les sites soient indisponibles chez des hébergements gratuits), il y a moyen d'avoir son site en ligne pour pas trop cher et c'est vite rentabilisé avec la pub (va voir ici notamment : http://www.hebergement-website.com).
Perso, j'étais comme toi sur un hébergeur gratuit et je suis passé chez un payant pour 2.5 euros/mois. C'est facilement rentabilisé avec la pub, et je peux faire plus de choses (support en ligne, plusieurs bdd, et site plus rapide)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Je le sais trés bien, mais comment mettre une image dans le HTML, par exemple, pour le fichier .css, comment on fait ?
il faut uploader tes fichier index.html et aussi ton fichier.css sur le serveur de ton heberger
apres tu tape ladresse que ton hebergeur ta atribuer du genre www.monSite.com et tu vera ton site html
apres tu tape ladresse que ton hebergeur ta atribuer du genre www.monSite.com et tu vera ton site html
oui j'ai les codes
voici le HTML:
<!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>La communauté francophone de Combat Arms!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css.css" />
</head>
<body>
<div id="en_tete">
</div>
<h1> Bienvenue sur la communauté francophone de Combat Arms ! </h1>
<div id="menu">
<div class="element_menu">
<h3>Le Site</h3> <!-- Titre du sous-menu -->
<ul>
<li>News</li> <!-- Liste des liens du sous-menu -->
<li>Le site Officiel</li>
<li>Le Forum</li>
</ul>
</div>
<div class="element_menu">
<h3>Le Jeu</h3>
<ul>
<li>News</li>
<li>Media</li>
<li>Tutoriaux</li>
<li><a href="Telechargement.html">Telechargements</a></li>
</ul>
</div>
</div>
<div id="corps" />
<h3> C'est quoi Combat Arms ? </h3>
<p>Combat Arms est un FPS à la 3éme personne qui existe dans deux continents différents
et,donc, dans deux langues différentes: L'Amérique, en langue américainne et l'Europe, en langue anglaise. Nous nous
interesserons plus particuliérement au Combat Arms européen, là ou est inscrit la plupart des
français.<br/>
<h3> Pourquoi avoir créer ce site ? </h3>
J'ai tout simplement créer ce site pour permettre au gens qui ne comprenne pas l'Anglais, de pouvoir
suivre en intégralité l'actualité de Combat Arms. En est fait, le site officiel de Combat Arms a été
conçu pour les europpéen est, donc, pour que tous le monde comprenne, il est entiérement en Anglais.
<div id="pied_de_page" />
Copyright "Tout pourri Corporation" 2010, tous droits réservés
</body>
</html>
Et voici le .css :
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond.gif");
}
/* L'en-tête */
#en_tete
{
width: 800px;
height: 140px;
background-image: url(".gif");
background-repeat: no-repeat;
margin-bottom: 10px;
}
/* Le menu */
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
background-image: url("motif.gif");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a
{
color: #B3B3B3;
}
.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}
/* Le corps de la page */
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: #626262; /* Une couleur de fond pour le corps */
background-image: url("corps.gif");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding: 5px;
clear: both;
text-align: center;
color: #B3B3B3;
background-color: #626262;
background-image: url("corps.gif");
background-repeat: repeat-x;
border: 2px solid black;
}
h1, h2
{
color: silver;
}
body
{
color: silver;
}
COMME TU LE VOIS MES IMAGES SE NOMME 3NOM DE L IMAGE.GIF"
voici le HTML:
<!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>La communauté francophone de Combat Arms!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css.css" />
</head>
<body>
<div id="en_tete">
</div>
<h1> Bienvenue sur la communauté francophone de Combat Arms ! </h1>
<div id="menu">
<div class="element_menu">
<h3>Le Site</h3> <!-- Titre du sous-menu -->
<ul>
<li>News</li> <!-- Liste des liens du sous-menu -->
<li>Le site Officiel</li>
<li>Le Forum</li>
</ul>
</div>
<div class="element_menu">
<h3>Le Jeu</h3>
<ul>
<li>News</li>
<li>Media</li>
<li>Tutoriaux</li>
<li><a href="Telechargement.html">Telechargements</a></li>
</ul>
</div>
</div>
<div id="corps" />
<h3> C'est quoi Combat Arms ? </h3>
<p>Combat Arms est un FPS à la 3éme personne qui existe dans deux continents différents
et,donc, dans deux langues différentes: L'Amérique, en langue américainne et l'Europe, en langue anglaise. Nous nous
interesserons plus particuliérement au Combat Arms européen, là ou est inscrit la plupart des
français.<br/>
<h3> Pourquoi avoir créer ce site ? </h3>
J'ai tout simplement créer ce site pour permettre au gens qui ne comprenne pas l'Anglais, de pouvoir
suivre en intégralité l'actualité de Combat Arms. En est fait, le site officiel de Combat Arms a été
conçu pour les europpéen est, donc, pour que tous le monde comprenne, il est entiérement en Anglais.
<div id="pied_de_page" />
Copyright "Tout pourri Corporation" 2010, tous droits réservés
</body>
</html>
Et voici le .css :
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond.gif");
}
/* L'en-tête */
#en_tete
{
width: 800px;
height: 140px;
background-image: url(".gif");
background-repeat: no-repeat;
margin-bottom: 10px;
}
/* Le menu */
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
background-image: url("motif.gif");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a
{
color: #B3B3B3;
}
.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}
/* Le corps de la page */
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: #626262; /* Une couleur de fond pour le corps */
background-image: url("corps.gif");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding: 5px;
clear: both;
text-align: center;
color: #B3B3B3;
background-color: #626262;
background-image: url("corps.gif");
background-repeat: repeat-x;
border: 2px solid black;
}
h1, h2
{
color: silver;
}
body
{
color: silver;
}
COMME TU LE VOIS MES IMAGES SE NOMME 3NOM DE L IMAGE.GIF"
http://combats-arms.weebly.com/
Tu t'en fous de l'en tête sa c'est weebly qui la mes, c'est pas dans mes fichier css .
Comme tu le vois, il manque le fond de la page, la couleur des menu... enfin, tout ce qui est image !
Tu t'en fous de l'en tête sa c'est weebly qui la mes, c'est pas dans mes fichier css .
Comme tu le vois, il manque le fond de la page, la couleur des menu... enfin, tout ce qui est image !
Finalement, c'est bon ! J'ai trouvé un autre hebergeur qui est 000webhost.
Mais maintenant, j'ai un autre probléme :s
Je transmets mais fichier grâce au logiciel FileZilla mais, au moment ou je me rend à l'adresse de mon site, qui est https://www.000webhost.com/migrate?static=true , on est obliger de cliquer sur site, et, aprés, sur Acceuil pour accéder au site ! Enfin, cc'est un peux difficile a expliquer, rendez vous sur le site, vous comprendrez ;).
Merci pour vos futur réponses !
Mais maintenant, j'ai un autre probléme :s
Je transmets mais fichier grâce au logiciel FileZilla mais, au moment ou je me rend à l'adresse de mon site, qui est https://www.000webhost.com/migrate?static=true , on est obliger de cliquer sur site, et, aprés, sur Acceuil pour accéder au site ! Enfin, cc'est un peux difficile a expliquer, rendez vous sur le site, vous comprendrez ;).
Merci pour vos futur réponses !