[PDF] [PDF] Développement Web INITITIATION AU DEVELOPPEMENT WEB ET

[PDF] Développement Web INITITIATION AU DEVELOPPEMENT WEB ET

Développement Web Principe du Web Quelle solution ? Développer son site Développer son site – « A la main » Les standards – HTML Les standards - CSS

[PDF] Développement Web - Accueil

16 jan 2010 · Chaque page contient un paragraphe "formation" ayant pour finalité de sélectionner nos cours les plus didactiques Page 2 Développement Web 

[PDF] Le fonctionnement du web - ENSG - Formation à Distance

Dans le cadre de ce cours, nous utiliserons le serveur Apache, et le navigateur FireFox Pour la programmation de site web, il est recommandé de tester chaque  

[PDF] M1IF03 Conception dApplications Web - CNRS

Et développement http://liris cnrs fr/~lmedini/CCI/Poly_XML_complet pdf En cours de développement : Web sémantique, de données, des objets Nombre 

[PDF] Programmation WEB en PHP - Rémy Malgouyres

et Développement de Web Services Cours de programmation WEB sur les documents hypertexte HTML/CSS : documentation (HTML, LATEX, PDF, etc ) 

[PDF] NOTIONS DE BASE en programmation Web avec PHP - Cnam

Lorsqu'une requête HTTP est soumise au serveur Web pour une page dont l' extension est « php», comme pour un fichier HTML, le serveur commence par 

[PDF] Programmation Web Avancée Cours 1 - Audentia

(au commencement) Protocole d'échange de documents (les pages Web) • Le format de fichier est HTML (on va revenir dessus), spécifié par le W3C

[PDF] PROGRAMMATION WEB AVANCEE - Université des Antilles et de

Objectif du cours : Conception d'applications Web ○ Plan du construisent sur une architecture Web Si possible, utiliser un framework de développement

[PDF] Cours « Technologie Web - Université de Fribourg

L'objectif du cours est de faire apprendre aux étudiants les technologies de base utilisées dans le domaine du développement Web et savoir les utiliser de 

[PDF] technologie de web

[PDF] architecture web pdf

[PDF] permis b1

[PDF] code 106 permis de conduire suisse

[PDF] code 121 permis de conduire suisse

[PDF] permis d1e suisse

[PDF] permis de conduire d1 suisse

[PDF] permis d1 3.5t 106

[PDF] permis de conduire suisse code 121

[PDF] permis professionnel geneve

[PDF] permis de conduire d1 geneve

[PDF] permis d1 suisse prix

[PDF] liste code ape excel

[PDF] liste code ape 2016

[PDF] liste code ape 2017

1

Développement Web

INITITIATION AU DEVELOPPEMENT WEB ET

POURbLAbMISEbENbPLACEbD©UNbSITEbWEB

OlivierbAllaert

2 3

Internet

Serveur webCode html

Navigateur Hbergeur

4

Internet

Serveur webCode

NavigateurStylephpBase de

donn es 5

Quelle solution choisir ?

En fonction de : ê quelle sera la frquentation du site ?ê quel temps peut →tre investi ?ê quelles sont les comp tences disponibles ?ê combien de personnes travailleront sur le site et quel sera leur r le ? →CMS ou Site Web dvelopp personnellement ? 6 Dvelopper ses propres pages web (crire le code → partir d©un diteur)ê code clairê int ressant si contenu relativement " statique » ê veillez

→ respecter les normes du W3C : World Wide Web Consortium. ê W3C un organisme de normalisation fond

en octobre 1994ê http://www.w3c.org 7

Quel diteur utiliser ?ê Outils : - un simple

diteur de texte - un diteur WYSIWYG ► WYSIWYG = What You See Is What You Get

ê Veillez

→ respecter les normes du W3Cê Connaissance des langages HTML, XHTML, CSS (contenu statique) ê Connaissance des langages PHP, Perl etc... (contenu dynamique)

