Comprendre les sites web MODULE 1 | CHRISTIAN BLÉSER (2015)

Slides:



Advertisements
Présentations similaires
Conception de Site Webs dynamiques Cours 6
Advertisements

Conception de Site Webs Interactifs Cours 4
Internet : serveurs Web
Internet.
Site vitrine Joomla.
2006/2007Denis Cabasson – Programmation Web Cours de programmation web ENSAE
Comprendre l’environnement Web
Un blog (pour web log) est un espace de publication personnel, vous permettant de diffuser du contenu sur un espace qui vous est réservé.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
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.
Nexeto.  Entreprise ◦ ADINFO ◦ Nexeto  Besoins ◦ Objectifs ◦ Outils/Moyens ◦ ATS ◦ Planning  Projet de stage ◦ Conception ◦ Réalisation  Bilan  Résultats.
EPREUVE E6 : PARCOURS DE PROFESSIONNALISATION
Séance /10/ Projet de site dynamique avec Dreamweaver : MyCMS
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.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
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.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Veille technologique Wordpress. Qu’est ce que Wordpress ?  C’est un CMS hautement personnalisable  CMS signifie « Content Management System » soit système.
Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site.
GCstar Gestionnaire de collections personnelles Christian Jodar (Tian)
SPIP Un logiciel libre pour la gestion d'un site web d'informations SPIP.
Technologies de l’Internet dynamique
Publication collaborative ➔ Présentation de Centra ➔ SPIP : les principes éditoriaux ➔ Les plugins : première approche ➔ Les fichiers SPIP : un tour du.
3 mai 2012 – présentation service communication Quizz d’introduction.
1 Identifier les composants d’un réseau local. 2 Les composants d’un réseau Des ordinateurs, appelés stations... …munis d’une carte réseau leur permettant.
1 Rapport PFE Gestion de Stock M LLE Nouhaila Touzani Ouazli.
Présenté par : ANDRIAMANALINA Favennec Costant CREATION D’UN SITE POUR L’APPRENTISSAGE DU CODE DE LA ROUTE CAS DU CLIENT DE LA SOCIETE ASA.
INTERNET #1 Qu’est-ce qu’internet ? Qu’est-ce qu’un site internet ?
Kévin NIGAUD - Mission pour l'interdisciplinarité
SEO : Search Engine Optimization Référencement Naturel
Comprendre l’environnement Web
Publication site AROEVEN
Formation aux TICE et pratiques pédagogiques:
Projet Ville de Lyon Sites Internet
Sécurisation de l’accès Internet
Les protocoles du Web Professeur: Tanja Dinić Étudiant:
HTML.
Présentation de JQUERY
Ultra Vidéo Gallery UVG pour les intimes.
Christian Bléser (avril 2014)
fonctionnalités iiS iis
HTML & css.
Le CSS Principe de séparation du contenu et de la mise en forme
Site web, blogue, boutique, ou page Facebook?
Module 1 : Réaliser un site internet
Questions 1- Qu'est ce qu'un réseau informatique ?
Gestion du cours Aissa Boulmerka.
Excel XP - Lab #4 MET1421 HTML / Frontpage Daniel Gelinas.
Gestion du compte et Méthodes d’inscription
Lintranet LE FUTUR VOUS APPARTIENT NIL JULITTE.
SPIP Pour faire un site sous Spip, voici une sélection d'outils.
Internet C'est quoi ? Comment ça marche ? Fenêtre sur le monde
CSS et DREAMWEAVER (Suite et fin)  Les liens
</Présentation de solutions documentaires>
Outils et principes de base. Exemple d’application  Gestion de données d’enquête : Interface de saisie en ligne  insère directement les données dans.
2018 Nouveau Portail Web Journée des utilisateurs Octopus
INTERNET SITE WEB HEBERGEMENT
Atelier de formation à l’élaboration de CD-ROM (Ouagadougou, 19 et 20 août 2015) Par-Gs 1.
TD Multimédia : cours 1 Année Groupe C TD multimédia.
AUDIT CONCURRENTIEL DE 4 BARS GAMING SUR PARIS
Definition de html sommaire. Présentation de html, css et javascript Module 1.
Design your Dreams.
Qu’est ce qu’une page web? Comment fonctionne un site web?
UN BON POWER POINT RETROUVEZ CE COURS P. GANGUTIA, Professeur documentaliste, LPFA 2019.
Site web, Ce qu’il faut savoir ?
Transcription de la présentation:

Comprendre les sites web MODULE 1 | CHRISTIAN BLÉSER (2015)

Au menu C’est quoi un site web ? Quel est le principe de fonctionnement d’un site web ? Quels sont les outils de création d’une site web ? Comment référence mon site web ? site_web Comment héberger mon site web ? Règle d’or

C’est quoi un site web ?

? Code web Coue + contenu web Code + contenu web ensemble de fichiers… codes + contenus web Images, sons et vidéos sur un serveur connecté au web Identifié par un nom de domaine

C’est quoi un site web ? Vitrine du restaurant… Quelques exemples… Faire connaître l’école… Proposer un service…

C’est quoi un site web ? Principe de fonctionnement d’ affichage d’un site Code + contenu web Appel du site web Code web Code + contenu web Affichage du site web internet

C’est quoi un site web ? Principe de fonctionnement d’ affichage d’un site Code + contenu web Appel du site web Code web Code + contenu web Affichage du site web internet cache

C’est quoi un site web ? Veiller à du contenu de qualité ! contenu web Soignez vos contenu texte! Référencez vos sources (externes)! N’utilisez que des images et sons autorisés! Adaptez la taille de vos images! Soignez votre design!

Outils de créations d’un site web ? internet Je crée/gère mon site sur mon PC… Pour encoder mon contenu Pour publier Code web Code + contenu web

Langages pour coder mon site web ? Code web Coue + contenu web Code + contenu web HTML – Hyper Text Marked Language Pour coder la structure et le contenu CSS – Cascade Style Sheet Pour définir le design de mon site Javascript Pour ajouter du dynamisme à mon site PhP + MySQL Pour gérer des données (clients, paniers, forum…) Exemple

Outils de créations d’un site web ? Je crée/gère mon site en ligne internet …avec un CMS

Comment héberger mon site web ? internet LOCAL SERVEUR (HOST)

C’est quoi le référencement ? internet Code web Code + contenu web

Comment référencer mon site web ? Moi-même avec des techniques et outils Spécialiste SEO (Search Engine Optimization) Code + contenu web Balises META Mots-clés Visibilité e-réputation

Récapitulatif…

C’est quoi un site web ? Récapitulatif… Démarrez vos boîtiers de vote! Lorsque je visite un site web, je laisse des traces un peu partout sur internet ?

C’est quoi un site web ? Récapitulatif… Pour créer et tester mon site web, ai-je besoin d’une connexion internet ? Oui, absolument! Oui, pour tester! Non, si mon CMS n’est pas en ligne! Oui, si l’hébergeur est payant!

C’est quoi un site web ? Récapitulatif… J’ai besoin d’acheter un nom de domaine, avant d’héberger mon site ?

C’est quoi un site web ? Récapitulatif… A quoi sert le code CSS – Cascade Style Sheet ? A définir le design graphique de mon site A structurer le contenu de mon site A héberger mon site A structurer le code de mon site

Des questions ? FIN DU MODULE 1 site_web Retrouvez toutes les ressources sur