Developpement de site web

Zenix22700 · Le 02/07/2014, à 10:29

tiramiseb a écrit :

1 Mo, ça met 16 secondes à charger sur une connexion 512kb/s

Je n'imagine pas avec ma 3G minable

Mon code HTML , bonne lecture :

<!DOCTYPE html>
<html>
<header>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="style/style.css">
	<link rel="stylesheet" href="style/class.css">
	<link rel="stylesheet" href="style/id.css">
	<title>Craftalia</title>
</header>
<body>
	<div id="title">Craftalia</div>
	<nav id="menu">
		<a href="/" class="lienMenu">Accueil</a>
		<a href="/" class="lienMenu">A venir</a>
		<a href="/" class="lienMenu">A venir</a>
		<a href="/" class="lienMenu">A venir</a>
		<a href="/" class="lienMenu">A venir</a>
		<a href="/" class="lienMenu">A venir</a>
		<a href="/" class="lienMenu">A venir</a>
		<a href="/" class="lienMenu">A venir</a>
	</nav>
	<div class="news">
		<div class="titleNews">Titre de la news</div>
		<p>Texte de la news
		ligne </br>
		ligne </br>
		ligne </br>
		ligne </br>
		</p>
	</div>
	<div class="widget">
		<div class="titleWidget">Titre du widget</div>
		<p>Texte du widget
		ligne </br>
		ligne </br>
		ligne </br>
		ligne </br>
		</p>
	</div>

Je tien aussi a dire que j'ai réduit la largeur du la balise HTML a 900px

pierrecastor · Le 02/07/2014, à 10:30

tiramiseb a écrit :

Pour une utilisation basique à un instant T, ça fonctionne probablement bien.
Mais quid de la maintenance, de l'évolution dans le temps ?

Je n'en sais rien. Ca n'a pas eu l'aire de bouger.

tiramiseb a écrit :

Et souvent des gens sont venus demander de l'aide sur des petites conneries qui apparaissent dès que tu sors des sentiers battus.
Je poserais par contre une autre question : pour une utilisation basique, quel est l'intérêt de LAMPP par rapport à l'installation des trucs en une simple ligne de commande ?

Je n'en sais rien, c'est pour ça que je pose la question de la différence entre LAMPP et l'installation des composants 1 à 1. Pour moi, c'était ça que faisait LAMPP, automatiser l’installation et lier les truc entre eux.

Quand tu installes séparément, il n'y à pas besoin d'éditer quelques fichiers de conf pour les lier entre eux ?

Sinon, oui, 1Mo pour le background, c'est énorme.

Zenix22700 · Le 02/07/2014, à 10:34

pierrecastor a écrit :

Quand tu installes séparément, il n'y à pas besoin d'éditer quelques fichiers de conf pour les lier entre eux ?

Moi j'ai installer 1 a 1 et c'etait près a etre utiliser. Je crois que la seule chose a configurer c'est PHPMyAdmin (que je n'ai pas mis)

Et j'imagine que 650Kb est deja mieu pour une image en fond d'ecran

Dernière modification par Zenix22700 (Le 02/07/2014, à 10:35)

Zenix22700 · Le 02/07/2014, à 10:42

Meme une image de 60Kb ne s'affiche pas >.<

Pensez a donner votre avis sur le style du site , merci

tiramiseb · Le 02/07/2014, à 10:45

pierrecastor a écrit :

Je n'en sais rien. Ca n'a pas eu l'aire de bouger.

Un serveur web qui ne "bouge pas" ? Aucune mise à jour de sécurité, rien ? Tu n'y vois pas un problème ?

Pour moi, c'était ça que faisait LAMPP, automatiser l’installation et lier les truc entre eux.

LAMPP n'« automatise » pas l'installation et ne « lie » pas les trucs entre eux. LAMPP, c'est un package complet qui embarque ses propres versions des différents logiciels, installés de manière totalement indépendante des packages du système.

pierrecastor a écrit :

Quand tu installes séparément, il n'y à pas besoin d'éditer quelques fichiers de conf pour les lier entre eux ?

Les paquets sont bien faits : le minimum requis est déjà en place quand on installe les paquets...

cervo · Le 02/07/2014, à 10:46

tiramiseb a écrit :

Une version gratuite de Sublime Text est disponible
Non.
Sublime Text est disponible gratuitement pour essai.
Mais une fois que tu décides de réellement l'utiliser, il faut le payer.
Si tu décides de l'utiliser sans le payer, tu es malhonnête et tu ne respectes pas le contrat sous lequel l'éditeur de Sublime Text rend ce logiciel disponible. C'est dans le cadre du piratage et tu auras cet acte malhonnête sur la conscience.

"Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is no enforced time limit for the evaluation" (http://www.sublimetext.com/)

Si t'as envie d'évaluer le soft toute ta vie, tu peux.

pierrecastor · Le 02/07/2014, à 10:47

Pour l'image de fond, il faudrait mieux tombé en dessous des 100Ko, voir moins.

Pour l'affichage, il faudrait voir le CSS avec.

tiramiseb · Le 02/07/2014, à 10:48

cervo a écrit :

Si t'as envie d'évaluer le soft toute ta vie, tu peux.

Ça, c'est à voir entre toi et ta conscience.

Zenix22700: là comme ça je ne vois pas de problème dans ton code pour l'image de fond ; à part regarder dans la console du navigateur s'il y a une erreur, je ne sais pas quoi te dire...

Dernière modification par tiramiseb (Le 02/07/2014, à 10:49)

pierrecastor · Le 02/07/2014, à 10:49

tiramiseb a écrit :

Un serveur web qui ne "bouge pas" ? Aucune mise à jour de sécurité, rien ? Tu n'y vois pas un problème ?

Je laisse faire les mises à jours de tout le système. Et je n'ai eu l'impression d'avoir eu de soucis. Après, je dit que je n'en fait qu'une utilisation basique, serveur de test sur mon PC personnel.

tiramiseb a écrit :

LAMPP n'« automatise » pas l'installation et ne « lie » pas les trucs entre eux. LAMPP, c'est un package complet qui embarque ses propres versions des différents logiciels, installés de manière totalement indépendante des packages du système.
Les paquets sont bien faits : le minimum requis est déjà en place quand on installe les paquets...

Ok, j'aurais appris un truc aujourd'hui, merci pour les précisions.

Zenix22700 · Le 02/07/2014, à 10:49

pierrecastor a écrit :

Pour l'affichage, il faudrait voir le CSS avec.

J'ai regarder pas mal de maniere de mettre une image en fond d'ecran. Aucune ne marche , que se soit sur <html> ou <body>

Zenix22700 · Le 02/07/2014, à 10:56

La balise html est délimité par la bordure rouge :

pierrecastor · Le 02/07/2014, à 10:58

Zenix22700 a écrit :

pierrecastor a écrit :
Pour l'affichage, il faudrait voir le CSS avec.
J'ai regarder pas mal de maniere de mettre une image en fond d'ecran. Aucune ne marche , que se soit sur <html> ou <body>

j'avais pas vu que tu a mis le CSS page précédente.

Je dirait peut être un soucis de chemin ou de nom de fichier.

Zenix22700 · Le 02/07/2014, à 11:00

La console Mozilla FireFox m'affiche ça :

Use of getPreventDefault() is deprecated. Use defaultPrevented instead.

Zenix22700 · Le 02/07/2014, à 11:05

Voici l'image que je veut afficher

Image voulue

tiramiseb · Le 02/07/2014, à 11:19

Ok, j'ai compris ton problème : ta balise "background-image" n'est pas bonne : background-image n'accepte que l'url de l'image.
no-repeat c'est pour background-repeat.
center c'est pour background-position.
fixed c'est pour background-attachment.

Pour que l'image soit utilisée, ton code devrait être soit l'un soit l'autre deux deux suivants :

html {
	width: 900px;
	margin: 30px auto;
	background-color: black; <!-- Temporaire en attendant que ça marche  -->
	background-image: url(image/3D-Minecraft-Wallpaper-HD.png);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

html {
	width: 900px;
	margin: 30px auto;
	background: black url(image/3D-Minecraft-Wallpaper-HD.png) no-repeat center fixed;
}

-----

Mais ton cadre fait 900 px de large, seuls les 900 premiers px de ton image seront affichés. Et en hauteur, il n'y a pas grand chose non plus...
J'imagine que tu veux que l'image soit appliquée à la fenêtre et non au simple petit cadre au milieu.
Tente ça :

html {
	background: black url(image/3D-Minecraft-Wallpaper-HD.png) no-repeat fixed cover;
}
body {
	width: 900px;
	margin: 30px auto;
}

----------

pierrecastor a écrit :

Je laisse faire les mises à jours de tout le système.

Donc aucune mise à jour sur tous les éléments qui composent XAMPP/LAMPP...

Dernière modification par tiramiseb (Le 02/07/2014, à 11:20)

Zenix22700 · Le 02/07/2014, à 11:26

Toujours rien
Je vais essayer de voir une video , je sais que ça marcheras et comment faire

3G de merd*

Dernière modification par Zenix22700 (Le 02/07/2014, à 11:33)

Zenix22700 · Le 02/07/2014, à 11:50

Je crois que tout les problemes vienne des chemins de fichier. Les includes aussi ne marchent pas.

J'ai rien dit :3 les include marchent mais pas le background

Dernière modification par Zenix22700 (Le 02/07/2014, à 11:51)

Zenix22700 · Le 02/07/2014, à 11:59

Pour selui que ça interresse , je suis en train d'inventer un systeme de theme

pierrecastor · Le 02/07/2014, à 12:08

tiramiseb a écrit :

pierrecastor a écrit :
Je laisse faire les mises à jours de tout le système.
Donc aucune mise à jour sur tous les éléments qui composent XAMPP/LAMPP...

Je viens de revoir la doc, je suis passer par cette manip : http://doc.ubuntu-fr.org/lamp#alternati … ecommandee

J'ai donc installer tout les composant séparément.

J'avais déjà essayé par taskell, mais je n'en avais pas compris l’intérêt.

tiramiseb · Le 02/07/2014, à 12:24

pierrecastor : oui, donc tu n'as pas installé XAMPP (aussi appelé LAMPP), tu as en effet installé les paquets séparément. Tasksel, son intérêt c'est de n'avoir qu'une seule chose à sélectionner pour installer tous les paquets. Pas grand intérêt, donc.

Zenix22700 : si tu confirmes que l'image s'affiche quand tu entres son adresse directement, alors le problème vient de ton code CSS.
Peux-tu nous préciser (ou rappeler) :
- où est placé ton fichier html (chemin absolu)
- où est placé ton fichier css
- où est placé ton fichier image
- quel code CSS tu as en place actuellement

pierrecastor · Le 02/07/2014, à 12:30

tiramiseb a écrit :

pierrecastor : oui, donc tu n'as pas installé XAMPP (aussi appelé LAMPP), tu as en effet installé les paquets séparément. Tasksel, son intérêt c'est de n'avoir qu'une seule chose à sélectionner pour installer tous les paquets. Pas grand intérêt, donc.

Vu que j'étais sur la page de doc de LAMPP, j'ai toujours pensé avoir installer LAMPP. La page de doc fait d'ailleurs bien la différence entre xampp et lampp.

xampp, j'avais regardé, il fallais lancer du .run pour l'installer, j'ai laisser tomber.

Mais du coup, si tu parlais de xampp, je comprend mieux ce que tu voulais dire.

Zenix22700 · Le 02/07/2014, à 12:33

C'est bon sa fonctionne , j'ai du déplacer le dossier Image dans le dossier Style , je ne sais pas faire de reour en arriere dans les fichiers en css :x

chemin du site : /var/www/html/
Chemin des CSS: /var/www/html/Style
Ancien chemin de image: /var/www/html/image

Contenu du CSS :

html {

	width: 900px;
	margin: 30px auto 30px auto;
	background-image: url(image/creeper.jpg) no-repeat center fixed;
}

Y'a juste le creeper pas tres bien mis

Résultat :

tiramiseb · Le 02/07/2014, à 12:34

Vu que j'étais sur la page de doc de LAMPP

Attention, LAMP != LAMPP. Tu es sur la page qui parle de LAMP.

"LAMP" est juste un acronyme pour dire "Linux Apache MySQL PHP".

XAMPP, dont l'ancien nom (jusqu'en 2003(*)) était LAMPP, est un package "tout inclus" comme je l'ai indiqué.

(*) les vieux noms ont la vie dure ; autre exemple : SSL, qui s'appelle en réalité TLS depuis 2001.

pierrecastor · Le 02/07/2014, à 12:34

Pour le retour en arrière, c'est ../

Zenix22700 · Le 02/07/2014, à 12:36

pierrecastor a écrit :

Pour le retour en arrière, c'est ../

Ok merci

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#26 Le 02/07/2014, à 10:29

Re : Developpement de site web

#27 Le 02/07/2014, à 10:30

Re : Developpement de site web

#28 Le 02/07/2014, à 10:34

Re : Developpement de site web

#29 Le 02/07/2014, à 10:42

Re : Developpement de site web

#30 Le 02/07/2014, à 10:45

Re : Developpement de site web

#31 Le 02/07/2014, à 10:46

Re : Developpement de site web

#32 Le 02/07/2014, à 10:47

Re : Developpement de site web

#33 Le 02/07/2014, à 10:48

Re : Developpement de site web

#34 Le 02/07/2014, à 10:49

Re : Developpement de site web

#35 Le 02/07/2014, à 10:49

Re : Developpement de site web

#36 Le 02/07/2014, à 10:56

Re : Developpement de site web

#37 Le 02/07/2014, à 10:58

Re : Developpement de site web

#38 Le 02/07/2014, à 11:00

Re : Developpement de site web

#39 Le 02/07/2014, à 11:05

Re : Developpement de site web

#40 Le 02/07/2014, à 11:19

Re : Developpement de site web

#41 Le 02/07/2014, à 11:26

Re : Developpement de site web

#42 Le 02/07/2014, à 11:50

Re : Developpement de site web

#43 Le 02/07/2014, à 11:59

Re : Developpement de site web

#44 Le 02/07/2014, à 12:08

Re : Developpement de site web

#45 Le 02/07/2014, à 12:24

Re : Developpement de site web

#46 Le 02/07/2014, à 12:30

Re : Developpement de site web

#47 Le 02/07/2014, à 12:33

Re : Developpement de site web

#48 Le 02/07/2014, à 12:34

Re : Developpement de site web

#49 Le 02/07/2014, à 12:34

Re : Developpement de site web

#50 Le 02/07/2014, à 12:36

Re : Developpement de site web

Pied de page des forums