Au sommaire Qu’est-ce qu’Internet Fonctionnement site web
HTML ET CSS Editeur de texte Mettre un site en ligne
Qu’est-ce qu’Internet ? DÉFINITIONS Internet Est un réseau mondial de télécommunication reliant entre eux des ordinateurs ou des réseaux locaux et permettant l'acheminement de données numérisées de toutes sortes (messages électroniques, textes, images, sons, etc.).
Le Web (World Wide Web) Est un système « hypertexte » public fonctionnant sur Internet. Le Web permet de consulter, avec un navigateur Internet, des pages accessibles sur différents sites. L’image de la toile d’araignée vient des « hyperliens » qui lient les pages web entre elles
Fonctionnement d’un site web Un site Web est composé de différents langages informatiques qui sont incontournables et universels aujourd'hui. Ils sont à la base même du Web.
Le langage HTML a été inventé par un certain Tim Berners-Lee en 1991 …
Les navigateurs Web que vous connaissez tous sont des programmes qui permettent de décrypter ces langages et de faire apparaître son contenu à l’écran.
Fonctionnement d’un site web HTML & CSS HTML (HyperText Markup Language) Est apparu en 1991 lors du lancement du Web Son rôle est de créer et gérer le contenu. Le HTML définit le « fond » ou contenu de votre page.
CSS (Cascading Style Sheets, aussi appelées Feuilles de style) Est apparu en 1996 et vient compléter le HTML. Son rôle est de gérer l'organisation des éléments sur votre page, l'apparence celle-ci. Le CSS définit la « forme » et permet d'arranger le contenu.
Fonctionnement d’un site web 5 ÉTAPES D’UN PROJET WEB
01 ANALYSE
03 MISE EN ŒUVRE
02
CONCEPTION
05 REALISATION
04
DESIGN
Les étapes d’un projet web
PHASE 1 ANALYSE
Les étapes d’un projet web 1. OBJECTIFS DE VOTRE SITE À quoi votre site Web servira-t-il? À faire la promotion de votre entreprise À acquérir de nouveaux clients par l'entreprise de votre site Internet À faciliter votre travail, en faisant visiter des lieux ou en montrant un catalogue de produits, par exemple À recruter du personnel À diffuser de l'information générale
À faire un concours, une promotion…
Les étapes d’un projet web 2. CIBLE Est-ce un site Internet B2C ou B2B ? Vous pouvez aussi identifier des catégories d'internautes cibles (classes d'âge, catégories professionnelles etc.) Dans quelle région (local, national, international) ?
Souhaitez-vous communiquer avec : Des clients potentiels ? Des fournisseurs ? Les membres d'une association ? De futurs employés ?
Les étapes d’un projet web 3. ANALYSE DE SON MARCHÉ
L'analyse de son marché sur Internet est une étape importante Analyse de la concurrence : votre marché est-il peu ou très concurrentiel ?
Analyse du trafic : Estimation du volume de recherches …
Les étapes d’un projet web Budget
4. DÉFINIR UN BUDGET
Comme pour la création d'entreprise, la création d'un site Internet nécessite de mettre en place un business plan. Même un "petit site" a un coût et il vaut mieux l'anticiper. Identifier le budget que vous souhaitez allouer à votre site Internet, vous pouvez ensuite le décomposer en : Coûts de création du site Internet (développement) = un coût fixe Coûts d'hébergement (coûts mensuels ou annuels) Coûts de maintenance et mise à jour (si vous passez par une agence web ou cabinet de référencement) = coûts mensuels
Coûts de référencement (si vous passez par une agence web ou cabinet de référencement) = coûts annuels ou mensuels Coûts de promotion de votre site web
Les étapes d’un projet web
PHASE 2 Mise en oeuvre
Les étapes d’un projet web 1.LE KIT DU DÉVELOPPEUR Créer son site sur son ordinateur : Un ordinateur à jour Navigateur – Chrome, Firefox, IE, Safari.. Logiciel (creation de site web) Une connexion Internet
Un nom de domaine (www.domaine.com) Un serveur pour stocker vos fichiers sur Internet
Un logiciel pour envoyer vos fichiers sur le serveur Du temps et (un peu) d’argent
Les étapes d’un projet web 2.NOM DE DOMAINE Cherchez “nom de domaine” sur Google Godaddy.com Gandi.net OVH.com Register.com Environ 12 euros par an Achetez un “.com”(Mondial) ou “.pays” (National)
Achetez votre nom complet
Les étapes d’un projet web 3.HÉBERGEMENT (SERVEUR)
Chosissez un hébergeur Godaddy.com Gandi.net OVH.com
Les prix varient selon vos besoins (min 2euro/mois) Adresse email
Les étapes d’un projet web 4.LOGICIEL FTP Upload de fichier Programmes Cyberduck FileZila Identifiants serveur Ordinateur à gauche, serveur à droite Gardez un dossier de sauvegarde, et téléchargez celui en ligne avant d’uploader quoi que ce soit
Les étapes d’un projet web 5.LOGICIEL DÉVELOPPEMENT WEB Quel logiciel utiliser ? Il existe de nombreux logiciels dédiés à la création de sites web. MAIS vous pouvez utiliser un logiciel que vous connaissez tous : BLOC NOTE (photo)
Il y a cependant des logiciels plus puissants aujourd'hui, qu’on classe en deux catégories : Les WYSIWYG : Programmes qui se veulent très faciles d'emploi, ils permettent de créer des sites web sans apprendre de langage particulier (Mozilla Composer, Microsoft Expression Web, Dreamweaver) Les éditeurs de texte : Programmes dédiés à l'écriture de code. On peut en général les utiliser pour de multiples langages, pas seulement HTML et CSS. Ils se révèlent être de puissants alliés pour les créateurs de sites web (Notepad++) !
Les étapes d’un projet web
PHASE 3 Conception
Les étapes d’un projet web 1.ARBORESCENCE
Produit 1 Catégorie 1
Produit 2
Présentation
Produit 3 Type de produits Accueil
Produit 1 Services Catégorie 2
Produit 2
Contact Produit 3
Les étapes d’un projet web
Les étapes d’un projet web
PHASE 4 Réalisation
Les étapes d’un projet web RÉALISATION
• HyperText Markup Language • contenu du site..
• Une personne à une tête • Une personne à un corps • Une personne à des pieds
démesuré (golf et opération immobilière). L'association de protection du site de ... mise en œuvre de projets territoriaux de développement durable par la valorisation des ressources naturelles ... de matériaux sains pour la santé et l'environnement,
Textes ombragés : Étapes chronologiques des évènements menant à la Conférence générale de. 2005. La date de la Conférence a été fixée au 3 octobre 2005.
This Etudes Du Centre De Dveloppement Conflits Et Croissance En Afrique Afrique Australe Volume 3 PDF on the files/S3Library-A1b25-73de4-E99ad-2c45e-C1383.pdf file begin with Intro, Brief Discussion until the. Index/Glossary page, look at the table o
Time allowed: 0 sec. Height: 1,35 m. Time limit: 128 sec. Time limit: 0 sec. Class No.: 9. CSI ***. Accumulator Competition samedi 19 novembre 2016. Start: 9:10.
Grégory BODO. J-C LAPARRA. Davy THIRINGER. Valery BREANT. José NICOLAS. Table: A. Speed: 350 m/min. Obstacles: 12. BARRAGE: 1-6-14-4BC-15-3-9. National RG: Length: 410 m. Efforts: 15. Length: 300 m. FEI RG / Art. 238.2.2. Time allowed:71 sec. Time al
0 sec. Height: 1,40 m. Time limit: 132 sec. Time limit: 0 sec. Class No.: 5. CSI ***. Competition against the clock vendredi 18 novembre 2016. Start: 10:30. 2. 6C.
300 m. FEI RG / Art. 238.2.2. Time allowed:71 sec. Time allowed: 52 sec. Height: 1,45 m. Time limit: 142 sec. Time limit: 104 sec. Class No.: 8. CSI*** 1st QUALIF.
Grégory BODO. J-C LAPARRA. Davy THIRINGER. Valery BREANT. José NICOLAS. Table: A. Speed: 350 m/min. Obstacles: 13. BARRAGE: 1-2-8-15-6AB-9B-16. National RG: Length: 460 m. Efforts: 16. Length: 290 m. FEI RG / Art. 238.2.2. Time allowed:79 sec. Time a
70 sec. Time limit: 66 sec. Class No.: 7. CSI ***. Competition in two Phases vendredi 18 novembre 2016. Start: 15:15. 2. 8A. 1. 5. 4. 8B. 10. 3. 6A. 11. Start. Finish.
Time allowed: 36 sec. Height: 1,20 m. Time limit: 70 sec. Time limit: 72 sec. Class No.: 6. CSI *. Competition in two Phases vendredi 18 novembre 2016. Start: 12: ...
La salle accueille 100 personnes au maximum pour une soirée champêtre et animée. ..... préférés pour passer une nuit à la belle étoile... par Lucie Leonardi.
Page 21 .... By the middle of the twentieth century, products and manufacturing ..... solutions. For the first problem there is only one correct answer. For the second ...... begin our discussion of how humans design mechanical objects by ...... Inst
21. Zur optimalen Schonung des. Gewebes ist der Schneidkopf des Fusselentferners in 3. Positionen verstellbar: ⢠Position Nr. 1: Minimaler. Abstand der Messer ...
This. Design. Web. Utiliser. Les. Standards. Css. Et. Xhtml. PDF on the files/S3Library-4e4e7-E5a57-F8e1b-Acc9e-821ac.pdf file begin with Intro, Brief Discussion until the. Index/Glossary page, look at the table of content for additional information,
Le Responsive Design s'impose comme le moyen de concilier l'impératif de .... stratégies numériques et orchestrent les dispositifs digitaux les plus pointus.