formation html pour bac informatique

Post on 12-Aug-2015

72 Views

Category:

Software

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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

// HTMLIntroduction à HTML

// 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

// Histoire

Tim Beners-Lee 1990 World Wide Web

Consortium (W3C) www.w3.org

// Future

Pages web Application web Application mobile

Android iOS Windows Phone

// Les logicielsAide à gagner le temps

// Les éditeurs HTML

Blocnote Notepad++, Sublime text editor Adobe Dreamwaver Microsoft

FrontPage Expression Web WebMatrix

// Les balisesEt leur attribues

// Structure d’une page HTML

Titre de la page

Conte

nue d

e la

page

// Comment en HTML ?

// 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

// 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

// Les balises

<p>…</p>Balise

d’ouvertureBalise

de fermeture

// Les attribues

<html lang="fr">attribuevaleur

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

// Titres

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

On remplace n par le niveau du titre

Les niveaux sont 6

// Code

// Les paragraphes

On utilise la balise <p>

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

// 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

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

// 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

// 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

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

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

// Site web modern

// Applications mobile

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

// Programmation web

ASP.NET PHP Ruby Python Java Et autres …

// Bases de données

Microsoft SQL Server MySQL Oracle Et autres …

// Web Framework

jQuery NodeJS Zend Framework .NET Framework

// 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 …

FinInsh’allah admis !Contact 50 946 492 / medanasbo@live.com/ www.mabo.tn

top related