Mon nouveau site www.open-source-projects.net.

**Luke spywoker** · 02/08/2015, 10h31

Salut les WebDEV,

je poste pour vos annoncer la mise en ligne de mon dernier site qui présentes la plupart de mes créations écrit en python ou en C, programmes, module python et libraries C.

le site s'appelle www.open-source-projects.net et j'en suis fier car côté technique je l'ai écrit a la main en HTML5 pur avec vérification de la validité du code.

J'ai du coup améliorer mes créations, bien sur totalement Open-Source:

de la simple amélioration de script bash d'installation: install.sh et de désinstallation: uninstall.sh en passant par la rectification de bugs dans les programme(s) et l'installation des dépendances dans les fichiers systèmes pour la création de fichier *.deb (Avant je créais un dossier dans le $HOME de l'utilisateur) et la nouvelle utilisation des autotools pour les programmes en C et libraries.

Mes créations sont souvent disponible en *.tarball (pour Linux et éventuellement POSIX compilant) et en paquetage *.deb pour les OS de la famille debian.

Windows n'est pas en reste car certains programmes dispose d'une version Windows distribuer sous forme d'exécutable (*.exe) auto-extractible.

Concernant le côté technique j'ai néanmoins une question:

si je met une balise meta, dans le head, pour les robots et que je leur ordonne d'indexer la page et de suivre les liens alors j'aimerai que certains liens de la page ne soit pas suivit par ces robots...???

Comment je fait: j'ai tout d'abord penser a mettre un attribut content="nofollow" dans les liens concerné mais je pense que dans le cas d'un lien (balise <a>) l'attribut content ne sert pas a cela ?

Alors rendez vous sur www.open-source-projects.net le site de créations Open-Source d'un programmeur amateur.

Je suis ouvert a toute forme de critique.
Alors si vous avez envie de réagir par une critique, un avis, un conseil, un jugement ou autres il sont la bienvenue.

PS: il faudra un peu attendre avant d'avoir une version corrigée du site vue que écrit par mes soins et en anglais, alors un peu de clémence s'il vous plaît, c'est en cours par une professionnelle

Merci pour vos réponses.

Invité · 04/08/2015, 12h04

Bonjour,
je ne jugerai pas le contenu mais...

1/ DESIGN
ARRRRRRGH MES YEUX !!!!!!!!! Cette couleur de fond bleu fluo est...

Ce qui est sûr, c'est que tu n'es pas graphiste.

Par contre, rien ne t'interdit de consulter d'autres sites, et de t'en inspirer pour le design... et la mise en page.

2/ CODE - SEO
Quant au code, j'y vois :

beaucoup (trop !!) de <br>,
une utilisation abusive de <dt> et <dd>,
et très peu d'HTML5 !

Pour améliorer et optimiser le référencement (SEO), il faut une structure sémantique "propre" = bonne organisation des balises HTML(5).

3/ ERGONOMIE
Il serait bien d'avoir un header, menu, footer.

On peut circuler dans la même page, grâce aux ancres :
exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ul>
  <li><a href="#introduction">Introduction</a></li>
  <li><a href="#computing-faculties">Computing faculties</a></li>
  <li>...</li>
  <li>...</li>
</ul>

Reste ensuite à mettre sur chaque section :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<section id="introduction">
......
</section>
<section id="computing-faculties">
......
</section>

Voir le résumé du tuto donné plus haut en lien :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html>
	<head>
		<title>Mon blog</title>
	</head>
	<body>
		<nav>
			<ul>
				<li><a href="/">Accueil</a></li>
				<li><a href="/author/">L'auteur</a></li>
			</ul>
		</nav>
		<header>
			<hgroup>
				<h1>Blog de Tartempion</h1>
				<h2>Voici le titre de mon blog. </h2>
			<hgroup>
			<ul>
				<li><a href="/">Accueil</a></li>
				<li><a href="/author/">L'auteur</a></li>
			</ul>
		</header>
		<article>
			<header>
				<time datetime="2011-04-01T12:42:42+02:00" pubdate>Posté le premier avril 2011</time>
				<h1>Mon article</h1>
			</header>
			<p>
				Lorem ipsum dolor. 
			</p>
		</article>
		<footer>
            <nav>
                <ul>
                    <li><a href="/">Accueil</a></li>
                    <li><a href="/author/">L'auteur</a></li>
                </ul>
            </nav>
		</footer>
	</body>
</html>

**Kreepz** · 04/08/2015, 13h22

Pour ce qui est du design tu peux facilement trouver des templates html/css sur internet

**Luke spywoker** · 05/08/2015, 11h31

Merci pour vos réponses les gars,

comme j'ai déjà eu pas mal de critiques surLinuxfr ou l'on a beaucoup critiquer mon code "HTML5 écrit a la mains".

Et concernant l'utilisation "d'un des templates html/css" je sais pas ce que c'est exactement car je connais un peu Drupal qui est un CMS et le HTML5 écrit a la mains (un éditeur de texte, un navigateur et un validateur). Pourrait tu m'expliquer un peu plus, ont peut pas tout connaître.

Brefs j'ai appris de part la conversation simplement que du code HTML s'écrit comme un programme au niveau de la mise en forme:

-) Indentation du code.
-) usage de fichiers CSS et javascript externes au documents.
-) Etc...

Mais je tiens quand même a répondre que j'ai tenter de mettre un header et un footer d'ailleurs il y a un footer sur chaque page de projet comprenant un lien "Return to main page" c'est tout, en bas.

Et j'ai tenter de mettre de un header mais il y a eu un accros avec la validation et le résultat du code, et je ne connais pas les autres balises de structuration de document .

