53
le web petite initiation

Web Initiation

  • Upload
    gaspard

  • View
    878

  • Download
    0

Embed Size (px)

DESCRIPTION

Cours d'initiation au web pur des étudiants de première année (prépa) à l'institut du multimédia (pôle léonard de vinci)transcript : http://freelancis.net/ressources/web/initiationstarter : http://www.whatthefuckistheweb.com(présentation initialement faite sous keynote avec de la vidéo intégrée)

Citation preview

Page 1: Web Initiation

le webpetite initiation

Page 2: Web Initiation
Page 3: Web Initiation

the webinternet vs

Page 4: Web Initiation

internetune approche réseau

Page 5: Web Initiation

Internethistorique

(animation)10 min

Page 6: Web Initiation

Internetsurfons !

Page 7: Web Initiation

Internetle réseau

Page 9: Web Initiation

Internethttp://www.useit.com/alertbox

des fichiers

Page 10: Web Initiation

Internethttp://www.useit.com/alertbox

“alertbox”

des fichiers

Page 11: Web Initiation

Internethttp://www.useit.com/alertbox

“alertbox”

des fichiers

Page 12: Web Initiation

Internethttp://www.useit.com/alertbox

“alertbox”

des fichiers

Page 13: Web Initiation

Internet

nom.extension

des fichiers

Page 14: Web Initiation

• .html

• .css

• .gif, .jpeg, .png, .svg

• .swf

• .js

• .pdf, .mp3, .zip, .avi, .ico, etc.

Internetdes fichiers

Page 15: Web Initiation

Internet

Un réseau reliant des ordinateurs du monde entier

des câbles

Page 16: Web Initiation

Internet

IP veut dire Internet Protocol, c'est le système d'accès à un réseau ouvert qu'on appelle TCP/IP.

Chaque machine qui se connecte sur le réseau se voit attribuée une adresse IP, chaque point d'accès au web peut donc être identifié par une adresse IP.

TCP/IP

Page 17: Web Initiation

Internet

66.39.25.224

213.251.186.125

91.121.141.11

TCP/IP

Page 18: Web Initiation

InternetTCP/IP

Page 19: Web Initiation

InternetTCP/IP

Page 20: Web Initiation

Internetperdu ?

Page 21: Web Initiation

Internetperdu ?

Page 22: Web Initiation

to be continued...

Page 23: Web Initiation

internetune approche logicielle

Page 24: Web Initiation

internetclient-side

Page 25: Web Initiation

Internethttp://www.useit.com/alertbox

client-serveur

Page 26: Web Initiation

Internethttp://www.useit.com/alertbox

“alertbox”

client-serveur

Page 27: Web Initiation

Internethttp://www.useit.com/alertbox

“alertbox”

client-serveur

Page 28: Web Initiation

Internethttp://www.useit.com/alertbox

“alertbox”

client-serveur

Page 29: Web Initiation
Page 30: Web Initiation

• Firefox

• Internet Explorer

• Safari

Page 31: Web Initiation
Page 32: Web Initiation
Page 33: Web Initiation
Page 34: Web Initiation
Page 35: Web Initiation
Page 36: Web Initiation

internetserver-side

Page 37: Web Initiation

Internetun serveur

Page 38: Web Initiation

Internetun serveur

Page 39: Web Initiation

Internetun serveur

Page 40: Web Initiation

• PHP

• MySQL

Outils

• Linux

• Apache

Page 41: Web Initiation

OutilsLinux

Page 42: Web Initiation
Page 43: Web Initiation
Page 44: Web Initiation
Page 45: Web Initiation
Page 46: Web Initiation
Page 47: Web Initiation
Page 48: Web Initiation

• Une plateforme stable

• Une orientation serveurs (pas de souris, ni de clavier, ni d’écran)

OutilsLinux

Page 49: Web Initiation

OutilsPHP

Page 50: Web Initiation
Page 51: Web Initiation

• Langage de programmation puissant et modulaire

• permet de récupérer d’interfacer les données en base

OutilsPHP

Page 52: Web Initiation

• Stocke les données

• Permet plusieurs accès simultanés

OutilsMySQL

Page 53: Web Initiation

mercides questions ?