• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Support Formation du 12/05/09 - CNAM
 

Support Formation du 12/05/09 - CNAM

on

  • 992 views

 

Statistics

Views

Total Views
992
Views on SlideShare
991
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Support Formation du 12/05/09 - CNAM Support Formation du 12/05/09 - CNAM Presentation Transcript

    • CMS Joomla! D esign et M ise en P age www.yourwebsite.fr
    • Procédure de Publication
      • Je Classe par Section et par Catégorie
      • Je Définis mes Articles
      • Je Définis mes Menus
      www.yourwebsite.fr Rappels M1
    • Joomla 1.0.x
      • Core = Fonctions de Base + Templates
      • Composant
      • Modules
      • Plugins
      www.yourwebsite.fr Rappels M1
    • Joomla 1.5.x
      • Extensions
      • Templates
      • Composant
      • Modules
      • Plugins
      www.yourwebsite.fr Joomla 1.0.x vs 1.5.x
    • Template Joomla
      • Scripts
      • Design - Agencement des Modules
      • .templates/[mon_tmp]/index.php
      • Feuilles de Style
      • .templates/[mon_tmp]/template_css.css
      www.yourwebsite.fr
    • Module 2 : 3x02H30
      • Unité 2.1 Solutions Alternatives + Design
      • Unité 2.2 Feuilles de Style
      • Unité 2.3 Feuilles de Style + Joomla
      www.yourwebsite.fr M2 Design – Mise en Page
    • Solutions Alternatives Unité 2.1.1 # Gestion du Design www.yourwebsite.fr
    • Solutions Alernatives
      • Acheter un KIT
      • A partir de 50 euros
      • Générer un KIT avec Artisteer (129 euros)
      • Coder le KIT
      • A partir de 3 000 euros
      www.yourwebsite.fr
    • Acheter un KIT
      • # Option 1
      • Pour 50 euros
      • Template NON EXCLUSIF
      • Option 2 #
      • A partir de 1 500 euros
      • Template EXCLUSIF
      www.yourwebsite.fr
    • Quelques Prestataires
      • JoomlArt
      • JoomlaPlates
      • RocketTheme
      www.yourwebsite.fr Best of Joomla
    • Principaux Avantages
      • Modernité
      • Interopérabilité
      • Optimisation des Temps de Chargement
      www.yourwebsite.fr + Code Personnalisable
    • Artisteer - GenoPal Unité 2.1.2 # WorkShop Design www.yourwebsite.fr
    • Générer un KIT avec artisteer
      • En-tête - Header
      • Couleurs&Polices
      • Arrière plan
      • Mise en Forme - Design
      • Feuille
      • Bas de Page
      www.yourwebsite.fr
    • Générer un KIT avec artisteer
      • Menus
      • Blocs – Modules
      • Boutons
      • Articles
      www.yourwebsite.fr
    • Header - Entête www.yourwebsite.fr
    • Couleurs et Polices www.yourwebsite.fr
    • Arrière Plan www.yourwebsite.fr
    • Mise en Forme - Design www.yourwebsite.fr
    • Feuille www.yourwebsite.fr
    • Bas de Page www.yourwebsite.fr
    • Menus www.yourwebsite.fr
    • Blocs - Modules www.yourwebsite.fr
    • Boutons www.yourwebsite.fr
    • Articles www.yourwebsite.fr
    • Support Charte Graphique www.yourwebsite.fr
    • Procédure
      • Choisir une Photo - Elaborer le Design
      • Générer le Template
      • Installer le Template dans son Environnement
      • http://user[n].yourwebsite-joomla.co.cc
      www.yourwebsite.fr
    • Feuilles de Style Unité 2.2 # WorkShop CSS www.yourwebsite.fr
    • Programme
      • Généralités
      • Floating
      • Empilement des Couches
      • Formatage des Contenus
      • Contextualisation
      • Widgets
      www.yourwebsite.fr
    • Feuille de Style
      • Ensemble de REGLES
      • REGLE =
      • SELECTEUR + DECLARATION
      • DECLARATION =
      • PROPRIETE(S)
      • VALEUR(S)
      www.yourwebsite.fr
    • www.yourwebsite.fr H1 { color : purple ; } Sélecteur Propriété Déclaration Valeur
    • Page XHTML (I)
      • Ensemble d’ELEMENTS
      • Séquencement des ELEMENTS = FLUX
      • Relation PARENT/ENFANT
      www.yourwebsite.fr
    • Page XHTML (II)
      • 2 Types d’ELEMENT
      • ELEMENTS de BLOC
      • ELEMENTS de LIGNE
      www.yourwebsite.fr
    • ELEMENTS de BLOC
      • H1, H2, H3, p etc.
      • TABLE, FORM etc.
      • UL, OL
      • DIV
      www.yourwebsite.fr La Liste Complète
    • ELEMENTS de LIGNE
      • STRONG, EM, ACRONYM
      • SUB, SUP
      • IMG
      • INPUT, SELECT
      • SPAN
      www.yourwebsite.fr La Liste Complète
    • www.yourwebsite.fr <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0//EN&quot;> <HTML> <TITLE>Ma page personnelle</TITLE> <BODY> <H1>Ma page personnelle</H1> <P>Bienvenue sur ma page personnelle ! Voici mes compositeurs pr é f é r é s   : <UL> <LI> Elvis Costello <LI> Johannes Brahms <LI> Georges Brassens </UL> </BODY> </HTML>
    • Couplage XHTML - CSS
      • Couplage XTML- CSS via SELECTEUR
      • Définition des SELECTEURS dans CSS
      • Format CSS
      • Usage des SELECTEURS dans XHTML
      • Format HTML, PHP, ASP, JSP etc.
      www.yourwebsite.fr
    • Usage vs Définition www.yourwebsite.fr ./index.php ./style.css <HTML> <BODY> <H1>Ma page personnelle</H1> </BODY> </HTML> H1 { color : purple }
    • Environnement de Travail Unité 2.2 # WorkShop CSS www.yourwebsite.fr
    • Sous-répertoires C:20090513
      • a.html
      • b.floating
      • c.box
      • d.box.floating
      • e.abs_rel
      • f.contextualisation
      • g.widgets
      www.yourwebsite.fr
    • Floating
      • ./a.HTML/index.html
      • ./b.floating/index1.1.html
      • ./b.floating/index1.2.html
      • ./b.floating/index1.3.html
      • ./b.floating/index1.4.html
      • ./b.floating/index1.5.html
      • ./b.floating/index1.6.html
      www.yourwebsite.fr
    • Floating - Box
      • ./c.box/index1.7.html
      • ./c.box/index1.8.html
      • ./d.box.floating/index1.9.1.html
      • ./d.box.floating/index1.9.2.html
      • ./d.box.floating/index1.9.3.html
      • ./d.box.floating/styles.css
      • ./d.box.floating/IE_styles.css
      www.yourwebsite.fr
    • Positionnement Abs./Relatif
      • ./e.abs_rel/index2.1.1.html
      • ./e.abs_rel/index2.1.2.html
      • ./e.abs_rel/index2.1.3.html
      • ./e.abs_rel/index2.2.html
      • ./e.abs_rel/index2.3.html
      www.yourwebsite.fr
    • Contextualisation
      • ./f.contextualisation/index3.1.html
      • ./f.contextualisation/index3.2.html
      • ./f.contextualisation/index3.3.html
      www.yourwebsite.fr
    • Widgets
      • ./g.widgets/index4.1.html
      • ./g.widgets/index4.2.html
      • ./g.widgets/index4.3.html
      • ./g.widgets/index4.4.html
      • ./g.widgets/index4.5.html
      www.yourwebsite.fr
    • Feuilles de Style + Joomla Unité 2.3 # WorkShop Mise en Page www.yourwebsite.fr
    • Méthodologie
      • Installer JoomlaXplorer
      • Localiser « template_css.css »
      • Sauvegarder la Feuille de Style
      • Modifier la Feuille de Style
      www.yourwebsite.fr
    • Exercices
      • Surcharger les Heading
      • Surcharger les Paragraphes
      • Définir un Style de Lettrine
      • Définir un Style de Citation
      • Définir un Style d’Accroche
      • Contextualiser les Puces de l’Accroche
      www.yourwebsite.fr