Débuter dans la création de site web

Par

Bienvenue sur CM-NS, a travers les différents articles de cette catégorie, nous allons vous apprendre à créer un site web.

pour commencer, vous devez comprendre certaine choses en codage.

Les languages de code

il existe différents language de codes :

  • HTML (permettant de faire le contenu visuel de votre site, exemple : textes, liens, titres ect.)
  • CSS (permettant de styliser votre contenu, exemple : rendre le texte rouge ect.)
  • PHP (permettant de gérer les donnés de votre site, exemple : gérer les données, entrées préalablement par un utilisateur, dans un formulaire)

Comment faire fonctionner le PHP

Attention : le PHP nécessite un serveur pour fonctionner

explication : le PHP est un language fonctionnant différemment du HTML ou autre. Effectivement, le PHP nécessite un serveur afin de fonctionner. Son fonctionnement est le suivant :

Les balises

Dans le codage de type web, vous vous retrouverez face a des thermes à apprendre tels que :

– <p></p> (balise de paragraphe)
– <h1></h1> (balise de titre, plus le nombre à la place du 1 est grand, plus le titre sera petit)
– <a href=”Lien”>nom</a> (balise de lien)
– …

Nous apprendrons par la suites comment les utiliser une part une.
Néanmoins vous devez retenir que ce que l’on appelle une balise correspond au < … > (</ … >) (je met la balise de fermeture entre parenthèse car celle ci n’est pas requis sur toute les balise d’ouverture. Exemple : la balise image ressemble a cela <img src=”lien de l’image” />. Mais c’est encore autre chose)

Le fonctionnement du code CSS

Pour faire fonctionner un code css, vous devez retenir le modèle suivant :

.(class) {
    Atribut stylistique…
}

Les prérequis

Pour pouvoir codé sur un environnement propre, je vous conseil d’installez Visual Studio Code.

Création de la base de notre site

Maintenant que nous avons revue tout cela, nous allons donc commencer. Dans un premier temps nous coderons en local (directement sur l’ordinateur) ce qui implique donc que nous ne pourrons pas dans un premier temps utiliser le language de code PHP. Commençons ! Afin d’organiser notre projet, nous allons créer un dossier du nom que vous voulez. Dans ce dossier, créer un sous dossier (créer un dossier dans le dossier global) nommé « CSS », un autre sous dossier nommé « JS » et un dernier nommé « IMG ». Ensuite ouvrez l’application Visual Studio Code (VSCode) puis faite glissez votre dossier dans dans la barre latérale à gauche de votre écran. Une fois cela, vous devriez voir le nom de votre dossier dans la barre latérale et aussi le contenue du dossier (si ce n’est pas le cas et que vous voyez seulement le titre de votre dossier cliqué sur la petite flèche à coté). Ensuite placez votre curseur sur le nom du dossier et vous devriez voir juste à coté une icon de fichier avec un petit plus, cliquez dessus et ensuite nommé votre fichier de la façon suivante : « index.html ». Cliquez maintenant sur ce fichier et entrez le code ci dessous :

<!DOCTYPE html>
<html>
<head>
	<title>Accueil</title>
	<meta charset="utf-8">
</head>
<body>

	<h1>Ma première page web</h1>

</body>
</html>

Une fois cela fait retourner dans votre explorateur de fichier trouver le dossier de votre site et ensuite trouver votre nouveau fichier nommé : « index.html ». Ensuite faite un clique droit aller sur ouvrir avec et ensuite cliqué sur l’application que vous utilisez pour aller sur internet et qui est aussi présente sur la liste.

vous avez créer votre première page web.

c’est la fin de ce premier article.
l’équipe CM-NS espère que cela vous a intéresser.

À bientôt.