Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011.

Slides:



Advertisements
Présentations similaires
HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
Advertisements

Introduction aux Web Services Partie 1. Technologies XML
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Gérer un site avec Kompozer
Internet : serveurs Web
Internet.
Comment monter son propre site WEB Présenté au ClubRIB par Daniel Pelletier le 10 février 2011.
Création de pages Web Eric Hitti
Langage HTML. Structure d'un document HTML Le langage HTML HTML est le langage universel utilisé pour communiquer sur le Web. Linformation sera ainsi.
- Le nom de domaine - Lhébergement - Logiciels pour logos/bannière - Logiciel de transfert - De quels outils a-ton besoin pour créer un site web ?
CREATION DE FEUILLE DE STYLE pour structuré le document XML
Initiation à Spip (Système de publication pour Internet partagé) Par Marc Chevarie.
Concevoir un site Web de A à Z Ce cours permet à létudiant de réaliser de façon professionnelle un site internet de A à Z.
Introduction aux Web Services Partie 1. Technologies HTML-XML
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Applications Internet – cours 3 La page web
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
HTML.
Comprendre l’environnement Web
Comment optimiser la visibilité de vos contenus sur les principaux moteurs de recherches ? Rédaction de contenus SEO friendly Publication on-line.
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.
Échéancier # E) Bilan réflexif /rapport individuel (cours # 15 individuel disponible sur le site section travaux (Attention : rédiger votre travail.
HTML / CSS Gestion des systèmes d’information Classe terminale
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Plan de la rencontre 8 –Retour sur les cours précédents –Conception dun site WWW –Outils de développement de sites WWW Word Introduction à Netscape Composer.
24/03/2006 Création de site web - Club Informatique Saintongeais 1 La création de sites web perso sur internet
Cours n° 1 Le langage HTML Prof. : E. BAKKI
Introduction 3 octobre 2012 Grégory Petit
Introduction dans la Programmation Web
Le langage XHTML 420-S4W-GG Programmation Web Client
CM 2 – Traitement de Texte
Création d’un site internet en XHTML + L’hébergement By Reyne & Archinard.
Créer son site web Chapitre II. Les caractères spéciaux Les navigateurs ne reconnaissent pas les caractères spéciaux. Heureusement chaque caractère possède.
L’art 3D. Le but Le site a pour but de faire découvrir au monde de nouveaux artistes 3D. Il permet de faire connaitre au public la scène 3D. Il est autant.
Google Apps                         .
Serveur WEB TAGC SPIP 1.9.2d [11132] est un logiciel libre distribué sous licence GPL. Pour plus d'informations, voir le site
Internet WEB.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
LANGAGE HTML Le HTML (Hyper Text Markup Langage) est un langage universel utilisé sur le World Wide Web. Le HTML permet de : * Publier des documents sur.
LE HTML ISN Terminale S Un peu d’histoire …
1 F o r m a t i o n A R S World Wide Web (WWW). 2 F o r m a t i o n A R S Contributions m Création: Claude Gross (UREC) m Modifications: Bernard Tuy,
Les réseaux - Internet Historique Réseau local Internet Les protocoles
Cours de programmation web
SSPT – CHOPIN module 2 Système de gestion de contenu de sites web Par Liette Pothier, Chargée de projet Nancy Dodier, technicienne en informatique.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Auteur : Frédéric Thériault 1. Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2.
IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Formater du texte>Les titres Définir les titres HTML distingue 6 niveaux de titre : Titre N°1 Titre N°2.
INTERNET Le langage HTML
Initiation au JavaScript
Cours : HTML 1 avril 2013.
Cours de HTML suite applications
Les systèmes de gestion de contenu
HTML Rappels des fondamentaux
Deug 11 Systèmes d ’Information : cours 2b Michel de Rougemont Université Paris II Editeurs et HTML.
SSPT – CHOPIN niveau 1 Système de gestion de contenu de sites web Par : Liette Pothier, chargée de projet Nancy Dodier, technicienne en informatique.
Language html Hyper Text Markup Language
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Guillaume MICHAUD – Yvan LECOMTE
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Révisions pour l’exam L2 Informatique Obligatoire.
1 Programmation Web Programmation WAMP/LAMP Premiers principes.
Transcription de la présentation:

Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011

But de la présentation Comment fonctionne un navigateur Web et HTTP. Comment fonctionne HTML. Outils pour faire un site Web

Comment s’affiche une page Web?

Fichier HTML Décrit comment est composée une page Web 100% texte Contient des balises (« tags ») qui indiquent comment formatter les sections de la page.

Format des balises HTML Une étiquette encadrée entre un (exemple: ) Habituellement en couple qui encadre soit d’autres balises, soit du texte: –balise de début (exemple ) –balise de fin avec étiquette précédée par un / (exemple: ) Certaines sont célibataires: le / se trouve après l’étiquette (exemple: ) Peuvent posséder un ou plusieurs attributs qui suivent le nom d’étiquette (exemple )

Types de balises : changement de paragraphe : retour à la ligne (« break ») ou : texte en gras ou : texte en italique : hyperlien (« anchor ») : image : conteneur de section … : titres de niveau … : tableau : liste énumérative (« unordered ») : liste numérotée (« ordered »)

Exemple d’une page HTML

Pour en savoir plus sur le HTML formation/html/html1.htmlhttp://mendeleiev.cyberscol.qc.ca/carrefour/ formation/html/html1.html -DIV.htmlhttp:// -DIV.html

Outils pour faire un site Web Aucune connaissance en informatique requise. Requiert les outils: –Un éditeur HTML, pour composer les pages Web sous forme de fichiers HTML. –Un programme de transfert FTP, qui permet de transférer les fichiers vers l’hébergeur.

Editeurs HTML KompoZer et Komodo Edit: gratuitiels de grande qualitéKompoZer Komodo Edit –WYSIWYG et/ou source HTML –Transfert FTP intégré –Aperçu des pages Notepad++: gratuitielNotepad++ –éditeur de texte HTML seulement –Outils d’édition

Transfert FTP Peut se faire au moyen d’un navigateur, par exemple: ftp://pages.videotron.com/ftp://pages.videotron.com/ WinSCP: gratuitiel FTP très convivial avec interface Windows ExplorerWinSCP

Téléchargements KompoZer et son guide d’utilisationKompoZerguide d’utilisation Komodo Edit WinSCP et son guide d’utilisationWinSCPguide d’utilisation Notepad++