Ceci est une version archivée de FormInt1 à 2010-09-21 17:25:55.
Retour sommaire formations > [[FormationInterne Retour sommaire formations internes


mardi 21 septembre 2010

14h30 - 16h00
intervenant : JP
secrétaire : Mareva
sujet : informatique
détail :
web : ergonomie, CSS, Html, design
langage programmation
papyrus

non traité :
[BDD : mysql, BD stucture
projet informatique]
[projet communication
licence
Openstreetmap, SIG
type herbier
wikini]

--

webmaster :
installer des logiciels
html : langage à balise (logiciel dreamwaver : génère du html) à l'origine fonction hyperlien puis au fur à mesure complexification
affichage web interprété par un navigateur développé en C++
exemple :
<html>
  • <head>
    • <title> Mon titre </tiltle>
  • </head>
    • <body>
      • <p> mon texte </p>
    • </body>
</html>


informaticien : langage de programmation (boucle, condition... algorithmes)

langages complexes : C++, C, C# : langages compilés / Pascal, VB
langage machine virtuelle : Java (équipe Tela) = langage qui compile le code pour une machine intermédiaire virtuelle qui interprète le code
langages - complexes = langages interprétés : PHP (équipe Tela), JSP, ASP, PERL, Ruby, Python, Javascript (équipe Tela)

Java :
programmation fonctionnelle (nom de fonction appelée au lieu de ré-écrire du code), linéaire
langage "objet" : principe hiérarchique, classe, héritage...
PHP : idem prog. fonctionnelle (puis objet)
ces langages servent à écrire des logiciels qui interprètent des paramètres pour créér des pages web html

ex. Papyrus : progtion fonctionnelle (un peu d'objet) : logiciel développé en PHP
ex. coll en ligne et CEL : progtion. objet : logiciel développé en Java


le navigateur web firefox est développé en C++ et sait interprété :
html (langage à balise) : fond, organise le contenu, sémantique
CSS (langage à balise) : forme, feuille de style en cascade, règles pour mettre en forme le html
javascript : bling bling de Yeswiki, bibliothèque Jquery est en javascript (langage de script pour étendre des fonctionnalités du logiciel)

W3C : définit normes

Apache : logiciel (en C), sur le serveur Tela, qui répond aux requêtes web
par ex. Apache va chercher l'éxécutable php qui exécute la page papyrus (logiciel qui interroge les BD Mysql) pour renvoyer la page web html (voir schéma JP...)
à la fin barre navigation s'affihe : .php, .jsp, page:(html)

Mysql : BD

Papyrus est un CMS : système gestionnaire de contenu web
CMS : Drupal, symphonie : but = réaliser un site web (menu, bloc...)
SPIP : (à la base) rédaction article journalistique en ligne
word press (à la base) : gestionnaire de blog (articles ante-chronologiques)
wiki ((à la base) : page collaborative (édition rapide de contenu)

CSS dans le header
<head>
  • <link feuille de style>
  • <script javascript>
</head>

écriture feuille de style :
sélecteur (indique à quel élément du html s'applique la règle) {
  • attribut : valeur;}

exemple :
p (sélecteur de paragraphe) {
  • font-weight:bold;
  • font-size:18px;
}

le CMS utilise des squelettes de page = trame où vient s'insérer le CMS


le graphiste crée une image du futur site (agencement et couleur des éléments, navigation, effets) photoshop
l'ergonomie web devrait être maîtrisée par le graphiste
le webmaster développe le sqelette html et les feuilles de style

le design : style
l'ergonomie : bonne navigation (d'une page à l'autre) + positionnement des éléments dans la page + accessibilité des liens ... pour l'utilisateur