Développement de site Web

[ombricox]

Salut, alors comme on avait dit avec miau il y a pas mal de temps déjà, je créé ce topic afin qu'il devienne un tuto pour apprendre à développer des sites web, en codant mais aussi en utilisant WordPress.
A toi de jouer miau

PS: s'il vous plaît ne faisons pas de hors sujet sur ce topic, l'idée est de trouver l'info dont on a besoin très rapidement, il ne faut pas qu'elle soit noyée dans du flood, merci.

[miau]

Pour créer un site internet, tu auras besoin d'un serveur sur lequel seront hébergées tes informations.

Ce serveur disposera d'une IP accessible partout sur le web. Mais pour accéder à ce serveur, il sera plus simple de taper une adresse comme "www.monsite.com" qui redirigera vers cette IP ("invisible" pour le visiteur).

Tu devras donc disposer d'un nom de domaine ou bien d'un sous-domaine (plusieurs hébergeurs en proposent gratuitement).

---

Il existe des sites purement "statiques", où les données sont simplement lues puis affichées au visiteur. C'est le cas des sites uniquement en HTML/CSS. Leur avantage est qu'ils ne nécessitent pas de beaucoup de ressources de calcul.

Le web 1.0 (années 2000) regorgait de sites statiques mais aujourd'hui ils sont démodés : la plupart des sites sont dynamiques et comprennent une logique interne mise en place par leurs développeurs. Ces sites sont souvent codés en PHP (Wordpress est un framework qui se base sur PHP), Java, Ruby, même Python bien qu'il soit aussi possible de réaliser des sites en C.

[miau]

En pratique, il te faut un hébergement (qui fera office de serveur). Certains hébergeurs sont gratuits (si t'es chez free par exemple). Mais pour avoir de la qualité, il vaut mieux débourser (personnellement j'utilise OVH).

Une fois que tu disposes de cet hébergement, il ne restera plus qu'à "uploader" tes fichiers (ton code) sur ton espace. Puis en fonction des droits d'accès, ces fichiers (qui constituent le site) pourront exécutés à partir d'un navigateur.

Le script de Wordpress est téléchargeable ici : https://wordpress.org/

Avec un accès FTP, il suffira d'uploader le script (composés de plusieurs fichiers/dossiers) sur ton hébergement.

Quand tu tenteras ensuite d'accéder à ton site via ton navigateur, le code de Wordpress s'éxécutera.

Cela t'ouvrira une page où tu devras entrer les identifiants de ta base de données, afin que Wordpress installe le nécessaire. Puis après quelques clics, ton site Wordpress est prêt.

[RamAverm]

I am obviously losing the plot here, but I have searched to codes of every page on my web site and I can not find any page with this code. What is top level frames. where do I find that?

[ombricox]

Pour créer un site internet, tu auras besoin d'un serveur sur lequel seront hébergées tes informations.

Ce serveur disposera d'une IP accessible partout sur le web. Mais pour accéder à ce serveur, il sera plus simple de taper une adresse comme "www.monsite.com" qui redirigera vers cette IP ("invisible" pour le visiteur).

Tu devras donc disposer d'un nom de domaine ou bien d'un sous-domaine (plusieurs hébergeurs en proposent gratuitement).

---

Il existe des sites purement "statiques", où les données sont simplement lues puis affichées au visiteur. C'est le cas des sites uniquement en HTML/CSS. Leur avantage est qu'ils ne nécessitent pas de beaucoup de ressources de calcul.

Le web 1.0 (années 2000) regorgait de sites statiques mais aujourd'hui ils sont démodés : la plupart des sites sont dynamiques et comprennent une logique interne mise en place par leurs développeurs. Ces sites sont souvent codés en PHP (Wordpress est un framework qui se base sur PHP), Java, Ruby, même Python bien qu'il soit aussi possible de réaliser des sites en C.

Oui je savais déjà tout ça.
Et qu'en est-il d'AngularJS ?

[ombricox]

En pratique, il te faut un hébergement (qui fera office de serveur). Certains hébergeurs sont gratuits (si t'es chez free par exemple). Mais pour avoir de la qualité, il vaut mieux débourser (personnellement j'utilise OVH).

