Cours Python
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    Utilisateurs/utilisatrices: 3 Guests, 5 Bots

    The HyperText Markup Language, usually abbreviated HTML, is the data format designed to represent web pages. It is a markup language used to write hypertext, hence its name. HTML also allows for semantic structuring and formatting of page content, including multimedia resources including images, input forms, and computer programs.

    1 - The tags of an HTML document

    Starting and Ending HTML  Document Commands

    <Html> and </html>

     Document Header:  Information Not Displayed

    <Head> Header informations of HTML document here ! </head> 

    Title of HTML document

    <Title>Document Title here ! </Title>

     Body of HTML Document

    <Body> Body of HTML  document here ! </body> 

     2 - Structure of an HTML document

    <TITLE>Example of an HTML document   </TITLE>
    Here is a sample HTML page

     3 - Viewing an HTML page

    To visualise an HTML page, several solutions are available, we will give you the simplest !

    • Launch the Dreamweaver CS6 editor :

    dreamweaver-cs6-new.png : Dreamweaver has evolved with the technologies of the internet. It now offers the possibility of designing style sheets. Links with databases have also been improved as well as the loading of files on the hosting servers. It also proposes the use of embedded models of web pages, in a proprietary format.

    •  Then click the HTML button at the top to create a new HTML page, you get the following window:

    dreamweaver-cs6-code.png : Dreamweaver is published by Adobe Systems and is part of the Studio 8 development suite of the publisher, which includes Macromedia Flash, Macromedia Fireworks (graphic editing) and Macromedia Coldfusion (server). Macromedia, which previously published Dreamweaver, was acquired by Adobe in December 2005.

    • Then click the code tab at the top of the editor, delete the code that exists by default, and then type your own code.
    • To see your web page now just click on the Live tab at the top of the editor, your html page preview will be in the form:

    dreamweaver-cs6-live.png : It is also possible to display and modify directly the code (HTML or other) that composes the page. It is very easy to switch from one display mode to another, or choose a mixed display.


    Younes Derfoufi

    Laisser un commentaire