8

HTML = HyperText Mark-Up Language

ê standard du web dfinit par le World Wide Web Consortium (W3C)ê contenu statique ê langage type balise

Bonjour, voici ma première page web !

9 CSS1 unique code HTMLCSS = Cascading StyleSheets ou " feuilles de style » 10

Les standards - CSS

CSS = Cascading StyleSheets ou "feuilles de style»  définit la mise en forme de la page web (du site) → misebenbformebcentralisée = modification du style de tout un site en seulement quelquesbchangements → unebplusbgrandeblisibilité du HTML, car les styles sont définis à part ; → desbchargementsbdebpagebplusbrapides,bpourblesbmêmes raisons que précédemment ; → unbpositionnementbplusbrigoureuxbdesbéléments. 11 body { font: normal normal normal 15px arial; background-color:white; color:black; a {color:blue;} img {float:left;} #cadre1 { width:200px; float:left; border: 1px solid navy; background-color:#B4C6DB; padding:10px; #cadre2 { width:200px; margin-left:10px; clear : both; border: 1px solid #DB0413; background-color:#DBA3A7; padding:10px; list-style-type:square;

12Utilisation d©un diteur WYSIWYG► WYSIWYG = What You See Is What You Get

diteurs payants (dreamweaver, frontpage...)ê diteurs gratuits (nvu,amaya...) 13

ê Fonctionne sur un grand nombre de syst mes d©exploitation (MacOS, Linux, Windows...)ê Gratuit

ê http://www.nvu.com/

14" #!+

C.M.S. : Content Management Systems

→syst me de gestion de contenu.ê site web disposant de fonctionnalit s de publicationê site web avec une interface d©administration (back-office) pour g rer articles, rubriquesê contenu du site stock dans un base de donnesê templates (mod les de pages) pour la forme Style 1

Style 2

contenustylesSite final+= administrateurauteurs 15

CMS - Quel CMS ?

Un norme choix de CMS gratuits et

performantsb!

Voirb:bhttp://cmsmatrix.org

Quellesbsontbmesbbesoinsb?

ê Statistiquesb?

ê Gestionb"fi ne»bdesbutilisat eursb?

ê Personnalisationbjusqu© quel niveau ?

ê Mailingb?

ê Urlbscurises ? etc...

Quellesbtechnologiesbmaitrise-t-onb?

ê Phpb?

ê Mysqlb?

ê Perlb?betc...

16

CMS - Quelques exemples

Les plus connus

H SPIP

H Joomla

H Drupal

H eZbPublish

 PlusblebCMSbestbcomplet,bplusbilbestbcomplexe b → Aije besoin de toutes ces fonctionnalités ? → Ai-jeblebtempsbdebm©investirbdedansb?

17" #!" # #

CMS Made Simple

ê Phpê Mysql (base de donnes)Administration ê Ajout d©extensions ê Gestion des utilisateursê Disposition (gabarits, mod

les, feuilles de style)ê Administration du site D monstration de : http://demo.cmsmadesimple.fr/Style 1

Style 2

contenustylesSite final+=

18" #!'.

Administration ê Ajout d©extensions ê Gestion des utilisateursê Disposition (gabarits, mod les, feuilles de style)ê Administration du site

ê Phpê PAS DE BASE DE DONNES

Site officiel : http://www.freeguppy.org

Style 1

Style 2

contenustylesSite final+= 19

Conclusion

CMS si

H contenubdynamique

H plusieursbauteurs

H sitebcomplet

CMSbà éviter si

H simplebpagebweb

H sitebaubcontenubstatique

H Nécessite un administrateur avec certaines connaissances informatiques H Faireblebbonbchoixbparmiblebtrès grand nombre de CMS

Développement si

H Page(s)bwebbsimple(s)

H Contenubstatique

Développement à éviter

H sibcontenubdynamique

H plusieursbauteurs

quotesdbs_dbs2.pdfusesText_3