Et comme je voulais surtout faire simple, informatif et complet au niveau du contenus sans vraiment que ça soit beau...

Et la couleur je pense en changer car c'est le deuxième site ou l'on critique le choix de mes couleurs: couleurs trop agressives.

Que pensez vous des couleurs de cette page de doc générée avec sphinx, du projet libSDL2_gfxutils, par mes soins: le bleu pour le bleu des hover et button et le bleu turquoise pour le fond.
Ou est-ce encore trop agressif a votre goût.

Et effectivement j'ai un peu abuser sur la balise strong pour le référencement, je l'avoue.

Et je n'ai pas penser aux ancres car les pages sont petites.

Merci beaucoup pour vos réponses.

PS: je tiens a signaler que je suis daltonien: je ne vois pas les couleurs comme vous de là mes goûts. Mais j'aime beaucoup les graphisme d'ai
leurs la plupart de mes modules et libraries sont très orienter graphisme (pygame, SDL2_gfx et OpenGL) et que j'ai un site consacré a mes dessins 3D.

Invité · 05/08/2015, 11h39

Bonjour,
je t'ai fourni plusieurs liens vers des tutos. A TOI DE LES LIRE.

Quant aux couleurs, fais un recherche

: "harmonisation des couleurs site internet"

**Luke spywoker** · 05/08/2015, 11h43

Simplement en voyant les exemples de code que tu m'a donner j'ai compris l'utilité des balises de navigation mais pas encore eu le temps de consulter sérieusement vos liens mais ça parait intéressant.
Désolé.

PS: je ne comprends absolument pas les formats de fichiers disponible en téléchargement: epub, azw, mobi. Pourquoi pas un pdf ou zip HTML ?

Invité · 05/08/2015, 12h14

Envoyé par Luke spywoker

formats de fichiers disponible en téléchargement: epub, azw, mobi.

Laisse le curseur dessus quelques secondes, et tu sauras à quoi ça correspond !

epub -> Télécharger la version ePub de l'article compatible avec la plupart des liseuses non Kindle (Amazon).

azw -> Télécharger la version Azw spécifique aux liseuses Kindle (Amazon).

mobi -> Télécharger la version Mobi de l'article compatible avec les liseuses Amazon.

Et au dessus, tu as le lien "Version PDF" !

**Luke spywoker** · 07/08/2015, 17h22

Bonjours,

Et au dessus, tu as le lien "Version PDF" !

Pour le document qui m'intéresse le plus il n'y a pas de version PDF.

Je vient installer un lecteur pour lire les formats mais personnellement je préfère un bon vieux *.pdf, seulement voilà je ne connaissait pas ces formats de fichiers et l'on ne peut pas tout avoir.

Merci beaucoup, j'ai encore appris quelque chose grâce au forum.

Invité · 08/08/2015, 11h34

???

Car tu ne sais pas lire l'article directement dans le navigateur ??

Car ces documents ne sont que des miroirs de l'article écrit juste en dessous !

**Luke spywoker** · 10/08/2015, 12h52

Je préfère simplement lire mes docs offline.

**Luke spywoker** · 15/08/2015, 08h02

J'ai fait un update du site:

1) J'ai mis le CSS en externe.
2) Je n'ai pas changer la couleur de fond (Je n'en ai pas trouver qui me plaise et qui convienne): est-ce si grave si je suis daltonien.
3) J'ai partiellement corriger mon anglais.
4) Je n'ai pas eu le temps de me soucier des balises de navigations, d'ailleurs même si j'ai des cibles j'ai pas de menu pour les ancres sur mon petit site...

Rendez-vous sur www.open-source-projects.net...

Invité · 15/08/2015, 08h17

Bonjour,
es-tu vraiment daltonien ?
Moi, je suis dalmatien !

Si c'est bien le cas, fais-toi aider, car cette couleur de fond est vraiment... désagréable.

Conseils :

Sauf erreur, "List of computing faculties" devrait plutôt être : "List of my computer skills", non ? ("Liste de mes compétences en informatique")
Mets tes compétences les meilleures en premier ("Domains with a good level")
"List of my creation:" -> "List of my creations"

Pour la feuille de style externe, on l'inclus de cette façon :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="mes-styles.css" media="all" rel="stylesheet" type="text/css" />

Pour le reste... vu que la mise en page est quasi inexistante et que tu n'as pas tenu compte de ce qui a été dit précédemment... il n'y a pas grand-chose à dire.

**Algo D.DN** · 15/08/2015, 20h36

Bien d'accord avec jreaux62, il faut faire quelque chose pour les couleurs, là ça pique franchement les yeux, même si tu veux garder cette nuance de thon

il faudrait que tu adoucisses un peu ta palette de couleurs, quelques nuances visibles ici...

Juste une der, ici le a.hover fait danser le texte c'est voulu ?

Mes 5 cents.

**Luke spywoker** · 18/08/2015, 06h45

Bonjours,

pour ce qui concerne la remarque sur l'anglais:

C'est la page de base donc elle fait partie des 3 pages qui n'ont pas été corrigées.

Sinon il faut que j'adoucisse la couleurs de fond mais personnellement les couleurs vives me dérangent pas du tout mais je suis daltonien et l'on m'a déjà fait la même remarque pour un autre site.

Que veut tu dire par:

Pour le reste... vu que la mise en page est quasi inexistante et que tu n'as pas tenu compte de ce qui a été dit précédemment... il n'y a pas grand-chose à dire.

Les balises de navigation manquantes ou la structuration de ma page HTML ? Même s'il y a un footer sur chaque page de projet.

Juste une der, ici le a.hover fait danser le texte c'est voulu ?

Non c'est un effet de bord non-voulus a corrigé donc.

Merci pour vos réponses.