INITIATION WEB

HTML
C'est l'ARPA (U.S Défense Départements Advanced Research Projects Agency)
qui a créé l'ancêtre d'Internet, dans les années 1960, en faisant circuler de
l'information (courrier électronique) sur le réseau téléphonique, par la
technologie des commutations par paquet agrémentée d'une dose
d'automatisation (pour que les paquets d'informations trouvent leur chemin
pour aller d'un ordinateur à un autre... en passant par un réseau d'autres
ordinateurs variable).

Le Web est un protocole très nouveau qui est basé sur des concepts assez
anciens (en 1965, Ted Nelson donne naissance à l'Hypertexte ; en 1987,
Hypercard logiciel d'Apple utilisant les Hypertextes est lancé).

Il est créé par Tim Berners-Lee, au CERN, en Octobre 1991, avec le premier
navigateur intitulé World Wide Web, qui comprenait également une partie
éditeur HTML Wysiwyg (What you see=what you get).
Un site web est composé d'un ensemble de documents
structurés, nommés pages web, stockés (hébergés) sur
un ordinateur (serveur) connecté au réseau mondial
(internet).

Ensemble des pages reliées entre elles et accessibles

sur Internet à partir d'une même adresse universelle
Le site « carte de visite »
Le site vitrine
Le site de e-commerce

Le site mobile

L’application web
Le site communautaire
Le blog

Le site spécifique, sur mesure

Premier document contractuel d’un projet web, le cahier des charges sert à formaliser
les besoins et les exigences de l’entreprise visée, et à les expliquer aux différents
acteurs pour s’assurer que tout le monde est d’accord.[…] Il sert ensuite à
sélectionner le prestataire puis à gérer la relation tout au long du projet. Référentiel
contractuel partagé par le prestataire et l’équipe interne, le cahier des charges est
donc le principal outil de communication du chef de projet.

Le cahier des charges répond donc à 4 objectifs :

Définir les objectifs du site Internet ;

Indiquer les contraintes à respecter impérativement ;
Etre un outil de dialogue entre les différents acteurs ;
Diminuer les risques d’erreur lors de la réalisation du site.

A partir de ce cahier des charges, le prestataire rédige une offre commerciale, qui
peut contenir :
une proposition méthodologique de conduite de projet ;
une réponse technique aux attentes formulées ;
un calendrier de développement ;
un budget prévisionnel.

Le cahier des charges conditionne la réponse du prestataire : trop succinct, il ne

permettra pas à ce dernier d’apporter une réponse pertinente aux besoins du
commanditaire, trop détaillé, il risque de limiter ses choix et de brider son expertise.
L'hébergeur s'engage à
Trafic : une bande passante minimale
Disponibilité : le site est « en ligne » 24/24
Fiabilité : peu de failles de sécurité (virus, etc.)
Responsabilité de l'hébergeur (en France)
Hébergeur Éditeur
Retirer les informations illicites lorsqu'elles sont signalées
Déclaration des fichiers de données personnelles (CNIL)
Sur demande du juge, des données peuvent être communiquées (sécurité)
Droit très différent selon les pays

Types d'hébergement
Dédié (dedicated)
Une machine entière à disposition
Plus rapide, plus disponible, plus de stockage
Plus cher
Mutualisé (mutualized)
Une « portion » de machine à disposition
Moins rapide, plus de risques de sécurité
Beaucoup moins cher
Colocation
La machine appartient au client
L'hébergeur fournit l'infrastructure, le réseau, la maintenance
HTML
 WAMPSERVER FILE ZILA
NOTEPAD++
 HTML
Langages lu par le navigateur, le site sera réalisé en
HTML5 (utilisé par Google, YouTube, Apple …)

Qu'est-ce qu'une page html

Les pages HTML peuvent être écrites au moyen d'éditeurs, Wysiwyg (what
hou see=what you get) ou pas, ou traduites par des convertisseurs (à
éviter en règle générale : pages lourdes, inélégantes ou mal lisibles), ou
générées de façon dynamique par couplage avec des bases de données ou
des CGI (programmes informatiques, en général écrits en PERL).
Le contenu des pages (vu par l'utilisateur) est mis en forme par une série
de codes très simples et facilement "lisibles" (il est toutefois difficile
d'écrire tous les codes à la main sans rien oublier !... cf source d'une page
par Netscape).
 Le terme CSS est l'acronyme anglais de Cascading Style Sheets
qui peut se traduire par "feuilles de style en cascade". Le CSS
est un langage informatique utilisé sur l'internet pour mettre
en forme les fichiers HTML ou XML. Ainsi, les feuilles de style,
aussi appelé les fichiers CSS, comprennent du code qui
permet de gérer le design d'une page en HTML.

L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site
réside dans la possibilité de modifier tous les titres du site en une seule
fois en modifiants une seule partie du fichier CSS. Sans ce fichier CSS, il
serait nécessaire de modifier chaque titre de chaque page du site
(difficilement envisageable pour les énormes sites de plusieurs milliers de
pages).
- Apache est un logiciel permettant de créer un serveur Web (Serveur
HTTP), Apache est conçu pour prendre en charge de nombreux modules lui
donnant des fonctionnalités supplémentaires : interprétation des langages
Perl, Php, Python et Ruby, serveur proxy, Common Gateway Interface,
Server Side Includes, réécriture d'URL, négociation de contenu, protocoles
de communication additionnels, etc.
- PHP: HyperText Préprocesseur, plus connu sous son
sigle PHP, est un langage de scripts libre
principalement utilisé pour produire des pages Web
dynamiques via un serveur HTTP, mais pouvant
également fonctionner comme n'importe quel langage
interprété de façon locale, en exécutant les
programmes en ligne de commande. PHP est un
langage impératif disposant depuis la version 5 de
fonctionnalités de modèle objet complètes. En raison
de la richesse de sa bibliothèque, on désigne parfois
PHP comme une plate-forme plus qu'un simple
langage.
- MySQL sera le support de base de données utilisé pour stocker les
tables et informations nécessaires
jQuery est une bibliothèque JavaScript libre qui porte sur
l'interaction entre JavaScript (comprenant AJAX) et HTML, et a pour
but de simplifier des commandes communes de JavaScript. La
première version date de janvier 2006.
jQuery se présente comme un unique fichier de 155 ko (24 ko dans
sa version compressée).
Le Framework contient notamment les fonctionnalités suivantes :
* Parcours et modification du DOM (y compris le support des
sélecteurs CSS 1 à 3 et un support basique de XPath) ;
* Événements ;
* Effets et animations ;
* Manipulations des feuilles de style en cascade (ajout/suppression
des classes, d'attributs…) ;
* AJAX ;
* Plugins ;
* Utilitaires (version du navigateur…).
HTML
 (Content Management System)

Il s’agit de l’abréviation de Content Management System, c’est-à-dire

littéralement « système de gestion de contenu ». Concrètement, un CMS
est un programme informatique qui facilite la création d’un site web en
proposant des modèles de sites, un univers graphique, etc. WordPress,
Joomla! ou Typo3 sont des CMS, tout comme 1&1 MyWebsite.

Les avantages à utiliser un CMS

Utiliser un CMS présente plusieurs avantages. Nous avons choisi de vous
en présenter ici les trois principaux.
Comme nous venons de le voir, le recours à un CMS permet de gagner du
temps (inutile d’attendre 10 secondes à chaque modification), grâce à
une mise à jour et une prévisualisation du résultat final en temps réel.
Pratique, non ?
Ensuite, l’interface de gestion est très souvent intuitive, y compris pour
des personnes n’ayant aucune connaissance technique en développement
web. Même si vous n’êtes pas spécialiste web, vous devriez donc vous
orienter dans votre CMS sans problème particulier et réussir à obtenir le
résultat souhaité.