Se connecter

Informatique

Création de sites web

Sujet : Créer mon site !
1
axelradio
Niveau 8
08 juin 2014 à 13:37:59

Bienvenue !

Sur ce topic, vous allez découvrir comment débuter dans la création de sites web, retrouver les différents liens vers les topics importants du forum ou les bons sites pour apprendre.

:cd: I. Créer un site, que faut-il savoir ? :cd:
Pour créer un site web, vous allez devoir maitriser les differents languages du web, en voici les plus importants :
• Le HTML : Ce langage est indispensable, il va vous permettre de structurer la page, et il va contenir les parties non dynamiques de votre site.
https://www.noelshack.com/2014-23-1402226979-photo1.png (Exemple de fichier HTML).
• Le CSS : Il s'agit d'un langage qui va vous permettre de définir le style de votre contenu (Couleur du texte, image de fond du site, épaisseur de la bordure d'un tableau...)
https://www.noelshack.com/2014-23-1402226974-photo2.png (Exemple de fichier CSS et explication de la structure)
• Le PHP : C'est le langage que vous allez utiliser afin de rendre dynamique. (Par exemple, un gestionnaire de contenu, un espace membre, l'affichage de la date...)
https://www.noelshack.com/2014-23-1402226983-photo3.png (Exemple de fichier PHP).

• Il en existe de nombreux autres, tels que le Javascript (pour dynamiser le site web coté client), l'XML, L'ASP...

:d) Pour apprendre ces langages, vous pouvez vous rendre sur:
Open Classrooms : http://fr.openclassrooms.ms.com/informatique/html/cours
Dévellopez.com : http://xhtml.developpez.com/cours/
Grafikart : http://www.grafikart.fr/
Google saura vous en donner une liste bien plus complète que moi.
Pour programmer, voici quelques logiciels :
Notepad++  (Gratuit) : http://notepad-plus-plus.org/fr/
DreamWeaver (Payant) : http://www.adobe.com/fr/products/dreamweaver.html
SublimeText (Payant) (Utilisé pour les captures d'écran de ce topic): http://www.sublimetext.com/
Netbeans (Gratuit) : https://fr.netbeans.org/

:d) Donc, concrètement, (et selon DeepBlue):
• Un site web se résume en un ensemble de fichier mis à disposition sur un serveur web. Un serveur web sert des contenus par le biais du protocole HTTP.
• Le HTML comme le CSS sont interprétés par le client : votre navigateur internet.
• Dans le cas d'un site tels qu'un blog, un forum ou bien des applications dynamiques il faut ajouter du code PHP qui sera exécuté par le serveur web. Une fois exécuté, il va générer du HTML (ou autre contenu interprétable coté client).
• Un hébergeur est un service qui met à disposition un serveur web. Vous pouvez hébergez votre site chez vous mais ça demande un peu de configuration, vous pouvez utiliser un service payant ou gratuit tels que ceux d'OVH, 1et1, et bien d'autres.
• Pour déplacer vos fichiers locaux sur le serveur web, dans une majorité de cas il vous sera permis d'utiliser le protocole FTP dédié au transfert de fichiers. Chez de vrais hébergeurs, vous aurez également un accès SSH vous permettant de faire un peu plus de choses que du simple transfert.
Liste des hébergeurs : https://m.jeuxvideo.com/forums/1-30-7879762-1-0-1-0-hebergement-hebergeur-hosting.htm
FTP : http://www.siteduzero.com/tutoriel-3-13611-envoyez-votre-site-sur-le-web.html

:cd: Je veux faire mon site, c'est décidé ! :cd:
Pour développer un site internet vous devez (dans l'ordre) :
- Savoir ce que vous voulez et définir le but et les objectifs de votre site.
- Déterminer l'arborescence de votre site
- Définir quelles informations vous voulez placer, et ou les placer.
- Créer une charte graphique, définir le webdesign.
- Savoir quelle technologies utiliser (Développement manuel ou pas (CMS), Pages statiques ou dynamiques, etc.)
- Pondre le code ou installation/configurer des outils.

:cd: Et si je veux pas coder ? :cd:
Vous pouvez utiliser un CMS : Grosso modo c'est un site en pièce détachée qui vous permet donc d'avoir en quelques minutes un site fonctionnel.
:d) Wordpress par exemple en est un. Il s'agit d'un ensemble de fichiers que vous INSTALLEZ sur VOTRE serveur (Pas comme OverBlog). Il permet donc en quelques minutes, là où un développement "manuel" en partant de zéro vous prendrais quelques semaines voir mois, de pouvoir créer vos pages via un éditeur (Comme Word/OOW : gras, italique, insertion d'images, de vidéos etc), de gérer vos articles (que vous pouvez classer dans diverses catégories) etc.
:d) L'avantage c'est que vous n'avez pas besoin de coder quoique se soit, tout est déjà prêt et fonctionnel. L'inconvénient c'est que ça doit répondre à votre besoin aussi. Si votre but est de faire une sorte de jeu en ligne ou que sais je, Wordpress n'a pas cette vocation là et ne correspondra donc certainement pas à VOTRE besoin.
(Explication selon FIRE_STORM).

