formation html pour bac informatique

32
Formation <HTML> GROUP FACEBOOK BAC INFO 2014 MUHAMMAD ANAS BEN OTHMAN

Upload: mohamed-anas

Post on 12-Aug-2015

72 views

Category:

Software


1 download

TRANSCRIPT

Page 1: Formation HTML pour Bac Informatique

Formation <HTML>GROUP FACEBOOK BAC INFO 2014MUHAMMAD ANAS BEN OTHMAN

Page 2: Formation HTML pour Bac Informatique

// HTMLIntroduction à HTML

Page 3: Formation HTML pour Bac Informatique

// Définition

HTML = Hypertext Markup Language À pour extension .html et .htm C’est une langage du programmation C’est une langage de description Composé d‘un ensemble des attribues Permet de créer des pages web

Page 4: Formation HTML pour Bac Informatique

// Histoire

Tim Beners-Lee 1990 World Wide Web

Consortium (W3C) www.w3.org

Page 5: Formation HTML pour Bac Informatique

// Future

Pages web Application web Application mobile

Android iOS Windows Phone

Page 6: Formation HTML pour Bac Informatique

// Les logicielsAide à gagner le temps

Page 7: Formation HTML pour Bac Informatique

// Les éditeurs HTML

Blocnote Notepad++, Sublime text editor Adobe Dreamwaver Microsoft

FrontPage Expression Web WebMatrix

Page 8: Formation HTML pour Bac Informatique

// Les balisesEt leur attribues

Page 9: Formation HTML pour Bac Informatique

// Structure d’une page HTML

Titre de la page

Conte

nue d

e la

page

Page 10: Formation HTML pour Bac Informatique

// Comment en HTML ?

Page 11: Formation HTML pour Bac Informatique

// Le source code de la page<html>

<head>

<title>Titre de la page</title>

<head>

<body>

<h1>Mon premier page HTML</h1>

</body>

</html>

<mot> est une balise </mot> en ajoute un

slash pour définir la fin du balise <mot>

<body> c’est la balise qui contient le contenue de la page

<title> c’est la balise qui contient le titre de la page

Page 12: Formation HTML pour Bac Informatique

// html, head et body

<html> définir le type de document qui est « Page web »

<head> contient le titre de la page <body> contient les balises qui décrit de

la page

Page 13: Formation HTML pour Bac Informatique

// Les balises

<p>…</p>Balise

d’ouvertureBalise

de fermeture

Page 14: Formation HTML pour Bac Informatique

// Les attribues

<html lang="fr">attribuevaleur

Page 15: Formation HTML pour Bac Informatique

// Les élémentsQui décrit le contenue de votre votre page

Page 16: Formation HTML pour Bac Informatique

// Titres

Pour inséré un titre on utilise la balise <hn>

On remplace n par le niveau du titre

Les niveaux sont 6

Page 17: Formation HTML pour Bac Informatique

// Code

Page 18: Formation HTML pour Bac Informatique

// Les paragraphes

On utilise la balise <p>

Le contenue est écrit entre <p> et </p>

Page 19: Formation HTML pour Bac Informatique

// Mise en forme

On utilise <b> pour inséré un texte en gras

<u> pour un texte souligné

<i> pour un texte italique

<br> pour retourner à la ligne

Page 20: Formation HTML pour Bac Informatique

Mise en forme 2

L’attriue « color » décrit le couleur du texte

L’attribue « size » décrit la taille du texte

Il y a 7 tailles entre 1 et 7

Page 21: Formation HTML pour Bac Informatique

// Liste ordonnée

<ol> signifie que la liste à insérer doit être ordonnée

<li> est un élément de la liste

Utilisant l’attribue « type » on peut changer l’ordre par alphabet, numérique ou nombres Romans

Page 22: Formation HTML pour Bac Informatique

// Liste non ordonnée

<ul> est la liste non oronnée

<li> est un élément de la liste

Utilisant l’attribue « type » on peut changer le cercle par carreau ou cercle vide

Page 23: Formation HTML pour Bac Informatique

// Le reste d’éléments// To be continued

Page 24: Formation HTML pour Bac Informatique

// HTML 5Une révolution du web avec CSS 3 et JavaScript

Page 25: Formation HTML pour Bac Informatique

// Site web modern

Page 26: Formation HTML pour Bac Informatique

// Applications mobile

Page 27: Formation HTML pour Bac Informatique

// Développement webSeulement HTML ne suffit pas de construire un site web dynamique

Page 28: Formation HTML pour Bac Informatique

// Programmation web

ASP.NET PHP Ruby Python Java Et autres …

Page 29: Formation HTML pour Bac Informatique

// Bases de données

Microsoft SQL Server MySQL Oracle Et autres …

Page 30: Formation HTML pour Bac Informatique

// Web Framework

jQuery NodeJS Zend Framework .NET Framework

Page 31: Formation HTML pour Bac Informatique

// Résumé

Introduction HTML, définition, histoire et future Les logiciels Les balises, les attribues Les éléments

Texte Listes Image Tableau Liens hypertexte Formulaires

HTML 5, CSS 3 et JavaScript ASP.NET, PHP, Ruby, Java …

Page 32: Formation HTML pour Bac Informatique

FinInsh’allah admis !Contact 50 946 492 / [email protected]/ www.mabo.tn