site perso Fermé

Question

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  



Configuration: Windows XP / Internet Explorer 8.0

Templier Nocturne · Accepted Answer

Je dirais qu'en premier lieu, tu devrais revoir la charte graphique =\

Garth · Answer

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).

Utilisateur anonyme · Answer

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!!

Pierrecastor · Answer

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.

vieuxpc · Answer

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

mpmp93 · Answer

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.

vordano · Answer

et surtout: arrête avec les gif tout moche (c'est une horreur qui devrais être banni du web)

moris · Answer

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 :)

Célien · Answer

Salut,

C'est ringard les sites statiques en HTML.

Fait un site dynamique en PHP par exemple.

Site perso

9 réponses

Discussions similaires