HTML la base Structure de la page Code HTML: les tags de base.

Slides:



Advertisements
Présentations similaires
HTML et les CSS Licence Pro. IE Les bases de HTML et des CSS.
Advertisements

Création de site internet
Conception de Site Webs dynamiques Cours 6
Conception de Site Webs Interactifs Cours 3
Conception de Sites Web dynamiques
Conception de Site Webs Interactifs Cours 4
Algorithmes et structures de données avancées Partie Conception de Sites Web dynamiques Cours 8 Patrick Reuter.
HTML5, CSS3, PHP5, Javascript, AJAX
Feuilles de style CSS - XHTML est un langage impur
Le CSS : un complément au HTML
XML, et HTML, comme langages de structuration
HTML CSS.
1 Le Menu de la gargote au ***. 2 Un menu très simple de très bon rapport qualité prix div#links {position: absolute;} div#links a {display: block;} div#links.
1 Modèles. 2 Sauvegarder le code en cliquant sur editer html 4 zones avec scroll
Septembre 2001Y. Schutz - ALICE / WP6 France1 Activités GRILLE dALICE.
Cascading style sheets
Architecture Web. Accès aux données Développement spécifique Conserver l'architecture classique en y insérant un système propriétaire SapphireWeb, ColdFusion,
ANNÉE COURS 1 – 27 JANVIER DOMINIQUE ROSSIN Modex Web.
Styles CSS Feuilles de styles en cascade Cascading Style Sheets Florence Petit24 novembre 2009.
Migration OLSB vers Office 365. Qui suis-je ? Kevin TRELOHAN Membre du club SharePoint et dot net Ouest Membre du Conseil Scientifique et dadministration.
XHTML XHTML Un document XHTML étant un document XML il commence par une déclaration XML indiquant la version et le jeu de caractère utilisé. Ensuite vous.
CSS3 Font Face Utiliser des polices de caractère non standard.
2006/2007Denis Cabasson – Programmation Web Cours de programmation web ENSAE
Portfolio - Dossier de cheminement Techniques de linformatique Rivière-du-Loup.
SEG3520 Conception et Analyse des Interfaces Usagers DHTML Tutorial Hani Jabbour University of Ottawa Slides adopted from Naim R. El-Far Ronald Pringadi.
Documents > J2SE APIs > J2EE APIs
Identifier ce qui peut gêner ou bloquer votre référencement Sébastien Billard, consultant référencement.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Architecture Logicielle Les supports d’applications
Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.
Atelier « Créations de sites » : Les techniques de réalisation de sites EPN :...
HTML CSS.
CSS.
Introduction au WebMapping
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
HTML / CSS Gestion des systèmes d’information Classe terminale
HTML-CSS-XHTML.
M. Larooussi Formatage de documents - CSS École dété INSAT Août 2006.
CSS : Quelques exemples de mise en page fluide en n colonnes
Cascading Style Sheets (CSS)
Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.
Feuilles de styles CSS Syntaxe d'application d'un style à une balise HTML : Les différents types de style : Pourquoi utiliser un style ? Possibilité étendue.
HTML et les CSS Licence Pro. IE Les bases de HTML et des CSS.
 Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style.
Première CTP le 4 décembre Nouvelle CTP depuis le 1 er février RTM milieu de cette année.
Applications web1 Cours Web Services ISIMA 3F3. Applications web2 JavaScript Inventé par Netscape... sans rapport avec Java. Standardisé par l’ECMA, spécification.
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Module HTML / CSS / PHP / MySQL
Auteur : Frédéric Thériault 1. Les sélecteurs simples  Tous les éléments HTML du sélecteur sont affectés dans le document. Exemple : h1 { color:purple;
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
Template joomla Leblanc 2011.
HTML Cours 2.
Auteur : Frédéric Thériault 1. Les boîtes 2 Les attributs 3 width height margin margin-top margin-right margin-bottom margin-left border-style border-width.
Before Starting…. Pour les passionnés, le cours de Xhtml en classe peut être complété par les références suivantes : Cours de Xhtml en ligne :
S'initier au HTML et aux feuilles de style CSS Cours 5.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
PHP SpeedBerg Templates EPFL PHP IIème Conférence des WebMasters EPFL 5/12/2001 Tuan Lam E-PFL
Introduction à CSS Généralités. Introduction Beaucoup de documents XML sont destinés à être présentés. Les information du fichier seul (avec ou sans DTD)
HTML Création et mise en page de formulaire Cours 3.
EFREI – – Mathieu Nebra Le développement Web.
Mise en forme avancée et Publication. Le CSS Avertissement : vous ne devez pas maitriser le CSS juste savoir qu’il existe et à quoi il sert ! CSS signifie.
Marcel Bosc Introduction Web Université Paris-13Département informatiqueIUT de Villetaneuse ère année, cours - 2/5.
Chapitre 5 XHTML et CSS. Votre titre …votre code xhtml … Gabarit xhtml sans feuilles de style.
Création de site web Feuilles de style.
Module 1 : Réaliser un site internet
Feuilles de style Cascading Style Sheets
Lintranet LE FUTUR VOUS APPARTIENT NIL JULITTE.
Site web, Ce qu’il faut savoir ?
Transcription de la présentation:

HTML la base Structure de la page Code HTML: les tags de base

cortisa/pub/index.htm

mon nom Je suis visible sur le web.

Je suis visible sur le web. Va à Goog

" " « { }

mon nom Je suis visible sur le web. Va à Goog

mon nom body{background-color:pink;} a:link{text-decoration:none;}

body{ margin:40px; background-color:#FFAA8F; } p{ font-family: Verdana; font-size: 24px; }

Je suis visible. paragraphe titre de niveau 2 petite intro duction autre élément

Ceci est une liste: point 1 point 2

Mon résumé encadré.

<div id="resume" style=" background-color:yellow; border:2px solid green; position:absolute; top:200px; left:200px; width:30%;"> Mon résumé encadré.

mon nom body{background-color:pink;} a:link{text-decoration:none;} #resume { background-color:yellow; border:2px solid green; position:absolute; top:200px; left:200px; width:30%; }

mon nom <link type="text/css" rel="stylesheet" href="monstyle.css" />

Voici le contenu du fichier "monstyle.css" Contenant les paramètres de style en lien avec toutes les pages d'un site. body { background-color:pink; } a:link { text-decoration:none; } #resume { background-color:yellow; border:2px solid green; position:absolute; top:200px; left:200px; width:30%; }

Structure HTML XHTML XML Présentation CSS1 CSS2 Action ECMAScript Javascript DOM Flash? Côté serveur cgi pages dynamiques PHP, Perl, ASP Java, Python,Coldfusion Bases de données: MySQL, Oracle, Access, Filemaker… Serveurs: Apache