Site perso
vieuxpc
Messages postés
2715
Date d'inscription
Statut
Membre
Dernière intervention
-
vordano Messages postés 1685 Date d'inscription Statut Membre Dernière intervention -
vordano Messages postés 1685 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai créé il y a déjà quelques années un sîte perso que voici
https://vieuxpc.net/
je n'ai aucune connaissances réelles en création de sîte à part un peu de html et quelques codes en css, php et javascript surtout pour créer des compteurs.
sur les conseils de pierrecastor je m'adresse à vous pour savoir comment je pourrais améliorer mon sîte tout en n'ayant pas trop de connaissances!
Merci d'avance
vieuxpc
j'ai créé il y a déjà quelques années un sîte perso que voici
https://vieuxpc.net/
je n'ai aucune connaissances réelles en création de sîte à part un peu de html et quelques codes en css, php et javascript surtout pour créer des compteurs.
sur les conseils de pierrecastor je m'adresse à vous pour savoir comment je pourrais améliorer mon sîte tout en n'ayant pas trop de connaissances!
Merci d'avance
vieuxpc
A voir également:
- Site perso
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
9 réponses
Bonjour,
J'y suis allé....
J'ai vu....
J'ai regardé le code HTML....
Puis j'ai pris des pillules pour le coeur.... Là je me remet de mes émotions et trouve un peu de forces pour répondre....
D'abord, c'est quoi ca?
dans une page on met un seul BODY !!!
N'ensuite, la mise en page avec TABLE, faut OU-BLI-ER !!!
TABLE sert U-NI-QUE-MENT à présenter des données en lignes/colonnes. Point barre. Privilégier les blocs gérés par CSS. Pour ce faire, HTML5 et CSS 2.x sont tes amis. Oublier le site du zéro. J'ai repris leur idée et adapté à la sauce HTML5 ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageSimple
Plus globalement: tout le design est à revoir intégralement.
Il faut privilégier les rubriques vraiment importantes. Les menus et le contenu doivent autant que possible tenir dans la géométrie écran en ayant à scroller latéralement à minima, voire jamais.
Eviter (virer même...) les gifs animés!!!
Ensuite, sur cette page par exemple:
http://www.vieuxpc.net/tutos/tutoproxy3.htm
fond gris, texte vert, bof.... Une belle page c'est fond blanc et texte noir et une fonte lisible: Arial, Verdana.... TOUS les sites pros de qualité ne dérogent pas à cette règle.
Enfin, un conseil, gérez des templates et insérez-les via un script contrôleur. Un bon site sait gérer les scripts PHP. Donc on a plus qu'un seul script: index.php qui gère des pages.
Exemple, votre page:
http://www.vieuxpc.net/tutos/tutoproxy3.htm
deviendrait:
https://vieuxpc.net/?page=tutos/tutoproxy3
Avantage: vous voulez intégrer une fonctionnalité supplémentaire qui est globale au site. Vous l'intégrez au niveau de index.php. Un seul script modifié et tout le site évolue.
J'y suis allé....
J'ai vu....
J'ai regardé le code HTML....
Puis j'ai pris des pillules pour le coeur.... Là je me remet de mes émotions et trouve un peu de forces pour répondre....
D'abord, c'est quoi ca?
<body background="photo/bleuciel.jpg"> <!--image de fond--> <body bgcolor="#0B5B95"> <!--couleur de fond de tout le corps--> <body text="black"> <!--couleur du texte pour tout le corps--> <body link="#660000"> <!--couleur des liens--> <body vlink="green"> <!--couleur des liens actifs--> <body alink="#E9B4BE"> <!--couleur des liens visités--> <body bgproperties="fixed">
dans une page on met un seul BODY !!!
N'ensuite, la mise en page avec TABLE, faut OU-BLI-ER !!!
TABLE sert U-NI-QUE-MENT à présenter des données en lignes/colonnes. Point barre. Privilégier les blocs gérés par CSS. Pour ce faire, HTML5 et CSS 2.x sont tes amis. Oublier le site du zéro. J'ai repris leur idée et adapté à la sauce HTML5 ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageSimple
Plus globalement: tout le design est à revoir intégralement.
Il faut privilégier les rubriques vraiment importantes. Les menus et le contenu doivent autant que possible tenir dans la géométrie écran en ayant à scroller latéralement à minima, voire jamais.
Eviter (virer même...) les gifs animés!!!
Ensuite, sur cette page par exemple:
http://www.vieuxpc.net/tutos/tutoproxy3.htm
fond gris, texte vert, bof.... Une belle page c'est fond blanc et texte noir et une fonte lisible: Arial, Verdana.... TOUS les sites pros de qualité ne dérogent pas à cette règle.
Enfin, un conseil, gérez des templates et insérez-les via un script contrôleur. Un bon site sait gérer les scripts PHP. Donc on a plus qu'un seul script: index.php qui gère des pages.
Exemple, votre page:
http://www.vieuxpc.net/tutos/tutoproxy3.htm
deviendrait:
https://vieuxpc.net/?page=tutos/tutoproxy3
Avantage: vous voulez intégrer une fonctionnalité supplémentaire qui est globale au site. Vous l'intégrez au niveau de index.php. Un seul script modifié et tout le site évolue.
Clair en plus d'être moche c'est difficilement lisible et ça attaque les yeux.
Comme tout le monde n'est pas designer commencez par refaire un site qui vous plait en simplifiant au maximum et n'oubliez pas que c'est pas le nombre de gadgets qui clignote qui compte mais que vous vous adressez avant tout à une personne(celui qui va visiter ton site) , donc il faut qu'il ait le message de chaque page de façon claire et évidente(propre et lisible sans oublier d'espacer les contenus, ajouter des cadres pour mettre en valeur le titre, des images...). C'est une partie du travail d'un site: l'ergonomie et le design. Rien qu'avec css et quelques images vous pouvez faire quelque chose de joli.Après si vous maîtrisez un outil de graphisme vous pouvez faire des rendus sympas à intégrer dans la page.
Par exemple au niveau prise en main(ergonomie) les menus sont tout petits, la page d'accueil il faut descendre sur 3 écrans pour tout afficher, les cadres clignotants sont limites illisibles, pareils pour les couleurs des textes du menu(plusieurs couleurs ça fait juste pochette surprise, un site se limite généralement à 2 couleurs avec des déclinaisons de teintes histoire d'avoir un rendu homogène).
Comme tout le monde n'est pas designer commencez par refaire un site qui vous plait en simplifiant au maximum et n'oubliez pas que c'est pas le nombre de gadgets qui clignote qui compte mais que vous vous adressez avant tout à une personne(celui qui va visiter ton site) , donc il faut qu'il ait le message de chaque page de façon claire et évidente(propre et lisible sans oublier d'espacer les contenus, ajouter des cadres pour mettre en valeur le titre, des images...). C'est une partie du travail d'un site: l'ergonomie et le design. Rien qu'avec css et quelques images vous pouvez faire quelque chose de joli.Après si vous maîtrisez un outil de graphisme vous pouvez faire des rendus sympas à intégrer dans la page.
Par exemple au niveau prise en main(ergonomie) les menus sont tout petits, la page d'accueil il faut descendre sur 3 écrans pour tout afficher, les cadres clignotants sont limites illisibles, pareils pour les couleurs des textes du menu(plusieurs couleurs ça fait juste pochette surprise, un site se limite généralement à 2 couleurs avec des déclinaisons de teintes histoire d'avoir un rendu homogène).
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
et
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql
Et en effet, revoie vraiment les graphismes!!
et
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql
Et en effet, revoie vraiment les graphismes!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut
Niveau graphisme, je pense que Garth à bien circonscrire le problème. Après, ça reste ton site, il faut qu'il reflète ce que tu veut y faire passer, mais sans oublier l'expérience utilisateur.
Niveau code, il te manque des truc et d'autres ne sont pas aux normes.
Par exemple, le doctype n'y est pas :
https://fr.wikipedia.org/wiki/Document_Type_Definition
http://coin.des.experts.pagesperso-orange.fr/reponses/faq9_64.html
http://www.pompage.net/traduction/le-doctype-qu-il-vous-faut
La balise titre ne prend pas la mise en forme, tu peut enlever le H1
Ensuite, je vois que tu a un fichier css attaché, c'est lui qu'il faut utiliser pour toute la mise en forme, par exemple :
Tu peut regrouper toutes ces propriété dans le css, de cette façon :
body {
background="photo/bleuciel.jpg";
bgcolor="#0B5B95"
text="black"
link="#660000"
vlink="green"
alink="#E9B4BE"
bgproperties="fixed"
}
Sans compter que ça te fait ouvrir plusieurs balise body, ce qui est incorrecte.
C'est un début, mais si tu corrige déjà ça, y'aura du mieux. ;-)
La but au final serait que ton site ne renvois plus d'erreur lors de la validation w3c (qui s'occupe de voir si le site colle bien a toutes les normes html).
https://validator.w3.org/nu/?doc=http%3A%2F%2Fvieuxpc.net%2F
Pour cela, tu peut t'appuyer sur les tuto du site du zero que griviere a mis en lien, ils sont vraiment bien fait.
Mais sinon, pour un site amateur, tu a quand même fait un sacrée travail, bravo.
Niveau graphisme, je pense que Garth à bien circonscrire le problème. Après, ça reste ton site, il faut qu'il reflète ce que tu veut y faire passer, mais sans oublier l'expérience utilisateur.
Niveau code, il te manque des truc et d'autres ne sont pas aux normes.
Par exemple, le doctype n'y est pas :
https://fr.wikipedia.org/wiki/Document_Type_Definition
http://coin.des.experts.pagesperso-orange.fr/reponses/faq9_64.html
http://www.pompage.net/traduction/le-doctype-qu-il-vous-faut
La balise titre ne prend pas la mise en forme, tu peut enlever le H1
Ensuite, je vois que tu a un fichier css attaché, c'est lui qu'il faut utiliser pour toute la mise en forme, par exemple :
<body background="photo/bleuciel.jpg"> <!--image de fond--> <body bgcolor="#0B5B95"> <!--couleur de fond de tout le corps--> <body text="black"> <!--couleur du texte pour tout le corps--> <body link="#660000"> <!--couleur des liens--> <body vlink="green"> <!--couleur des liens actifs--> <body alink="#E9B4BE"> <!--couleur des liens visités--> <body bgproperties="fixed">
Tu peut regrouper toutes ces propriété dans le css, de cette façon :
body {
background="photo/bleuciel.jpg";
bgcolor="#0B5B95"
text="black"
link="#660000"
vlink="green"
alink="#E9B4BE"
bgproperties="fixed"
}
Sans compter que ça te fait ouvrir plusieurs balise body, ce qui est incorrecte.
C'est un début, mais si tu corrige déjà ça, y'aura du mieux. ;-)
La but au final serait que ton site ne renvois plus d'erreur lors de la validation w3c (qui s'occupe de voir si le site colle bien a toutes les normes html).
https://validator.w3.org/nu/?doc=http%3A%2F%2Fvieuxpc.net%2F
Pour cela, tu peut t'appuyer sur les tuto du site du zero que griviere a mis en lien, ils sont vraiment bien fait.
Mais sinon, pour un site amateur, tu a quand même fait un sacrée travail, bravo.
Merci à tous d'intervenir et de donner vos avis.
j'essaierai, dans la mesure de mes capacités, d'effectuer les modifications que vous suggérez.
je vous rappelle que je ne maitrise pas très bien tout çà mais je m'y emploierai du mieux que je pourrai.
je ne manquerai pas de m'adresser à vous d'autres fois au fur et à mesure de ma progression.
A+
vieuxpc
j'essaierai, dans la mesure de mes capacités, d'effectuer les modifications que vous suggérez.
je vous rappelle que je ne maitrise pas très bien tout çà mais je m'y emploierai du mieux que je pourrai.
je ne manquerai pas de m'adresser à vous d'autres fois au fur et à mesure de ma progression.
A+
vieuxpc
et surtout: arrête avec les gif tout moche (c'est une horreur qui devrais être banni du web)
Salut vieuxpc,
mon avis est que tu devrais garder ce site tel quel, il est représentatif d'une époque et d'un web qu'il faut essayer de conserver !
Touche pas à celui-ci et refais un nouveau, à partir de zéro, tu gagneras du temps dans tous les cas :)
mon avis est que tu devrais garder ce site tel quel, il est représentatif d'une époque et d'un web qu'il faut essayer de conserver !
Touche pas à celui-ci et refais un nouveau, à partir de zéro, tu gagneras du temps dans tous les cas :)
Salut,
C'est ringard les sites statiques en HTML.
Fait un site dynamique en PHP par exemple.
C'est ringard les sites statiques en HTML.
Fait un site dynamique en PHP par exemple.
