Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

demande de conseils pour faire un site

guitare à pneumatique

Salut la communauté!

Je suis à la recherche d'informations pour mettre en place un site. Je n'ai pas de formation en informatique et tout ce que j'apprends sur le sujet, je l'apprends essentiellement depuis ubuntu-fr.org et les magazines traitant de linux.

Cette idée m'est venue à l'esprit, suite à la création d'un nom de domaine sur ovh, pour avoir une adresse mail un peu plus à l'abri de l'analyse des google, hotmail & co. Ne connaissant pas grand-chose, j'ignorai, avant de faire les démarches, qu'avec la création d'adresses mails on avait un espace pour créer un site. Je me suis donc dit : « Autant en profiter ! »

Voici deux projets que j'aimerais réaliser, l'un à moyen terme, le deuxième à long terme :

1. Projet 1 : créer un site sur lequel je mettrai à disposition, sous licence libre, des cours de solfège et des compositions, sous formats pdf et audio (je pense au .flac particulièrement). Il me faudrait permettre aux visiteurs de pouvoir télécharger les documents, les visualiser ou les écouter. J'aimerais aussi écrire une présentation de mes activités, des buts recherchés par la création de ce site (entre-autres, mettre ma petite goutte d'eau dans l'océan du libre), mettre des liens vers des sites parlant du libre (exemple : ubuntu-fr.org , framasoft.net ...) etc.

2. Projet 2 : à la suite du premier projet, j'aimerais mettre en place un paiement électronique pour ceux qui peuvent et souhaitent acheter les différents documents (je pense particulièrement aux compositions).

Je n'ai aucune idée de la difficulté et manière de faire ce genre de chose. Aussi, je n'ai pas d'échéance à respecter, je peux aller à mon rythme.

Alors je me tourne vers vous pour vous demandez où trouver des informations sur le sujet. Existe-t-il des ouvrages, des sites ou autres qui peuvent me donner de bonnes informations pour mener à bien cette aventure ? Avez-vous de votre côté des conseils ou avertissements à me donner ?

Pour le moment, j'ai parcouru la documentation suivante ovh à propos des CMS. Il me semble que Joomla ! serait le mieux approprié : le site est en français, me paraît très bien documenté et Joomla ! est prévu, entre-autres, pour des néophytes comme moi.

Par avance, merci.

A bientôt j'espère.

Bien à vous.

voxpopuli

Le plus facile pour toi est d'adapter un des CMS disponible à tes besoins je pense 🙂
Choisir le "bon" te prendra quelques heures (ils ont tous des qualités/défauts), il faut être bien sur avec précisions de se que tu attends de ton site internet afin de bien choisir le CMS qui te conviendra le mieux (par exemple wordpress est le plus facile mais comme il est le plus utilisé il est plus sujet aux failles que les autres, drupal est solide mais plus complexe etc). Les CMS disposent aussi d'extensions qui permettent d'ajouter des fonctionnalités (par exemple pour installer un service de boutique en ligne un peu comme ton projet deux le suggère), un CMS modulable a plus de chance de te convenir qu'un monolithique, mais attention a ne pas installer des extensions provenant de sources malsaines.
Il faut bien veiller a se que ton hébergeur (ovh) fournisse les dépendances pour les CMS (par exemple avoir a disposition une base de données, php5+ installé et ssl si tu veux faire la boutique en ligne).

PS: bienvenue dans le merveilleux monde des Webmasters 🙂

guitare à pneumatique

Merci.

Voici ce que me dit ovh sur ce qu'il propose avec Joomla! ici

Pour le SSL, ovh me le propose moyennant un abonnement d'un an ici

guitare à pneumatique

Je n'arrive pas à installer Joomla!

Voir ici

Merci d'avance pour votre aide.

Morgiver

En parallèle de ton projet tu devrais peut-être apprendre à coder au moins du HTML/CSS, voir un peu de PHP histoire de savoir mettre les mains dans le cambouis quand tu auras des soucis d'intégration de module, ou quand tu voudras faire ton propres design.

HTML et CSS :
http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3
http://xhtml.developpez.com/cours/
http://css.developpez.com/cours/

PHP :
http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql
http://fr.openclassrooms.com/informatique/cours/programmez-en-oriente-objet-en-php
http://php.developpez.com/cours/

Et un peu de Javascript parce que tu vas en voir partout :
http://fr.openclassrooms.com/informatique/cours/dynamisez-vos-sites-web-avec-javascript
http://javascript.developpez.com/cours/

Bienvenue sur le Web 😃

xabilon

pourquoi n'utilises-tu pas les modules d'ovh ?
http://www.ovh.com/fr/g1402.modules-hebergements-mutualises

guitare à pneumatique

Merci pour votre aide (sur les deux discussions)!

Je vais étudier tout ça un peu plus tard (le week-end prochain) car j'ai une semaine bien occupée!

Pour répondre à Xabilon, en fait comme je suis néophyte, il y a sûrement des évidences que ne je remarque pas. Néanmoins, j'ai bien constaté que ovh proposait des sites "en un clic" et j'utiliserai sûrement cette offre comprise dans mon abonnement. Mais je voudrais voir un peu à quoi ça ressemble avant de me lancer. D'où l'essai de Joomla! sur mon ordi.

Bonne journée à vous tous.

guitare à pneumatique