:cd: J'ai copié le code source d'un site, mais ça marche pas pareil, pourquoi ? :cd:
Le PHP est présent sur le coté serveur du site, on ne peux pas y accéder. Le PHP effectue tous les traitements de données et crée une page HTML (ou autre si besoin est) à partir de ce qu'il possède comme informations et de ce que tu lui as demandé de part tes clics. Ensuite le serveur envoie la page HTML ainsi créée à ton navigateur.
:d) Quand on copie/colle la source d'un site, on ne possèdes que ce que le serveur nous a envoyé, c'est à dire le HTML (et les images, le Javascript etc.) mais pas le PHP qui a servi a créer cette page. (Explication de Awesome_Guiber)

N'hésitez pas à poster toutes vos questions sur ce topic !

linux13-04
Niveau 8
08 juin 2014 à 14:13:53

Salut,

Ça a l'air complet je rajouterai quand même une partie sur les logiciels utilisés car quand on est débutant on n'a pas idée de ce qu'est un serveur web et comment en mettre en place sur son pc pour pouvoir executer le site en question . Si on dit à un non informaticien ou informaticien débutant (installe un serveur web sur ton PC? il aura une tête :wtf: alors qu'en quelques clic (ou ligne de commande) c'est prêt à l'emploi .

Ce qui mène à la question quel logiciel choisir ? wamp, xamp, mamp, easyphp, un vrai "serveur apache" non packagé avec mysql et phpmyadmin ?
Pareil pour l'édition, sublimtexte ? netbeans ? blocnote ? notepad++ ? Avec leurs avantages et inconveniants :oui:

Seeone
Niveau 7
09 juin 2014 à 13:25:53

A épingler :)

deepblue
Niveau 13
09 juin 2014 à 13:37:07

linux13-04 :d) « un vrai "serveur apache" non packagé avec mysql et phpmyadmin » pourquoi non packagé ? Si ça sort du gestionnaire de paquet, ça s'installe pas. Y'a tout ce qu'il faut en déjà packagé.

Quant à l'éditeur de code, l'utilisateur devrait, à mon sens, essayer car toutes les critiques que tu peux lire sur la toile sont suffisamment subjectives pour ne pas être crédibles.

3615_mylife
Niveau 10
09 juin 2014 à 14:10:48

A épingler en effet :oui:

linux13-04
Niveau 8
09 juin 2014 à 15:01:23
  1. « un vrai "serveur apache" non packagé avec mysql et phpmyadmin » pourquoi non packagé ? Si ça sort du gestionnaire de paquet, ça s'installe pas. Y'a tout ce qu'il faut en déjà packagé.

Je disais packagé au sens "pas mis en boite avec", comme wamp,xamp,lamp qui regroupent mysql apache phpmyadmin.

Arkwolf
Niveau 17
10 juin 2014 à 16:40:32

" Netbeans (Gratuit) : https://fr.netbeans.org/ "

D'ailleurs si vous l'aviez pas utilisé depuis longtemps comme moi, la nouvelle version est plutôt cool pour le web je trouve, avant j'étais fan de Sublime Text mais je crois que je vais retourner vers netbeans maintenant, c'est devenu assez cool :oui:

3615_mylife
Niveau 10
14 juin 2014 à 11:54:39

Il est précisé qu'on peut utiliser d'autres langages.
Et php est plus adapté pour un débutant qui veut se lancer dans le web que les autres langages (à la limite Python avec Django)

AzirFap
Niveau 9
28 juin 2014 à 15:34:04

