Apprendre HTML

Apprendre à utiliser HTML pour le design web

Développement Web4.8(63)9h 51min41 leçons12 sections

Ce que vous apprendrez

  • Apprendre les bases de HTML, des balises Tags et des attributs Attributes
  • Créer des liens et mettre en forme le texte
  • Écrire du CSS de ses trois façons
  • Ajouter des images, des tableaux et des listes
  • Mettre en page avec DIV et iframe
  • Concevoir des formulaires et les types de champs Input
  • Lire de la vidéo et du son dans la page
  • Utiliser Bootstrap
  • Publier des sites sur Internet

À propos du cours

Ce cours enseigne HTML pour concevoir des pages web et créer des sites à partir de zéro. Il commence par une introduction à Internet, les outils d'écriture de HTML et la configuration de NetBeans, puis les bases des balises Tags et des attributs Attributes, les liens, la mise en forme du texte, les façons d'écrire du CSS, l'ajout d'images, ainsi que les tableaux et les listes. Il explique ensuite la mise en page Layout et la mise en forme avec DIV et iframe, puis le formulaire et le champ Input et sa liaison avec la programmation, SVG et le Canvas, et la lecture de vidéo et de son dans la page. Il aborde enfin le CSS prêt à l'emploi, Bootstrap, une introduction à JavaScript et jQuery, les modèles HTML, et se termine par la publication de sites sur Internet. Le cours convient aux débutants et à toute personne qui veut concevoir un site par elle-même, et il ne demande aucune expérience préalable. Une fois terminé, vous saurez créer une page web complète avec HTML et CSS, concevoir des formulaires d'inscription, ajouter des images et des vidéos, utiliser Bootstrap et publier votre site sur Internet. Le cours présente chaque sujet par la pratique, de sorte que vous construisez vos propres pages en suivant les leçons et vérifiez le résultat de chaque étape.

Résultats attendus

  • Compréhension complète des bases de la conception et du développement Web avec HTML et CSS.
  • Capacité à concevoir des pages Web interactives et attrayantes.
  • Gérer efficacement les multimédias et les modèles prêts à l'emploi.
  • Mettre en forme des pages à l'aide d'outils avancés comme Bootstrap.
  • Publier et gérer des sites Web en ligne.

Avis des apprenants

Ces avis proviennent d'apprenants qui ont acheté le contenu et en ont complété au moins 50% — il n'y a aucun avis de personnes n'ayant pas suivi le contenu.
4.8
★★★★★
63 avis
5★
54
4★
8
3★
1
2★
0
1★
0
  • ★★★★★حنان ت.·منذ 3 أسبوعشاهد 90٪
  • ★★★★★رضا ع.·منذ 2 شهرشاهد 100٪
  • ★★★★★Baraa E.·منذ 3 شهرشاهد 51٪

    perfection.

  • ★★★★★Abdulgader A.·منذ 5 شهرشاهد 88٪

    من اجمل الدورات وذات شرح مميز وسهل

تم عرض كل التقييمات (4)

Contenu du cours

1

Outils et fonctionnalités d'écriture de code

6 leçons
  1. Extraits du CoursAperçu du contenu du cours HTML : pages, liens et téléchargements de fichiers, iframe, propriétés du document, formulaires, dessin, vidéo et audio, mise en page, modèles prêts à l'emploi et mise en ligne du site.11:29
  2. IntroductionPrésente le cours HTML et son contenu : bases du document, paragraphes, titres et attributs, liens et iframe, formulaires, dessin, vidéo et audio, mise en page, modèles prêts à l'emploi et publication du site.12:42
  3. Introduction à Internet et HTMLIntroduit HTML en parlant d'Internet, de ses applications et de son importance, explique que HTML est la forme de base des pages web et présente les rôles de CSS, Bootstrap et jQuery dans la conception des pages.20:34
  4. Outils d'Écriture HTML et Création d'un FichierExplique qu'un fichier HTML est un fichier texte contenant des balises spéciales, qu'on peut d'abord l'écrire dans un éditeur simple, qu'il faut l'extension html et fermer chaque balise, puis ouvrir le fichier dans le navigateur.10:09
  5. Configuration de NetBeans et de l'Environnement de TravailExplique le téléchargement, l'installation et le lancement de NetBeans, puis la création d'un fichier HTML avec sa structure de base html, head et body, et l'usage des suggestions de balises comme h1.7:33
  6. Bases des Tags et AttributsExplique les bases des balises et des attributs HTML : les balises s'ouvrent et se ferment, peuvent être imbriquées, les retours à la ligne du fichier ne s'affichent que via une balise, et comment écrire des commentaires.9:54
2

Bases du langage

