Probleme pour heberger son site en HTML

Résolu/Fermé
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 - 2 mars 2010 à 18:29
 thybzoc - 16 déc. 2011 à 09:10
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 !
A voir également:

13 réponses

dream666 Messages postés 735 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 24 février 2014 104
3 mars 2010 à 16:24
comment ce nomme tes image ?

as tu les code source pour voir ?
1
dream666 Messages postés 735 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 24 février 2014 104
3 mars 2010 à 16:42
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 ?
1
dream666 Messages postés 735 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 24 février 2014 104
4 mars 2010 à 16:15
a la racine de ton site ta page d'acceuil doi sappeler obligatoirement index donc soit
index.html ou index.php pour moi
1
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)
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
2 mars 2010 à 18:38
tous les sites d'hébergements te permettent d'héberger les images de ton site...
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
3 mars 2010 à 15:25
Je le sais trés bien, mais comment mettre une image dans le HTML, par exemple, pour le fichier .css, comment on fait ?
0
tu met ton image dans un dossier image lui mm en racine du mm dossier que le html et <img src="image\nom.extention"/>
0
c'est pas tres complique: entre les balise <head>et</head> et en dessous de<title> tu inscrit cela: <link rel="stylesheet"href="nom de la feuille css" type="text/css" media="screen"/>
0
dream666 Messages postés 735 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 24 février 2014 104
3 mars 2010 à 16:11
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
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
3 mars 2010 à 16:22
OUI, ben justement, quand je fias ça, les images ne s'affichent pas !
C'est sur un fond blanc !
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
3 mars 2010 à 16:28
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"
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
3 mars 2010 à 17:03
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 !
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
3 mars 2010 à 18:02
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 !
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
5 mars 2010 à 18:16
Merci pour tes renseignements qui m'ont beaucoup aider :)
Aurevoir !
0
biboo13 Messages postés 372 Date d'inscription mercredi 23 décembre 2009 Statut Membre Dernière intervention 16 avril 2011 71
17 avril 2010 à 18:44
Merci beaucoup de t'ont aide, mais là, je l'ai fait exprès ;)
C'est parce que je n'ai pas encore ouvert mon site au public !
0