L'explication pour la création de site web sur ce topic est plutôt complète. Je l'affirme et je conseille ça au débutants.
Tout de même je rajoute un truc : Il est possible de travailler avec des framework ( bibliothèques ) simplifiant la vie au développeur web ( Symfony2, Django pour des phases d'administration )
En tout cas, c'est bien fait :ok:

Karsa
Niveau 3
08 juillet 2014 à 15:54:14

Bonjour j'aimerais savoir si les logiciels qui aident à la créations de sites web sont assez performant (gestion PHP, MySQL) ou si ce sont juste des "blogs avancés" ?

Pseudo supprimé
Niveau 10
25 juillet 2014 à 13:53:59

Comme WordPress ?

Pseudo supprimé
Niveau 10
09 août 2014 à 00:17:45

Go apprendre les langages HTML (et tout) sur OpenClassRoom :ok:

bobbyDenfer
Niveau 3
11 août 2014 à 17:21:44

SI tu es débutant et que tu as un projet de site alors je pense qu'apprendre les langages n'est pas une bonne idée parce que c'est très long même si on te dira que tu peux apprendre en 3 semaines...

Donc je te conseille d'opter pour un CMS comme Wordpress si tu n'as rien prévu de "spécial" pour ton site, en gros si tu ne proposes de fonctionnalités novatrices c'est très bon. EN plus c'est puissant tu pourras même faire un forum, une zone membre etc... Après ça a ses limites aussi c'est ce que je veux dire.

Apprendre les langages c'est bien mais il faut savoir que pour créer un site il faut connaitre html et css, deux langages pas compliqués mais distincts avec chacun leur spécificités, leurs applications etc... mais aussi php et mysql qui sont des langages de programmation et de gestion de bases de données. Là c'est une autre affaire déjà. Et puis ensuite vient le javascript et encore d'autres qui ont leur utilité propre.

Autrement dit tu ne parviendras pas en 2 ans à faire ce que tu peux faire avec wordpress en 3 jours d'apprentissage.

Cela dit il peut être intéressant au moins de savoir à quoi servent les langages et d'avoir du vocabulaire si tu veux pas trop galérer non plus avec les solutions "simples" car y a toujours besoin d'aller dans le ftp, transférer les fichiers ou modifier des trucs à causes d'un bug à la con.

Bon courage et n'hésite pas à venir vers moi si tu galères :hap:

linkdefeu
Niveau 23
12 septembre 2014 à 15:29:15

Existe-il une sorte d'école en cours à distance permettant d'apprendre et d'avoir un diplome a la fin sur le html, css, php et java? :)

Je suis sur open classroom, j'ai presque finit le html. J'avou que je galère un peu mais a force de pratique sa devrait aller.
Le problème c'est bien la pratique. Si y'avait une sorte de cours de correspondance sa pourra être un plus.

J'aimerai en faire un métier (créateur site web) mais avec un diplôme sa fait plus sérieux :)

Pseudo supprimé
Niveau 50
26 septembre 2014 à 23:13:56

Bonsoir, j'aurai quelques questions. Je voudrai créer une page internet que je tiendrai comme un blog pour y mettre mes projets. Avec free on peu créer une page ftp mais lors de la creation de la page via l’interface de free, j'ai le choix entre choisir ou non une Base MySQL.
A quoi cela peut il me servir ? et comment on s'en sert ?
Créer une base de donné c'est à dire ? Genre si je veux créer un forum je dois faire une base sql ?

Car à vrai dire je n'ai aucune notion de programmation php, html. J'avais déjà créé un site via ftp chez free en envoyant les fichiers (crée sous word puis mit au formal htlm) avec filezilla . Mais le résultat est moche. Y a t'il des logiciels de mise en page bien meilleur que word dédié pour la création de page web ?

Pseudo supprimé
Niveau 50
26 septembre 2014 à 23:48:23

je pense que je vais faire le site avec wordpress, j'avais mal compris ce que c'etait le CMS.

_Achille17_
Niveau 10
15 octobre 2014 à 13:51:02

Salut,

Je suis d'accord avec ce qui a été dit plus haut, c'est clair, assez complet. Moi personnellement, je voulais créer un site car j'ambitionne de créer ma propre boîte (Le Business, tout ça...!), bref on s'en moque c'est pas le sujet, mais le problème c'est que j'y comprend rien à la création web et tout ce qui tourne autour. :sleep:
Après quelques recherches je suis tombé sur une plate-forme, qui s’appelle cmonsite (http://www.cmonsite.fr/ ) et franchement je suis pas déçu. J'ai pu créer mon propre site aussi simplement que certains experts en informatique, sans passer par les étapes ultra-techniques. :fier:

Bref, je vous le recommande, surtout pour les noobs comme moi qui ne comprennent pas grand chose en création web, ou même pour ceux qui ne veulent pas trop s'emmerder.
Je vais d'ailleurs créer un topic à ce sujet, ça peut vraiment aider. :)

Korback
Niveau 10
22 octobre 2014 à 09:49:47

Hello, j'ai besoin de votre savoir. :)

Sauriez vous si on peut mettre une application faite en C# sur un site créer avec WordPress? :question:

Merci. ^^

DarkSIlenoz
Niveau 10
14 novembre 2014 à 09:52:34

Bonjour, vous avez des conseils pour s'améliorer en CSS? Parce que j'suis vraiment une quiche :noel:

Pseudo supprimé
Niveau 6
06 décembre 2014 à 17:15:38

Bonsoir, moi en tout cas j'ai appris à creer mon site web grâce à un tutoriel sur OpenClassrooms(Site du zero) de Mathieu Nebra et c'est devenu franchement presque facile

1
Sujet : Créer mon site !
   Retour haut de page
Consulter la version web de cette page