7 leçons
  1. Bases de HTML, Attributs et Tags ImportantsPoursuit les bases de HTML : les attributs comme id, name et style, les balises de titre h1 à h6 et leurs tailles différentes, la balise de ligne horizontale hr, avec encouragement à pratiquer.16:47
  2. Liens et leurs Types dans HTMLExplique les liens en HTML : créer une sous-page et y renvoyer depuis l'accueil, lier un site externe, contrôler l'ouverture du lien, et les ancres qui mènent à un endroit de la même page.14:09
  3. Ancrages et Liens de TéléchargementExplique les liens qui mènent à des sections de la même page avec href et id pour créer un site sur une seule page, le lien vers un fichier, la définition de target et la création d'un lien de téléchargement.21:27
  4. Mise en Forme HTML et Styles de BaseExplique la mise en forme du texte en HTML avec des balises prêtes comme mark pour surligner, puis l'application de couleurs et de polices avec l'attribut style, y compris à toute la page, en notant les inconvénients.11:24
  5. Méthodes d'Écriture CSS (Inline – Interne – Externe)Explique trois façons d'écrire du CSS : Inline dans la balise elle-même, Internal dans une balise style de la page, et External dans un fichier séparé relié par la balise link.23:08
  6. Ajout d'Images dans HTML et Contrôle de leur TailleExplique comment ajouter une image à une page HTML avec la balise img et l'attribut src, le chemin de l'image, le rangement dans un dossier dédié, et le contrôle de sa largeur et de sa hauteur.8:32
  7. Tables et Listes dans HTMLExplique la création de tableaux HTML avec lignes et colonnes et leur mise en forme avec une bordure, puis les listes ordonnées et non ordonnées et les différents types de numérotation.19:10
3

Mise en forme des pages

5 leçons
  1. Introduction au Layout et Design de PageExplique la mise en page HTML avec un tableau, en divisant la page en cellules pour le logo, les menus et le contenu, et en réglant largeur, bordures, images et couleurs par les styles.16:46
  2. Application Pratique du Layout et Construction d'une Page ComplèteApplication pratique de la mise en page : modifier les textes du menu et les liens des pages, uniformiser les couleurs entre pages, remplacer une image par un paragraphe dans une cellule, et annoncer une autre technique de conception.10:41
  3. Mise en page avec DIVExplique comment diviser et structurer une page avec la balise div comme alternative aux tableaux, en colorant les sections, en plaçant certaines côte à côte et en appliquant les styles par des classes.18:32
  4. Mise en page avec iframeExplique la balise iframe comme méthode de mise en page : afficher une page dans un cadre avec src et les dimensions, puis faire ouvrir les liens dans le cadre en lui donnant un name et en réglant target.9:54
  5. Ajustement des propriétés de pagePoursuit la mise en page du site en réglant des propriétés au niveau de la page, dont un lien de base pour n'écrire que le nom de la page dans les liens, et un message de repli si JavaScript est désactivé, avant d'aborder les formulaires.20:42
4

Utilisation de modèles

5 leçons
  1. Introduction aux formulaires HTMLIntroduit les formulaires HTML où l'utilisateur saisit des données, l'importance de la balise form pour transmettre ses composants au langage de programmation, et les composants comme champs, boutons et options radio.8:59
  2. Conception de formulaires et types d'entrée de baseExplique la conception d'un formulaire HTML dans un tableau pour aligner les champs, et l'ajout de types input de base comme texte, bouton d'envoi, couleur et date, avec l'importance du bouton d'envoi et de l'attribut name.12:09
  3. Types d'entrée avancésPoursuit les types d'input des formulaires comme la recherche, la couleur et la date, le style du formulaire, le lien d'un bouton à une fonction JavaScript, et les rôles de HTML, CSS, Bootstrap et de la programmation dans un site.16:05
  4. Soumettre, Action et lier les formulaires à la programmationExplique le lien entre un formulaire et le code côté serveur via l'attribut action : le bouton Submit appelle un fichier de programmation qui reçoit les données, avec un aperçu de quelques attributs des champs.19:01
  5. Formulaires avancés Post/Get/ActionExplique la différence entre les méthodes Get et Post pour envoyer les données d'un formulaire via l'attribut method, le fait que Get affiche les données dans l'URL, ainsi que name, label et le regroupement des éléments.9:04
5

Propriétés graphiques HTML

2 leçons
  1. Introduction à SVG et dessin en HTMLIntroduit le dessin en HTML avec SVG pour tracer des formes géométriques comme cercles et rectangles, en réglant largeur, hauteur, coordonnées, rayon, contour et remplissage, avec une mention de canvas.14:59
  2. Différence entre SVG et Canvas et travail avec JavaScriptCompare SVG et canvas pour dessiner en HTML, et explique l'usage de canvas avec JavaScript : sélection de l'élément par id, tracé d'une ligne avec des coordonnées, modification du dessin au clic sur un bouton, et pourquoi on utilise des bibliothèques.15:14
6

Multimédia HTML

