Je mets ici toutes les ressources qui m'ont servi à construire mon site.
Lorsque je le peux, je les explique pour que vous puissiez les modifier et les intégrer à votre site si vous le souhaitez.
Aucune n'est de moi, je les ai juste "glanées" sur Internet.
Cliquez sur les titres pour afficher ou masquer la partie correspondante.
Date
Ça peut être pratique pour les vidisteurs d'indiquer la date du jour dans un coin du site. De plus, le code est très simple :
Entre les balises head et /head :
Dans le body, à l'endroit où vous souhaitez placer la date :
Commentaires
- Vous pouvez changer la façon dont sera affichée la date, dans le code du head : cherchez la ligne Message = " et modifier ce que vous souhaitez.
Horloge
Le script de l'horloge qui tourne ext extrèmement simple. Vous n'avez rien à placer sur votre site, simplement cette ligne de code qui servira de base :
Ensuite, vous devrez vous rendre sur le site de l'auteur :
puis aller dans la rubrique "Horloge" pour personnaliser votre horloge (couleurs, taille et type des aiguilles...).
En fait, le fonctionnement est très simple : après "horloge.php" dans le code ci-dessus, vous devrez rajouter un ? puis après placer les options.
La syntaxe de ces options est la suivante:
Par exemple, pour changer le type de l'horloge (ronde ou carrée), vous inscrirez :
entre .php et le '.
Commentaires
- À titre d'exemple, le code de mon horloge est le suivant :
Copyrights
Il est toujours bon sur un site d'indiquer aux visiteurs leurs droits, notamment lorsqu'il s'agit de distribuer ou reproduire les infos qui s'y trouvent.
Pour cela, on utilise les licenses Creative Commons : elles définissent ce que vous pouvez et ne pouvez pas faire. Chaque license CC est définie de manière précise,
et s'adapte à différents usages ; par exemple, sur certains de mes articles, j'utiliserai Paternité - Pas d'utilisation Commerciale, ce qui vous donne le droit de les redistribuer
ou de les reproduire (en modifiant ou non), tant que vous indiquez qu'ils viennent de mon site et que vous ne les revendez pas.
Ici, vous pouvez voir les 6 différentes licenses :
Et à partir de cette interface, vous pouvez choisir la license qui correspond à vos données :
Commentaires
- Une fois que vous avez sélectionné votre contrat et entré toutes les infos, vous arrivez sur une page où vous avez à choisir entre 3 logos (selon votre préférence), puis vous devrez copier le code qui s'affiche dans la boîte de texte dans votre site.
- Voici le logo de la licence Creative Commons que j'ai choisi :
Le Livre d'Or
J'utilise un Livre d'Or gratuit et extrèmement personnalisable. Vous pouvez le télécharger sur cette page :
Le Kit Graphique
Comme j'ai déjà du l'expliquer, le Kit Graphique n'est pas de moi.
En effet, il est possible de télécharger sur Internet des Kits déjà tous prêts, mais qu'on peut modifier selon les besoins. Certains sont gratuits, d'autres payants.
Il se trouve que j'ai téléchargé le mien ici :
Et voici l'adresse exact du kit graphique, qui s'appelle Inspiration :
Commentaires
- Comme tous les Kits, il est soumis à des copyrights, et son autorisation est régulée (on ne peut pas en faire ce que l'on veut, le modifier à sa guise et prétendre qu'on l'a fait soi-même). Ceci relève d'un code éthique naturel, mais certains semblent totalement l'ignorer, donc pensez à bien lire les fichiers PDF et DOC se trouvant dans l'archive ZIP.
- Joint dans l'archive, vous avez la feuille de style CSS, le dossier images (certaines sont à supprimer, comme les annonces Google), et le PSD du logo.
Menus déroulants
Comme j'ai déjà du l'expliquer, le Kit Graphique n'est pas de moi.
En effet, il est possible de télécharger sur Internet des Kits déjà tous prêts, mais qu'on peut modifier selon les besoins. Certains sont gratuits, d'autres payants.
Il se trouve que j'ai téléchargé le mien ici :
Et voici l'adresse exact du kit graphique, qui s'appelle Inspiration :
Commentaires
- Comme tous les Kits, il est soumis à des copyrights, et son autorisation est régulée (on ne peut pas en faire ce que l'on veut, le modifier à sa guise et prétendre qu'on l'a fait soi-même). Ceci relève d'un code éthique naturel, mais certains semblent totalement l'ignorer, donc pensez à bien lire les fichiers PDF et DOC se trouvant dans l'archive ZIP.
- Joint dans l'archive, vous avez la feuille de style CSS, le dossier images (certaines sont à supprimer, comme les annonces Google), et le PSD du logo.
Mon hébergeur - 1&1
Je fais un peu de pub pour mon hébergeur, 1&1.
Ils sont vraiment chouettes, ils ont plein de formules correspondant à différents besoins, les prix ne sont pas excessivement chers, et on n'a vraiment aucun problème que ce soit au niveau commercial
ou technique.
Perso, j'utilise le Pack Perso Confort, qui me permet de bénéficier, en résumé, de 6GO d'espace disque, d'un serveur Linux (mais on peut choisir Windows), de 2 noms de domaines, 200 comptes e-mails, du PHP, de 5 Bases de Données MySQL, de très nombreux services de création et de personnalisation (donc même si vous ne savez pas créer un site WEB, différents outils très intuitifs vous aident), et ce, pour 70€/an.
Formulaire de Contact
Voici une super page pour créer pas à pas votre formulaire de contact :
Commentaires
- Vous pouvez créer de 1 à 16 champs, et pour chacun d'eux, préciser le type (liste "Boutons de radio", "Liste déroulante"...
- Une fois paramétré, cliquez sur Générer le Script tout en bas de la page. Vous obtiendrez alors tout ce que vous devrez mettre dans votre page, entre chaque balise.
- N'oubliez pas ce que j'avais oublié au début : pour que cela marche, il faut que l'extension de votre page soit .php (et par conséquent que votre serveur supporte le PHP, bien entendu...).
Lecteur audio (mp3multi)
Voici un lecteur audio très pratique et qui s'appelle mp3multi. Il est non seulement sobre mais également très personnalisable, des couleurs à la taille des différentes formes.
Commentaires
- Vous devrez commencer par télécharger une archive RAR qui contient le lecteur format SWF et le fichier de configuration en TXT.
- Ensuite, vous devrez configurer l'adresse des fichiers vidéos, la liste de lecture, les couleurs, les tailles... dans le fichier de configuration.
- Seul inconvénient : les fichiers doivent être au format MP3.
Lecteur vidéo et audio (Universel)
Si vous souhaitez proposer à vos visiteurs des musiques ou des vidéos à écouter, vous pourrez utiliser ce lecteur très simple et sobre, et qui, de plus, fait appel à un script extérieur (donc vous n'avez rien de plus à héberger sur votre serveur, juste les fichiers audio/vidéo, et rajouter une ligne de code sur votre page) :
Commentaires
- Le code est en fait "uniforme", dans le sens ou il s'agit d'un appel de Javscript situé sur un serveur distant, et que vous avez à entrer en paramètre l'adresse de votre fichier multimédia.
C'est tout ! Le lecteur s'adapte selon qu'il s'agisse d'une musique ou d'un fichier vidéo.
Pratique, non ? Mais peu personnalisable. C'est pour cela que je l'utilise uniquement pour les vidéos, et que sur la page Musique, j'utilise plutôt le lecteur mp3multi.
Gagner des sous avec Google AdSense
Savez-vous que vous pouvez gagner de l'argent sur Internet ? Sûrement. De nombreux sites vous promettent des sommes pharaoniques, mais ça ne marche pas vraiment.
Mais grâce au programme AdSense, vous pouvez concrètement gagner de l'argent ! Google vous paye une certaine somme au nombre d'affichages d'une pub et du nombre de clics sur cette dernière.
Le programme vous permet de choisir la taille de la pub, les couleurs, si vous voulez des images ou juste du texte, et les "centres d'intérêts" de la pub (pour pas se retrouver avec des pubs casseroles
sur un site d'informatique, par exemple).
Commentaires
- Vous ne serez payés que dès que vous aurez gagné au minimum 70€.
Ressources graphiques (boutons, icones...)
Voici deux sites chez lesquels je vais piocher beaucoup d'icones et de boutons :
http://button-download.com/
Afficher ou masquer une partie de la page
Une astuce très sympa et pas compliquée à mettre en place. L'exemple même en est montré sur cette page !
Les instructions se trouvent ici :
Commentaires
- J'ai préféré télécharger le fichier, l'ouvrir avec un éditeur et placer le contenu dans le body de ma page. Je trouve ça plus simple à gérer que des dizaines de script Javascript s'entassant sur mon serveur, mais à vous de voir. Évidemment, dans ce cas, on ne fera pas appel sur le script et on passera directement à la 2ème étape.
Image qui suit la souris au passage sur un lien
Les instructions se trouvent ici :
Commentaires
- Pour mettre une image au survol à la place du texte :
On remplace, dans la ligne du lien, ceci :
par cela :