Bonsoir,

Me voici de retour.

Je me suis donc mis au html5, pour découvrir et comprendre.

J'ai fait une page web, assez simple (du moins, il me semble), et j'ai soumis cette page à vérifier sur validator.w3.org. Il y a des erreurs, mais je ne comprends pas ce qui ne va pas. Quelqu'un peut-il m'aiguiller, svp?

Voici quelques erreurs:

Error Line 15, Column 6: An body start tag seen but an element of the same type was already open.

<body>

Je comprends qu'une autre balise d'entrée de type body a été déjà ouverte, mais je ne la trouve pas. Elle est précédée des balises, dans l'ordre: html (entrée), head et header (entrées et ouvertes).

Autre erreur, qui revient souvent:

Error Line 26, Column 288: End tag br.

…classrooms.com</a> grâce auquel je m'initie au langage html5, ici utilisé.</br>

Enfin, deux autres types d'erreurs:

 Warning Line 40, Column 10: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

	<section>

✉
Error Line 56, Column 8: Stray start tag footer.

<footer>

Systématiquement, le signe > est en rouge et souligné de petits points.

Merci d'avance pour vos avis.

Bien musicalement.

slan

Error Line 15, Column 6: An body start tag seen but an element of the same type was already open.

<body>

il faut une structure comme ceci

<html>
  <head>
  </head>
  <body>
  </body>
</html>

s'il y a une autre balise body ça va faire une erreur

Error Line 26, Column 288: End tag br.

…classrooms.com</a> grâce auquel je m'initie au langage html5, ici utilisé.</br>

les balises solitaire de type br (celles qui n'ont qu'une balise) s'écrive <br />

 Warning Line 40, Column 10: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

	<section>

✉
Error Line 56, Column 8: Stray start tag footer.

<footer>

As tu une balise h2 a h6 dans une balise section ?

guitare à pneumatique

Merci Slan.

J'ai donc corrigé les <br />.

Pour ce qui est de la balise <body>, j'ai revu en long, en large et en travers, mais je ne vois toujours pas où est l'erreur... J'ai bien respecté la structure que tu m'as montrée (et qui est indiquée dans openclassrooms).

Pour les sections, j'en ai fait deux. Dans la première, j'ai un titre avec h1 comme balises et plusieurs avec h2. Dans la deuxième section, je n'ai pas de balises de type h.

Enfin, j'oubliais aussi ce message:

Error Line 56, Column 8: Stray start tag footer.

<footer>

Tout comme pour body, j'ai bien regardé, mais je ne trouve pas ce qui cloche.

david96

Soumet ton code au validator du W3C : http://validator.w3.org/#validate_by_input

Si tu n'y arrives toujours pas, fait péter ton code sur : http://paste.debian.net/ et communique nous le lien, car à l'aveuglette ce n'est pas simple de t'aider. 😉

jbreizh

Hello,
perso j'utilise Pluxml http://www.pluxml.org/ qui a le mérite d'être léger et simple (du moins dans son code ). Bon j'arrive après la guerre...

guitare à pneumatique

Merci jbreizh et david96,

Voici le lien vers paste.debian.net: ici.

En fait, jbreizh, si je viens vers la communauté, c'est justement parce que j'ai soumis mon code à http://validator.w3.org/#validate_by_input, et que je ne comprends pas ce qui est erroné.

Quant à david, tu n'arrives pas du tout après la guerre, bien au contraire! Je suis loin d'avoir lancé mon site! 🙂 J'ai regardé pluxml, ça m'a l'air pile-poile ce dont j'aurais besoin. J'ignore si joomla! est plus facile d'utilisation ou non, mais la présentation de pluxml me donne l'impression que c'est plus simple. Je vais l'essayé en localhost, pour voir.

Encore merci!

À bientôt.

guitare à pneumatique

Je n'y comprends plus rien.

Je n'arrive pas à me connecter à http://localhost, j'ai le message d'erreur suivant: "unable to connect"... Pourtant il y a une quinzaine de jours, pour essayer le CMS joomla, ça marchait...

J'ai essayé une deuxième fois après avoir supprimé joomla!, puis une troisième fois en ayant sésinstaller puis réinstaller les paquets du LAMP... toujours pareil...

Merci d'avance pour votre aide.

david96

Je viens de tester ton code, mise à part des petites erreurs de balises et le fait de mettre certaines qui ne sont pas à leur place… La page s'affiche quand même.

Zoom : 1680 x 1050 - 355.77 kio

As-tu installé en local un serveur [doc]LAMP[/doc] ?

guitare à pneumatique

Oui, je l'ai bien installé, en suivant la doc d'ubuntu-fr.org

david96

et que te donne : http://127.0.0.1/

guitare à pneumatique

C'est la même chose.

Je suis en train d'installer un module joomla! directement sur le site, car il est proposé avec "installation en un clic" (...oui, on peut toujours rêver! 🙂...). J'aurais préféré faire des essais sur mon ordi avant, mais tant pis.

Merci de ton aide.

david96

Pas de souci… Je reste à l'écoute. :cool:

slan

Sinon pour ton code le header et footer doivent être dans la balise body
et les div de ce que je vois sont inutile la class pourrait-être mis dans les sections voir de faire la mise en page sur la balise section (après je sais pas s'il y a une autre raison à cette forme la)

Page suivante »