© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
111
W-WE2 - Web 2.0 : interfaces & stratégies marketing 
Métiers du web 
Contenu de la formation 
1. INTRODUCTION AU WEB 2.0 
Les fondements 
. Les origines (consomm'auteurs, rpseaux sociaux…). 
. Évolution ou révolution ? 
. Les composantes du Web 2.0 (intelligence collective, plate-forme pour les services et plate-forme pour 
les utilisateurs). 
. Cartographie des notions et concepts clps (gpnpration Y, lifestyle 2.0…). 
Les enjeux 
. Le consommateur 2.0 : les consommateurs reprennent le pouvoir. 
. La maturité de marques face au 2.0. 
. Le online/offline devient soluble. 
. L'entreprise 2.0 : vers de nouveaux modèles de collaboration. 
2. LES INTERFACES 2.0 
Repères technologiques 
. Les architectures « lpgqres  (API, Mashup…). 
. Les nouvelles technologies ou méthodes de développement (.NET, Java, Ajax, Flash / Flex…). 
De nouvelles interfaces 
. Les interfaces riches : l’interactivitp au c°ur de tous les domaines du Web. 
. Les applications riches : une (r)pvolution dans le monde de l’entreprise ?  
Penser multi supports 
. Focus sur la widgétisation du Web. 
. L’explosion de la mobilitp (iPhone, 3G+, WiMax…). 
. L’arrivpe des supports dits « intelligents ». 
Concevoir des interfaces 2.0 
. Les meilleurs pratiques. 
. Une conception centrée utilisateur. 
. Une conception itérative et implicative. 
3. LES APPORTS POUR VOTRE STRATÉGIE WEB 
Le Web 2.0 comme un réservoir d'idées 
. Organiser une activité de veille. 
. Piloter un benchmark concurrentiel. 
. Savoir évangéliser l'innovation au sein de votre entreprise. 
Le Web 2.0 comme un nouveau territoire de communication 
. Dompter le marketing viral. 
. Réseaux sociaux et marketing de niche. 
. Les nouveaux supports (univers virtuels, Google Earth, MMORPG…). 
Le Web 2.0 comme un nouveau canal 
. Apprivoiser les power customers pour fédérer les prospects. 
. Une visibilité à 360° de votre offre. 
Le commerce collaboratif 
. Les moteurs de recommandation : exploitez le fond de votre catalogue. 
. Les boutiques riches : pour une expérience plus riche et différenciante. 
. Les communautés d'achat : nous sommes tous des influenceurs. 
. Le marketing collaboratif : quand les clients font leur propre marketing. 
. Le crowdsourcing : externalisez votre R&D. 
Les problématiques 
. Quel cadre juridique pour la co-création ? 
. L'identité numérique en question. 
. Les critiques et risques du 2.0. 
Le Web 2.0 au sein de votre organisation 
. Des interfaces riches pour vos Intranets. 
. Blogs d'équipes et wikis. 
. Les réseaux sociaux d'entreprise. 
4. METTRE EN ¯UVRE UN DISPOSITIF 2.0 
Définir sa stratégie marketing 
. Analyse d’usage / Recueil des besoins. 
. Cadrage stratégique. 
. Le social analytic : comment mesurer l’impact du 2.0. 
Rédiger son expression de besoin 
. Cahier des charges.  
. Benchmark stratégique et concurrentielle.  
Accompagner le changement 
. Plan de conduite du changement.  
. Animation de communautés.  
. Dispositif de communication.  
. Formation. 
Projets Web 
Objectif du stage 
Comprendre les concepts du Web 2.0 
AppƌĠhendeƌ la conception d’inteƌfaces 2.0 
Exploiter les meilleures pratiques du 2.0 
(interfaces et marketing) 
Réussir à mettre en place un dispositif 2.0 
Public 
Maîtrise d'ouvrage 
Responsable e-commerce 
Responsable marketing 
Webmestre 
Pré-requis
Connaissance des enjeux technologiques et 
marketing liés à Internet.
Durée  
2 jour(s) 
Create thumbnail from pdf - Draw thumbnail images for PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
generate thumbnail from pdf; how to create a thumbnail of a pdf document
Create thumbnail from pdf - VB.NET PDF Thumbnail Create SDK: Draw thumbnail images for PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
view pdf thumbnails; pdf no thumbnail
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
112
W-CPW - Réussir un Projet Web : Méthodes et Outils d'un Pilotage Performant 
Métiers du web 
Contenu de la formation 
1. MAÎTRISER LE CONTEXTE D’UN PROJET WEB 
Maîtriser les composantes d’un projet web 
Appréhender les enjeux et les facteurs de réussite du projet   
Gérer un projet dans un contexte web : 
- particularitps et ptapes de conception / production d’un projet web. 
- savoir-rtre et champs de compptences d’un Chef de projet Web. 
Panorama des enjeux et problématiques du projet web : enjeux, objectifs, acteurs clés, facteurs de 
rpussite, risques… tous les points à garder en trte pour bien gprer son projet.  
2. MAÎTRISER VOTRE PROJET À CHACUNE DES ETAPES 
Connaître la méthodologie et les outils pour mener à bien son projet web 
Adopter les pratiques et réflexes clés 
2.1 Appropriation et démarrage du projet 
>>  S’approprier le projet : 
- savoir identifier les enjeux, objectifs et risques.  
- analyser un cahier des charges : les questions à se poser. 
- définir le périmètre fonctionnel et technique avec le référentiel des exigences. 
Travaux pratiques : rpdiger un rpfprentiel des exigences à partir d’un cahier des charges 
>> Initialiser le projet 
- mettre en place les outils de conduite de projet : planning prévisionnel, tableau de bord, annuaire projet, 
arborescence réseau… 
- identifier et planifier les ressources : bonnes pratiques et astuces d’optimisation 
Travaux pratiques : sur la base d’un cas donnp, crper un planning et identifier les plpments du tableau de 
bord. 
>> Lancer le projet 
- méthodes et outils pour lancer le projet en « interne » et en « externe » : les points de l’ordre du jour et 
du compte-rendu de rpunion, l’animation de la rpunion de lancement,… 
2.2 Pilotage du projet et gestion des ressources : 
>> Conduire son équipe 
- briefer ses équipes. 
- mener à bien un atelier de travail. 
- maîtriser les termes de chacun des métiers. 
Travaux pratiques : rédiger un brief pour un webdesigner 
>> Piloter le projet 
- suivre et mettre à jour le planning de production. 
- gérer les différents jalons / livrables. 
- organiser et animer une rpunion d’avancement (comitps de projet, comitps de pilotage). 
>> Maîtriser les charges et les risques 
- métriques (pour vous donner des repères.) et bonnes pratiques 
>> Valider en interne 
- bonnes pratiques pour faciliter et verrouiller la validation. 
- savoir argumenter et soutenir auprès des décideurs.  
3.2 Finalisation du projet 
>> Le bilan de fin de projet 
- méthodes et outils pour clôre le projet en « interne » et en « externe ». 
- méthodes pour assurer la conduite du changement et la capitalisation. 
>> La maintenance et l'évolution de votre projet Web 
- gérer les problématiques d'évolutivité, de versioning et de webmastering.  
Travaux pratiques : définir comment assurer la conduite du changement et capitaliser 
Projets Web 
Objectif du stage 
Maîtƌiseƌ les paƌticulaƌitĠs de la gestion d’un 
projet Web 
Acquérir le vocabulaire métier pour bien 
dialoguer avec les intervenants 
S'approprier le périmètre fonctionnel et 
technique d'un projet 
Adopter les pratiques clés du pilotage de 
projet 
Public 
Tout profil amené  à gérer un projet web 
nécessitant de se former au contexte web 
et/ou à la gestion de projet. 
Pré-requis
Culture générale de l'environnement 
Internet. 
Connaissance des problématiques de projet 
en entreprise.
Durée  
2 jour(s) 
How to C#: Generate Thumbnail for Word
Images. Convert Word to ODT. Convert PDF to Word. Convert ODT to Text Search. Insert Image. Thumbnail Create. Thumbnail Create. |. Home ›› XDoc.Word ›› C# Word
show pdf thumbnails; enable thumbnail preview for pdf files
VB.NET Image: Program for Creating Thumbnail from Documents and
language. It empowers VB developers to create thumbnail from multiple document and image formats, such as PDF, TIFF, GIF, BMP, etc. It
pdf thumbnail fix; how to make a thumbnail of a pdf
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
113
W-REF - Référencement naturel avec Google : la visibilité de votre site Internet 
Métiers du web 
Contenu de la formation 
Présentation 
- Les moteurs de recherche et l’indexation 
- Moteurs, annuaires, portails… 
Préparation du site pour optimiser le référencement 
- Choix des mots-clés 
- Le contenu 
- Optimisation des pages 
- JavaScript, Flash, pages dynamiques : comment procéder 
Le référencement 
- Inscription du site sur les moteurs et annuaires 
- Le fichier robots.txt 
- Les solutions payantes 
Évaluation du référencement 
- Présence du site 
- Pertinence des recherches 
- Rang des pages 
- Les outils 
Projets Web 
Objectif du stage 
Maîtriser les procédures de mise en ligne et 
de ƌĠfĠƌencement d’un site Web. 
Public 
Rédacteur Web 
Webmaster 
Responsable éditorial / communication / 
marketing 
Pré-requis
Toute personne ayant pour objectif de 
mettre en ligne un site Web. Connaissances 
de base de Windows. Connaissances de 
l’Inteƌnet et de la mĠthodologie de cƌĠation 
de site.
Durée  
2 jour(s) 
How to C#: Generate Thumbnail for PowerPoint
Preview Document. Conversion. Convert PowerPoint to PDF. Convert PowerPoint to PowerPoint Pages. Annotate PowerPoint. Text Search. Insert Image. Thumbnail Create
how to make a thumbnail from pdf; pdf thumbnails in
How to C#: Generate Thumbnail for Raster
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET And generating thumbnail for Raster Image is an easy work. How to Create Thumbnail for Raster in C#.
create thumbnail jpg from pdf; html display pdf thumbnail
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
114
W-ECO - E-commerce : mieux vendre en ligne 
Métiers du web 
Contenu de la formation 
1. Le marché du e-commerce 
Offrir un panorama complet du e-commerce 
Analyser les derniers chiffres et tendances  
• Chiffres clps en France et à l'ptranger 
• Le e-commerce face à la crise 
• Nouveaux enjeux du Social Shopping  
• Les prpmices du Mobile commerce 
• Comportement d'achat des internautes 
2. Concevoir une interface efficace 
Benchmark des meilleures pratiques  
Optimiser le taux de transformation  
• Parcours client : Trouver > Choisir > Acheter 
• Structurer son offre de produits : aspects ergonomiques et marketing 
• Concevoir les pages clps : Accueil, Fiches produits, Landing pages… 
• Moteurs de recherches et rpsultats  
• e Merchandising : Susciter l'achat d'impulsion 
• Pousser le cross-selling et l'up-selling 
• Les fonctionnalitps qui font la diffprence 
• Les 10 raisons d'abandon du parcours de commande 
• Les solutions de paiement 
• Accessibilitp et e-commerce 
• Faciliter l’achat par la Rpassurance 
Etude de cas : Refonte du processus de commande 
3. Mesurer la performance et le ROI 
Comprendre les mpthodes d’optimisation 
Mettre en place un cycle d’amplioration continue 
• Le couple gagnant Webanalytics / Ergonomie 
• Test A/B et multi-variés 
• Tests utilisateurs et Eye-Tracking 
• Personas et conception centrée utilisateurs 
Etude de cas : Optimiser le taux de transformation  
4. Promouvoir son site e-commerce 
Réussir le lancement de son site e-commerce 
Mixer les différents leviers e-marketing 
Générer du trafic : 
- Publicité en ligne 
- Affiliation 
- Liens sponsorisés 
- Comparateurs  
- Rpfprencement naturel… 
• Recruter des prospects qualifips 
• Les meilleures campagnes virales de l'annpe 
• Le Multicanal 
5. Fidéliser vos clients 
Transformer vos clients en ambassadeurs de marque 
Pousser le renouvellement d'achat 
• Jouer la transparence 
• Stratpgie d’e-mailing relationnelle 
• Segmenter vos cibles  
• Gpnprer des recommandations clients 
• Inpgrer les rpseaux sociaux dans votre stratpgie (Facebook, Twitter etc.) 
+ Quelques outils utiles et gratuits pour le responsable e-commerce 
Projets Web 
Objectif du stage 
Connaître les meilleures pratiques de 
conception d’un site e-commerce 
Choisir les bons leviers pour promouvoir sa 
boutique et fidéliser ses clients 
Augmenter les performances et le ROI d'un 
site e-commerce 
Public 
Chef de projet Internet 
Maîtrise d'ouvrage 
Responsable de la communication 
Responsable e-commerce 
Responsable marketing 
Webmaster 
Pré-requis
Connaissance des enjeux technologiques et 
marketing liés à Internet.
Durée  
1 jour(s) 
Create Thumbnail in Web Image Viewer | Online Tutorials
or Images; Create Thumbnail; Generate Barcodes on Your Documents; Read Barcodes from Your Documents. Multi-page Tiff Processing; RasterEdge OCR Engine; PDF Reading
how to show pdf thumbnails in; view pdf thumbnails in
Create Thumbnail Winforms | Online Tutorials
Create Thumbnail; Generate Barcodes on Your Documents; Read Barcodes from Your Documents. Multi-page Tiff Processing; RasterEdge OCR Engine; PDF Reading; Encode
enable pdf thumbnails; pdf reader thumbnails
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
115
W-BLO - Créer & animer un blog professionnel 
Métiers du web 
Contenu de la formation 
1. COMPRENDRE LES BLOGS 
Panorama de l’univers blog 
. Connaître les sppcificitps du support et l’ptendue de ses possibilitps est le prpalable à toute conception. 
. Quels sont les composantes et outils associés au blogging ? De quelles solutions de publication 
disposez-vous ? Quels sont leurs avantages et inconvénients ? Positionnement, mode de gestion : quels 
sont les typologies de blogs d’entreprise existant ? 
Codes et usages de la blogosphère 
. La blogosphqre est rpgie par des codes. Pour qu’un blog d’entreprise ou de marque crpe sa 
communauté, elle doit se plier à ces usages. 
. Quelles sont les grandes valeurs de la blogosphère ? Quelles leçons doivent retenir les entreprises et 
comment réagir au sein de sa communauté ? Analyse à partir de cas concrets. 
2. CRÉER UN BLOG PROFESSIONNEL 
Définir la stratégie éditoriale de votre blog 
. Inutile d’investir dans un blog si vous ne lui donnez pas toutes les chances de trouver et fidpliser sa 
communautp. C’est l’objectif de la stratpgie pditoriale.  
.Comment mettre en place un blog efficace ? Savoir-faire et bonnes pratiques : positionnement, ligne et 
gestion éditoriale, structure du contenu. Identification des erreurs les plus courantes. 
. Travaux pratiques : conception d’un blog. Dpfinition de la ligne pditoriale et des catpgories. 
Organiser votre contenu pour le lancement 
. Le blog s’inscrit dans une logique participative et collective. De plus, comme tout support de 
communication, il est soumis à des contraintes légales. Avant de publier les premiers billets, il est donc 
nécessaire de poser le cadre. 
. Quel est le cadre juridique ? Comment fixer les règles, que ce soit en interne pour un blog multi auteurs 
ou à l’externe avec vos lecteurs ? Quels contenus prévoir pour le lancement ? Quelles options 
d’organisation de la navigation ? 
. Travaux pratiques : conception d’un blog (suite). Ouverture d’un compte et mise en forme du blog. 
3. ANIMER UN BLOG D’ENTREPRISE 
Animer un blog, c’est bien sûr publier des billets. Mais pas seulement. Savoir-faire et bonnes pratiques de 
l’ensemble des tâches d’un blogmaster. 
Générer du trafic 
. En quoi un blog dispose-t-il d’un bon potentiel de gpnpration de trafic ? Quelles actions mettre en place 
pour l’augmenter ? Comment le mesurer ? 
Optimiser le référencement naturel des billets 
. Comment les moteurs de recherche et moteurs de blogs référencent les contenus ? Comment appliquer 
leurs critères dans vos billets pour optimiser votre référencement naturel ? 
. Travaux pratiques : identification et intégration de tags et mots clés dans une note. 
Prévenir les crises 
. Comment être « bien vu » dans la blogosphère ? Comment organiser la veille pour savoir ce qui se dit 
sur votre blog ? Conseils et bonnes pratiques pour minimiser les risques et éviter les crises. 
4. RÉDIGER UN BILLET EFFICACE 
Principes de rédaction de billets 
. Non seulement une note doit répondre aux contraintes de lisibilité écran mais elle doit aussi répondre au 
format blog. 
. Comment rédiger des billets efficaces ? Comment donner envie à vos lecteurs de commenter vos billets 
. Travaux pratiques : rédaction et mise en ligne de billets. 
Animation & 
performance 
Objectif du stage 
Maîtriser les codes et usages de la 
blogosphère 
Définir la stratégie Ġditoƌiale d’un blog de 
maƌƋue ou d’entƌepƌise 
Intégrer toutes les composantes de 
l’animation d’un blog pƌofessionnel 
Publier et rédiger des billets efficaces, 
interactifs et bien référencés 
Public 
Responsable ou chargé de communication 
Blogmaster ou webmaster éditorial 
Rédacteur 
Tout collaborateur de services fonctionnels 
ou opérationnels amené à créer ou animer 
un blog 
Pré-requis
Pratique d'Internet.
Durée  
2 jour(s) 
How to C#: Set Image Thumbnail in C#.NET
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel How to C#: Set Image Thumbnail in C#.NET. With XImage.Raster SDK library, you can create an image viewer and
pdf thumbnail; pdf thumbnail preview
How to C#: Generate Thumbnail for Excel
Preview Document. Conversion. Convert Excel to PDF. Convert Excel to HTML5. Insert Image. Thumbnail Create. Thumbnail Create. |. Home ›› XDoc.Excel ›› C# Excel
pdf thumbnail html; generate pdf thumbnails
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
116
W-MAR - Web marketing : création, animation & analyse de trafic 
Métiers du web 
Contenu de la formation 
1. INTRODUCTION : L’ÉVOLUTION DE L’INTERNET OU L’AFFIRMATION DU WEB 2.0 
Retour sur le phénomène sociologique du Web 2.0.  Chiffres clés et applications participatives. 
Le profil des utilisateurs. 
Les enseignements pour la marque.  
2. GÉNÉRER DU TRAFIC PAR L’E-PUB 
Panorama des techniques de l’e-pub et coûts associés  
. SEO, liens sponsorisés, netlinking. E-mailing. Widget. 
. Buzz marketing / Street marketing. 
. Trafic 2.0 (réseaux sociaux, média sociaux, blogs, forums). 
. Mobilitp (SMS, MMS, QR codes…). 
Typologie de monptisation d’achat d’espace : le Display « classique » 
. Les diffprents formats (banniqres, skyscraper…).  
. Comment renforcer son impact (Coût Par Clic ou Coût Pour Mille) et sa visibilité en campagne de 
lancement. 
. L’affiliation « le clic rentable ». 
. Le marchp, les leviers, comment rpussir en 5 points sa campagne d’animation par l’affiliation. 
. Le budget à consacrer selon le type de campagne. 
. Des exemples de campagnes e-pub. 
. Travaux pratiques: comment réussir une campagne de liens sponsorisés ? 
3. RÉUSSIR SON PLAN DE COMMUNICATION ONLINE 
Méthodologie et bonnes pratiques 
. Définir les objectifs, les cibles, le concept, les messages selon vos problématiques : plan de lancement 
et plan d’animation.  
. Choisir les leviers les plus pertinents selon votre stratégie de communication. 
. Choisir le moment, l’pvpnement et le moyen avec soin. 
. Multiplier les actions : pourquoi et comment ?  
. Savoir jouer la complémentarité on et offline. 
. Des exemples de stratégie multicanal. 
. Travaux pratiques : Comment faire un media planning ou plan de promotion online pour maximiser sa 
performance ? 
. Les outils pour planifier son e-marketing. 
. Identifier les bons leviers. 
. Donner une estimation budgétaire. 
. Mettre en place les outils de mesure. 
4. ANIMER ET FIDÉLISER PAR L’E-MAILING 
La place de l’e-mailing aujourd’hui 
Conquérir, séduire et fidéliser : les bonnes pratiques à adopter selon le type de campagne. 
Rpalisation, routage : garantir l’efficacitp de la campagne. 
Les précautions juridiques. 
Augmenter le taux de transformation par le « split testing ». 
Des exemples de campagnes réussies : analyse et chiffres. 
5. LE RÉFÉRENCEMENT NATUREL OU COMMENT DIMINUER VOS COÛTS D’ACQUISITION DE 
TRAFIC 
Définition et enjeux du référencement. 
Les bonnes pratiques pour optimiser votre site.  
Méthodologie pour une plus grande visibilité. 
L’utilisation du netlinking pour renforcer votre popularitp. 
Des cas pratiques sur comment auditer son site Internet et répertorier les critères à optimiser.  
6. LE TRAFIC 2.0 : COMMENT LE MESURER ET ÉVALUER SON EFFICACITÉ ? 
Présentation des réseaux sociaux. 
Mise en place d’un buzz marketing. 
Les ingrédients pour une campagne de « buzz » réussie. 
Les limites du buzz. 
Les précautions juridiques. 
Travaux pratiques : comment diffuser efficacement un jeu concours dans la blogosphère : astuces à 
suivre et écueils à éviter. 
7. MESURER LA PERFORMANCE DE VOS ACTIONS WEB MARKETING 
Conseils pour rendre efficace votre stratégie Web marketing. 
Les outils pour mesurer la performance sur chacune des actions marketing par l’e-pub. 
Les outils de tracking 2.0 (blogs, feeds RSS …). 
Comprendre le comportement de vos Internautes par la définition des indicateurs et la mesure de votre 
audience. 
Animation & 
performance 
Objectif du stage 
Dresser un panorama des outils e-marketing 
selon l’objectif, la cible et le budget 
Savoir construire un « media planning » pour 
lancer, animer son site et développer le 
retour sur investissement 
Focus sur quelques leviers, accélérateurs de 
trafic 
Générer et mesurer la performance de vos 
actions e-marketing 
Public 
Chef de projet Internet 
Responsable Marketing, e-marketing 
Responsable e-commerce, e-business 
Responsable de la communication online 
Pré-requis
Culture Web basique. 
Connaissance des outils et des usages de la 
communication Internet.
Durée  
2 jour(s) 
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
117
W-HT1 - HTML/CSS : initiation 
Métiers du web 
Contenu de la formation 
1. INTRODUCTION AU HTML 
Principes de fonctionnement d'un serveur Web et du dialogue navigateur / serveur Web. 
HTTP : HyperText Transfer Protocol. 
HTML 4.0 : un langage interprété. 
2. PRINCIPE DE BASE 
Utilisation d'un éditeur de texte. 
Structure d'un fichier HTML. 
Organisation des éléments. Éléments indispensables : balises <html>, <head>, <body>. 
3. MISE EN PAGE ÉVOLUÉE 
Tableaux : 
. Créer un tableau. 
. Définir les propriétés des cellules. 
. Les contraintes à respecter. 
Formulaires :  
. Créer un formulaire. 
. Définir les types de champs. 
. GET, POST, CGI, ASP, PHP… 
. Définir et récupérer l'ordre de saisie. 
Feuilles de styles (CSS) : 
. Définir les CSS. 
. Redéfinir les balises HTML. 
. Créer des styles personnalisés. 
. Créer une feuille de styles externe pour un site. 
Interactivitp : liens vers un email, vers une page, vers un fichier, vers une ancre… 
Insertion de fichiers externes : flash, son, vidéo, pdf… 
4. MISE EN LIGNE 
Utilisation d'un client FTP pour mettre en ligne une page Web. 
Vérification de la page Web sur Internet. 
HTML - CSS - JavaScript - 
XML 
Objectif du stage 
Décrire une mise en page Web via le langage 
HTML / CSS 
Produire des pages lisibles et esthétiques 
avec le respect des éléments graphiques 
Reproduire et/ou reformuler le contenu 
d'une page Web avec l'utilisation des textes, 
des images, des foƌmulaiƌes… 
Décrire une mise en page Web via le langage 
(X)HTML / CSS2, produire et présenter des 
pages avec le respect des dernières normes 
de codage 
Public 
Direction communication 
Direction marketing 
Ergonome 
Graphiste et webdesigner 
Participant projet Internet 
Responsable de publication Web 
Pré-requis
Maîtrise de l'environnement micro-
informatique.
Durée  
3 jour(s) 
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
118
W-HT2 - HTML/CSS : techniques avancées 
Métiers du web 
Contenu de la formation 
1. HTML : RAPPEL 
Historique. 
Principes de base. 
Principales balises. 
2. RELIER LA PAGE HTML À LA FEUILLE DE STYLES 
Savoir quand utiliser les attributs « style ». 
Créer une structure de feuille de styles avec les styles globaux et les styles spécifiques. 
3. GRAPHISME DE LA PAGE 
Découpage des images par les graphistes en vue d'une conception par feuille de styles. 
Gérer les tailles de caractères proportionnelles (em, %). 
Insérer des images pour les puces de listes HTML. 
Habillage simple d'une page, de tableaux et des formulaires HTML. 
4. POSITIONNEMENT CSS 
Détail des différents positionnements CSS et notion de flux de contenu. 
Résolution des problématiques introduites par les positionnements relatifs et les positionnements absolus. 
Appliquer correctement des blocs flottants. 
Centrer un contenu verticalement. 
Utiliser les blocs en ligne (inline-bloc). 
Avoir un bloc toujours en bas de page. 
Travaux pratiques : création d'une maquette avec plusieurs colonnes CSS (principes des « fausses 
colonnes » et démarche avec des marges négatives). 
5. MENUS ET ONGLETS CSS 
Apprendre à construire un menu à base de listes HTML. 
Réalisation d'un menu vertical avec mise en surbrillance et graphisme. 
Étude d'un menu horizontal et des problématiques associées. 
Travaux pratiques : création d'un système d'onglets cliquables. 
6. DES FEUILLES DE STYLES PAR MÉDIA 
Les feuilles de styles alternatives. 
Réalisation de feuilles de styles spécifiques. 
Travaux pratiques : création dune feuille de styles dédiée à l'impression de la page, avec un rendu 
différent du rendu écran. 
7. ACCESSIBILITE 
Sensibilisation aux besoins accessibles. 
Les média. 
HTML - CSS - JavaScript - 
XML 
Objectif du stage 
Décrire une mise en page Web via le langage 
(X)HTML/CSS2 
Produire et présenter des pages avec le 
respect des dernières normes de codage 
Faire une présentation Web uniquement par 
CSS 
Maîtriser les subtilités du HTML et du XHTML 
Initiation théorique à l'accessibilité 
Public 
Développeur d'applications Web 
Graphiste et webdesigner 
Participant à un projet Internet 
Webmaster 
Pré-requis
Connaissance de base du HTML et des CSS.
Durée  
2 jour(s) 
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
119
W-HT3 - Evoluer vers HTML5 / CSS3 
Métiers du web 
Contenu de la formation 
1.  Rappel sur l'architecture 
WEB et WEB 2.0 
Le web asynchrone avec AJAX 
2. HTML5 
Les balises audio et video 
Éléments de structuration de site, 
L'accessibilité avec les rôles, 
Les canvas et le dessin 2D 
Spécification des ressources offline 
HTML forms (typage des champs, validation) 
3.   Javascript 1.6 (ECMA script 5) 
Les extensions de l'objet Array 
Géolocalisation, 
Le multi-theading avec les web workers, 
Stratégie de chargement des scripts 
4.   CSS3 
Les nouveaux sélecteurs, 
Sélection des médias d'affichage et pseudo-classes, 
Nouveaux éléments de bordure, fond de page, 
Gestion de la taille des éléments, 
Gestion des polices de caractères, 
Transformation de texte, 
Multi-colonnes, 
Transformation de bloc, 
Gestion de la transparence, 
les effets de texte, 
Les éléments spécifiques des navigateurs (-moz-* -webkit-*…) 
HTML - CSS - JavaScript - 
XML 
Objectif du stage 
Cette formation permettra de faire un état 
des lieux de nouvelles technologies du web 
ainsi 
que des mises en pratique pour les éléments 
existant dors et déjà dans les navigateurs 
Internet du marché. 
La session se présentera sous-forme de 
conférence technique type séminaire 
technique et des 
mises en pratique seront effectuées sur les 
éléments pertinents sous forme de TP. 
Public 
Cette formation est à destination d'un public 
de professionnel du web ayant des 
connaissances en html, css et javascript. 
Pré-requis
Cette formation est à destination d'un public 
de professionnel du web ayant des 
connaissances en html, css et javascript.
Durée  
2 jour(s) 
© 
SQLI  GROUP 
2012   
SQLI institut – www.sqli-institut.com
– 01 46 10 04 40 
120
W-JSC - JavaScript 
Métiers du web 
Contenu de la formation 
1. RAPPEL SUR LE CONTEXTE WEB 
Principe de fonctionnement du modèle Web : HTTP, serveur Web, HTML, navigateur. 
Interactions entre le navigateur et la page HTML. 
Historique de JavaScript et de sa normalisation. 
2. PRINCIPES DE BASE 
Insertion de code JavaScript dans une page HTML 
et XHTML : les différentes méthodes. 
La syntaxe de base : variables, procpdures, caractqres sppciaux, opprateurs… 
Les types d'objets prédéfinis. 
Manipulations simples de la page HTML. 
3. GESTION DES COOKIES 
Travaux pratiques : utilisation des cookies pour des 
références utilisateur. Gestion des fenêtres popup. 
4. ORIENTATION OBJET 
Notions de programmation orientée objet. 
La spécificité de JavaScript : un langage objet par prototype et non par classe. 
Extension personnalisée d'un type existant. 
Les principes objets et JavaScript (encapsulation, accesseurs / mutateurs…). 
5. UTILISATION AVANCÉE 
Découverte de la bibliothèque «prototype.js». 
Fonctions anonymes, gestion des erreurs via les exceptions. 
Programmation JavaScript et débugging : les outils incontournables. 
6. MANIPULATION DE LA PAGE HTML 
Introduction et manipulation de l'arbre DOM. 
Opérations spécifiques aux formulaires et tableaux. 
Utilisation de DOM via la bibliothèque Prototype. 
Travaux pratiques : génération d'un sommaire automatique. Validation d'un formulaire complexe. 
7. INTERACTIONS AVEC LES FEUILLES DE STYLES 
Mettre à jour des styles CSS à partir de JavaScript pour modifier dynamiquement l'apparence de la page. 
Utilisation de feuilles de styles alternatives. 
8. LES ÉVÉNEMENTS HTML 
Description des événements HTML. 
Différences entre les navigateurs et spécificités de Microsoft Internet Explorer. 
Utiliser des abstractions multi navigateurs. 
Travaux pratiques : gestion d'un roll-over. Création d'un menu déroulant dynamique. 
9. INTRODUCTION À AJAX 
Présentation d'Ajax et XMLHttpRequest. 
Interactions avec les feuilles de styles. 
Bibliothèques d'abstraction. 
Travaux pratiques : formulaire vérifié et mis à jour dynamiquement via Ajax. 
10. LES BIBLIOTHÈQUES AVANCÉES 
Introduction à Script.aculo.us., Dojo, jQuery. 
Travaux pratiques : panier graphique avec drag and drop. 
HTML - CSS - JavaScript - 
XML 
Objectif du stage 
Appréhender JavaScript comme un langage 
de programmation complet 
Structurer ses développements JavaScript 
Utiliser le DOM sur des documents HTML et 
XML 
Améliorer les applications Web existantes via 
des briques JavaScript 
Public 
Développeur HTML 
Ingénieur Web 
Participant projet Internet 
Webmaster technique 
Pré-requis
Maîtrise du développement HTML et d'un 
langage de programmation objet ou 
procédural.
Durée  
3 jour(s) 
Documents you may be interested
Documents you may be interested