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 ?

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

Mon site

Vue hybride

Discussions similaires

Partager

Partager