Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 2
Support de Formation : Programmation Web (HTML, CSS, PHP)
Par Régis
Chapitre 1 : Introduction à la Programmation Web
La programmation web est au cœur de la création de sites et d'applications modernes. Ce chapitre vous introduit aux langages fondamentaux HTML, CSS et PHP, tout en présentant les outils nécessaires pour débuter.
1.1 Objectifs de ce support
- Comprendre les bases de la programmation web. - Découvrir les langages HTML, CSS, et PHP. - S'initier aux outils nécessaires pour le développement web.
1.2 Présentation des langages
HTML (HyperText Markup Language) est utilisé pour structurer le contenu des pages web. CSS (Cascading Style Sheets) permet de styliser ces pages en leur ajoutant des couleurs, des polices, et des mises en page. PHP (Hypertext Preprocessor) est un langage de script côté serveur, utilisé pour créer des fonctionnalités dynamiques, comme la gestion de formulaires ou l'interaction avec une base de données.
1.3 Outils nécessaires
- **Éditeurs de texte** : Visual Studio Code, Sublime Text, ou Notepad++. - **Serveurs locaux** : XAMPP, WAMP ou MAMP pour tester du PHP localement. - **Navigateurs modernes** : Google Chrome, Mozilla Firefox, etc.
Chapitre 2 : HTML - Structure et Contenu
HTML est le squelette d'un site web. Dans ce chapitre, nous allons apprendre à structurer une page web à l'aide des balises HTML de base.
2.1 Structure d'une page HTML
Voici un exemple de base de la structure d'une page HTML :
<!DOCTYPE html> <html> <head> <title>Ma Première Page Web</title> </head> <body> <h1>Bienvenue sur mon site</h1> <p>Ceci est mon premier paragraphe.</p> </body> </html>
2.2 Balises communes
- **<h1> à <h6>** : Titres de différentes tailles. - **<p>** : Paragraphe. - **<a>** : Lien hypertexte. - **<img>** : Image. - **<ul>, <ol>, <li>** : Listes non ordonnées et ordonnées.
2.3 Exercices pratiques
1. Créez une page HTML avec un titre et deux paragraphes. 2. Ajoutez une image et un lien vers un autre site web. 3. Créez une liste ordonnée de vos trois plats préférés.