Une fois que tu disposes de cet hébergement, il ne restera plus qu'à "uploader" tes fichiers (ton code) sur ton espace. Puis en fonction des droits d'accès, ces fichiers (qui constituent le site) pourront exécutés à partir d'un navigateur.

Le script de Wordpress est téléchargeable ici : https://wordpress.org/

Avec un accès FTP, il suffira d'uploader le script (composés de plusieurs fichiers/dossiers) sur ton hébergement.

Quand tu tenteras ensuite d'accéder à ton site via ton navigateur, le code de Wordpress s'éxécutera.

Cela t'ouvrira une page où tu devras entrer les identifiants de ta base de données, afin que Wordpress installe le nécessaire. Puis après quelques clics, ton site Wordpress est prêt.

Oui, il me faut un hébergeur et un nom de domaine.
Pourquoi as tu choisi OVH ? C'est le meilleur rapport qualité prix ? Ils fournissent aussi le nom de domaine ?

Je pense que je vais choisir Wordpress pour mettre en place mon site internet.
Je n'ai pas le temps ni le courage de tout coder. Wordpress me parait être une bonne alternative.

Une fois que le site Wordpress est prêt, comment faire pour mettre en place son site Web. Tu connais des bons tutoriels, des astuces, ... ?

[ombricox]

Tu préconises quelles ressources hardware pour une machine hébergeant un site Wordpress ?
CPU/RAM/DD ?

[miau]

Ca dépend de la charge que tu dois supporter (puissance de calcul, nombre de visiteurs etc).

Pour faire tourner un simple blog wordpress, un hébergement mutualisé perso chez OVH suffit.

Même avec 500 Mo de Ram et 1 Go de DD, tu peux facilement t'en sortir. Par contre si tu as un trafic important, faudra adapter.

Pourquoi as tu choisi OVH ? C'est le meilleur rapport qualité prix ? Ils fournissent aussi le nom de domaine ?

C'est français, connu... Contrairement à des offres comme 1and1, je peux plus facilement paramétrer mes outils.

La qualité/prix est normale... Ce n'est pas hors de prix, mais ce n'est pas du low cost non plus.

Par contre le SAV laisse un peu à désirer.

Je crois qu'il y a des offres avec ou sans nom de domaine, mais de toute façon si tu prends un NDD, tu devras souvent payer une option supplémentaire.

Et tu peux aussi acheter plusieurs noms de domaines de manière à héberger plusieurs sites sur ton unique hébergement.

Une fois que le site Wordpress est prêt, comment faire pour mettre en place son site Web. Tu connais des bons tutoriels, des astuces, ... ?

Celui d'openclassrooms marche bien et est gratuit. Tu peux aussi me demander, c'est pas si compliqué

[ombricox]

Je viens d'acheter un nom de domaine.
J'aimerais te poser quelques questions miau, peux tu te connecter à Telegram ? Ça sera plus simple pour moi.

[miau]

OK mais pas tt de suite, je sors un peu m'entraîner, et prendre l'air.

[sandokan]

J'ai comme projet de faire mon site web tout seul, en le codant en HTML/CSS... Je suis entrain d'apprendre sur un site appellé live.code: https://www.live-code.fr/
C'est payant, mais je vous le recommande chaudement pour apprendre les bases.
Je vais suivre une formation en HTML/CSS, financé par pôle emploie, certifiant. J'ai l'intention de me mettre en freelance.

Sinon, pour compléter ce qu'a dit Miau, au sujet de la création d'un site web, il y a trois solutions:

- Soit tu le codes, à la mano (classique et plus personnalisable)
- Soit tu passes par un framework tel qu'Angular ou react par exemple
- Soit tu passes par un CMS tel que wordpress, joomla, drupal, etc...

Voici une liste des framework les plus utilisés:

