[box title= »Réaliser son premier site internet » type= »coloured » pb_margin_bottom= »yes » width= »1/1″ el_position= »first last »]

cover-realisation-site-internetSi vous n’avez jamais réalisé de site internet auparavant et/ou que le codage ou le design de pages web ne vous évoque rien, alors ne bougez plus. Voici les thématiques que nous proposons. Lors de ces différentes formations, vous apprendrez à réaliser un site internet en domptant les syntaxes HTML et CSS, à se servir d’outils innovants tels que Adobe Muse, à construire des sites adaptés aux différents périphériques (ordinateurs de bureau, tablettes et smartphones) pour enfin se frotter au débogage et enfin à la récompense finale: la publication de votre site internet

[/box] [vc_accordion width= »1/1″ el_position= »first last »] [vc_accordion_tab title= »Formation HTML/CSS »] [vc_column_text pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Le langage HTML est le langage qui décrit l’ossature de la page internet. Avec ce langage, nous pouvons allons construire des pages web qui contiennent du texte, des images et d’autres types de contenus. Ensuite, nous travaillons la mise en forme visuelle de la page grâce à un autre langage: CSS (Cascading Style Sheets – Feuille de styles en cascades). Et c’est ainsi qu’à partir d’une maquette graphique réalisé à partir d’un éditeur graphique tel que Photoshop, Illustrator ou Fireworks, nous obtenons un résultat semblable, interactif disponible à partir d’un navigateur.

2 jours [button colour= »accent » type= »rounded » size= »small » link= »http://www.kaligram.com/formations/formations-internet/formation-html-initiation/ » target= »_blank]Plus d’infos[/button]

[/vc_column_text] [/vc_accordion_tab] [vc_accordion_tab title= »Formation Adobe Muse »] [vc_column_text pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Adobe Muse est un logiciel surprenant dont le principal attrait est de permettre la conception de sites internet statiques (sans base de données) facilement tout en s’appuyant sur les dernières technologies (Responsive webdesign, effet parallaxe, gestion des formulaires,…) et cela sans trop d’efforts.

[button colour= »accent » type= »rounded » size= »small » link= »http://www.kaligram.com/formations/formations-internet/formation-muse-initiation/ » target= »_blank]Plus d’infos[/button]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordion]

[box title= »Maitriser des logiciels spécifiques pour la création de contenus web » type= »coloured » pb_margin_bottom= »yes » width= »1/1″ el_position= »first last »]

cover-logiciel-site-internetLa réalisation de sites internet peut s’effectuer à partir de logiciels spécifiques. Adobe Dreamweaver, Adobe Edge Animate, Adobe Flash, Adobe Photoshop permettent d’effectuer avec efficacité certaines phases de la production web à condition de prendre le temps de maitriser les différentes option qu’ils proposent.

Les logiciels qui retiennent notre attention sont:

  • Photoshop pour le prototypage (mockup) et maquette graphique des différentes pages
  • Adobe Dreamweaver en qualité de super-éditeur WYSIWYG
  • Adobe Edge Animate pour la conception d’animations interactives multi-supports
  • Adobe Flash pour le déploiement aisée d’animations et de vidéos

[/box] [vc_accordion width= »1/1″ el_position= »first last »] [vc_accordion_tab title= »Formation Adobe Dreamweaver, l’indispensable »] [vc_column_text pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

 

Dreamweaver est un logiciel qui assiste les webdesigners depuis plus d’une décennie. Il fait partie de ces éditeurs de code type WYSIWYG qui ont su s’adapter aux méthodes de réalisation des sites internet. Bien que son positionnement dans le flux de production est évolué, il possède des attraits indéniables comme la prise en charge de la méthode RWD (Responsive Web Design), le support des grilles ou encore la technologie jQuery Mobile.

[button colour= »accent » type= »rounded » size= »small » link= »http://www.kaligram.com/formations/formations-internet/formation-dreamweaver-initiation/ » target= »_blank]Plus d’infos[/button]

[/vc_column_text] [/vc_accordion_tab] [vc_accordion_tab title= »Formation Adobe Edge Animate »] [vc_column_text pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Adobe Edge Animate est une nouvelle manière de créer du contenu interactif et animé accessible depuis n’importe quel périphérique. Avec Edge Animate, il devient alors facile de créer des animations à destination de sites internet, de périphériques nomades, de magazines digitaux voire même pour l’application iOS iBooks. Lors de cette formation vous apprendrez à réaliser des animations simples à partir de formes vectorielles, de textes et d’images, mais aussi à insérer des contenus audios et vidéos. Vous abordez également les mécanismes liés au Responsive WebDesign (RWD), à l’interactivité et à la publication de vos animations.

[button colour= »accent » type= »rounded » size= »small » link= »http://www.kaligram.com/formations/formations-internet/edge-animate-initiation/ » target= »_blank]Plus d’infos[/button]

[/vc_column_text] [/vc_accordion_tab] [vc_accordion_tab title= »Formation Adobe Flash, l’indispensable »] [vc_column_text pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

[button colour= »accent » type= »rounded » size= »small » link= »http://www.kaligram.com/formations/formations-internet/formation-flash-initiation/ » target= »_blank]Plus d’infos[/button]

[/vc_column_text] [/vc_accordion_tab] [vc_accordion_tab title= »Formation Photoshop pour les Webdesigners »] [vc_column_text pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]

Le webdesign est en constante évolution mais heureusement Photoshop reste un grand classique dans la réalisation de prototypes et de maquettes graphiques. Ce logiciel a su s’adapter aux exigences du webdesign en fournissant des réponses concrètes. Ainsi, découvrez alors l’optimisation des images, la conception autour des grilles, la génération assistée des CSS, la création d’éléments graphiques (boutons, textes), l’animation d’images ou encore l’actualisation de bannières grâce aux variables

[button colour= »accent » type= »rounded » size= »small » link= »http://www.kaligram.com/formations/formations-internet/formation-photoshop-web/ » target= »_blank]Plus d’infos[/button]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordion]

Nos prochaines formations web

[ai1ec cat_id= »293″ view= »posterboard »]

X