4 leçons
  1. Lecture de vidéo en HTMLExplique l'affichage du multimédia en HTML et la lecture d'une vidéo avec la balise video, avec taille, contrôles et source du fichier, la lecture automatique autoplay, puis l'introduction à la lecture audio.10:54
  2. Lecture audio et utilisation de l'objetExplique comment lire un fichier audio dans une page HTML comme une vidéo, avec les attributs de contrôle et le chemin du fichier, puis présente l'élément Object pour intégrer différents types de contenu.5:10
  3. Utiliser l'objet pour afficher différents fichiersExplique l'utilisation de la balise Object pour afficher différents fichiers comme des PDF et des images dans une page, en définissant la largeur et la hauteur de la zone et le chemin du fichier.17:14
  4. Lecture de vidéo YouTube dans HTML (iFrame)Explique comment lire une vidéo YouTube dans une page HTML avec la balise iframe, en utilisant l'URL embed et l'identifiant de la vidéo, avec lecture automatique et masquage des commandes.10:53
7

Fichier CSS

4 leçons
  1. Introduction à CSS et Importance des Feuilles de StyleIntroduit CSS et l'importance des feuilles de style : l'inconvénient d'écrire les styles dans chaque page en les répétant, résolu par une feuille de style externe liée aux pages du site, avec des classes.34:22
  2. Utilisation de CSS Prêtes à l'Emploi depuis InternetMontre comment réutiliser du CSS prêt à l'emploi trouvé en ligne au lieu de tout concevoir de zéro : copier les classes dans le fichier de style et les appliquer aux éléments comme les boutons et les formulaires.9:15
  3. Poursuite de l'Utilisation de CSS Prêtes et Mise en Forme des FormulairesPoursuit l'usage de CSS prêt à l'emploi et le style des formulaires, en appliquant les styles aux éléments input selon leur type et à tous les tableaux plutôt qu'une classe par élément, puis évoque les générateurs CSS.5:20
  4. Générateurs CSS et Création de Codes PrêtsPrésente des sites générateurs de CSS qui permettent de concevoir visuellement un bouton ou un formulaire et fournissent un code CSS prêt, à copier dans le fichier de style lié à la page et à appliquer aux éléments.17:01
8

Fichier de coordination Bootstrap

2 leçons
  1. Introduction à BootstrapIntroduit Bootstrap et revoit les méthodes de mise en forme CSS : style dans l'élément, dans la page ou dans un fichier externe avec des classes réutilisables, puis les étapes pour utiliser Bootstrap dans un projet.9:47
  2. Téléchargement et liaison de Bootstrap au projetExplique comment télécharger Bootstrap, extraire l'archive dans le projet et lier son fichier de style à une page HTML pour utiliser ses styles prêts à l'emploi pour les boutons et les formulaires.30:08
9

HTML & Javascript

3 leçons
  1. Utilisation pratique des composants BootstrapPasse en revue le développement web entre Web Design et Web Programming, présente JavaScript comme langage léger exécuté côté utilisateur qui interagit avec le navigateur, où l'écrire, et un exemple de message de bienvenue.11:17
  2. Introduction à JavaScript et configuration de l'environnementPrésente les commandes JavaScript de base utilisées dans les exemples du cours : afficher un message avec alert, écrire du texte dans la page avec document.write et ajouter des commentaires.6:26
  3. Bases de JavaScript (variables et commandes de base)Commence les bases de JavaScript comme langage de programmation : déclarer des variables, lire leur valeur auprès de l'utilisateur, le problème de la concaténation de texte au lieu de l'addition, et la conversion en nombres avant les calculs.14:05
10

HTML & jQuery

1 leçons
  1. HTML & jQueryExplique la bibliothèque jQuery et son principe, le téléchargement de son fichier et sa liaison à la page, l'écriture du code dans une fonction ready, la sélection d'éléments et la réaction à un clic plutôt que du JavaScript long.13:34
11

Modèles HTML

1 leçons
  1. Modèles HTMLExplique les modèles HTML prêts à l'emploi : télécharger un modèle de formulaire, de page ou de site entier, le décompresser, l'ouvrir, modifier contenu et couleurs et en apprendre, plutôt que partir de zéro.22:23
12

Publication de sites Web

1 leçons
  1. Publication de Sites WebExplique la mise en ligne d'un site après sa conception : réserver un nom de domaine et un espace d'hébergement, obtenir un compte et un mot de passe, puis envoyer les fichiers au serveur avec un logiciel de transfert, avant la programmation côté serveur.14:58

Formateur

Ing. Azab Mohamed Azab

Ing. Azab Mohamed Azab

Conférencier à l'Académie arabe des sciences, de la technologie et du transport maritime, ainsi qu'au ministère égyptien de l'Intérieur, spécialisé en technologie et information.
68.8K vues28 cours

Ce cours fait partie du diplôme

Cours similaires