https://fr.reactjs.org/
https://angular.io/
https://flask.palletsprojects.com/en/1.1.x/
https://nodejs.org/en/
https://www.djangoproject.com/
https://expressjs.com/fr/
https://rubyonrails.org/
https://spring.io/
https://laravel.com/
https://backbonejs.org/
https://vuejs.org/
https://symfony.com/
https://framework.zend.com/
https://codeigniter.com/
https://cakephp.org/
https://www.yiiframework.com/
https://www.meteor.com/
https://proton-native.js.org/#/
https://nwjs.io/
https://mithril.js.org/
https://polymer-library.polymer-project ... e-overview
https://dotnet.microsoft.com/en-us/apps/aspnet
https://www.slimframework.com/
https://fuelphp.com/
https://phalcon.io/en-us
https://fatfreeframework.com/3.7/home
https://getbootstrap.com/
https://mui.com/core/#/
https://get.foundation/
https://purecss.io/
https://semantic-ui.com/
https://milligram.io/
https://materializecss.com/
https://www.knacss.com/
https://flutter.dev/
https://ionicframework.com/
https://jquery.com/
https://trypyramid.com/
https://bottlepy.org/docs/dev/
https://turbogears.org/
https://www.cherrypy.org/
http://aurelia.io/
https://vuetifyjs.com/en/
https://nextjs.org/
https://www.electronjs.org/
https://www.drupal.fr/
http://www.web2py.com/
https://sinatrarb.com/

Vous pouvez retrouver ces différents framework sur ce site avec leur description : https://www.portageo.fr/blog/frameworks ... peurs-web/

Sur mon site vous trouverez un annuaire des différents CMS open-source disponibles sur le marché :

https://innovationscitoyennes.com/annua ... sponibles/


Je complète aussi les propos de mon collègue en proposant d'autres sites pour apprendre à coder en HTML/CSS[/b]:

Openclassrooms : https://openclassrooms.com/fr/courses/1 ... l5-et-css3

Grafikart.fr: https://grafikart.fr/tutoriels/html et https://grafikart.fr/tutoriels/css

Pierre-Giraud: https://www.pierre-giraud.com/html-css- ... der-cours/

Codecademy : https://www.codecademy.com/catalog/language/html-css

Live-code: https://www.live-code.fr/view/courses/f ... -html-css/ (il faut s’inscrire)

Mamouthland : http://css.mammouthland.net/

Learn layout : https://fr.learnlayout.com/

Freecodecamp : https://www.freecodecamp.org/

Developpez. com : https://www.developpez.com/

Bitdegree : https://fr.bitdegree.org/learning

EDX : https://www.edx.org

Codingame : https://www.codingame.com/start

Dash general assembly : https://dash.generalassemb.ly/

Khanacademy: https://fr.khanacademy.org/

The odin project : https://www.theodinproject.com/

Udacity : https://www.udacity.com/

Bent.io : https://bento.io/

Upskill : https://upskillcourses.com/

W3schools : https://www.w3schools.com/

Coderbyte : https://coderbyte.com/

Stackoverflow : https://stackoverflow.com/

MDN web doc : https://developer.mozilla.org/fr/

Marksheet : https://marksheet.io/

[miau]

J'ai comme projet de faire mon site web tout seul, en le codant en HTML/CSS... Je suis entrain d'apprendre sur un site appellé live.code: https://www.live-code.fr/
C'est payant, mais je vous le recommande chaudement pour apprendre les bases.
Je vais suivre une formation en HTML/CSS, financé par pôle emploie, certifiant. J'ai l'intention de me mettre en freelance.

Sinon, pour compléter ce qu'a dit Miau, au sujet de la création d'un site web, il y a trois solutions:

- Soit tu le codes, à la mano (classique et plus personnalisable)
- Soit tu passes par un framework tel qu'Angular ou react par exemple
- Soit tu passes par un CMS tel que wordpress, joomla, drupal, etc...

On peut aussi passer par des services extérieurs (engager un webmaster/codeur, ou bien utiliser des sites comme Wix etc...).

Cool pour ta formation ! Après si tu deviens freelance, il faudra compléter par un autre langue je pense. Enfin j'ai déjà dû te dire.

[sandokan]

On peut aussi passer par des services extérieurs (engager un webmaster/codeur, ou bien utiliser des sites comme Wix etc...).

Cool pour ta formation ! Après si tu deviens freelance, il faudra compléter par un autre langue je pense. Enfin j'ai déjà dû te dire.

J'ai l'intention aussi de faire du PHP/MYSQL, par contre, il semble qu'il y ait déjà du javascript dans la formation, même si je l'ai pas demandé. Je viens d'ailleurs d'ouvrir un topic à ce sujet précisément. Je l'enrichirai au fur et à mesure que j'avancerai dans la formation.