Vieille technologique Bts sio 2015 – xavina martin

Slides:



Advertisements
Présentations similaires
Jean-Pierre Villain - Qelios W3Café Accessibilité - Paris – Avril 2011
Advertisements

Soutenance des cours ingénierie de formation
Google Analytics Eléments à retenir.
UTILISATION DE LAPPLICATION e-SIN Les accès sécurisés.
Pour débuter avec sur le web et lapplication tablette Document réalisé à partir du tutoriel « Pour débuter avec Pinterest au C.D.I »« Pour débuter avec.
Personnalisation des sites SharePoint avec SharePoint Designer 2007
Mettez toutes les chances de votre côté en exploitant le meilleur dInternet !
Veille informationnelle et outils du Web 2.0
Lire des livres encyclopédiques Sur CAIRN. Vous pouvez consulter en ligne deux collections encyclopédiques de référence : les Que sais-je ? (PUF) et les.
BTS SIO : Stage première année – Création d’un site web interactif
EVALUER L’INFORMATION
Grace aux alertes par flux RSS je suis informé automatiquement de levolution de ma la liste des affaires.
Souriez, vous allez être présents sur Internet Les fondamentaux (version simplifiée) Ou construire facilement mon site Web avec Easy Web.
Votre amie vous a invité chez pour que vous puissiez l aider avec son nouvel ordinateur. Malheureusement, vous ne pouvez pas rester longtemps et vous.
La TEchnologie pour la Communauté.
Simulation Commande WEB
Les 20 points qui me permettent de me caractériser entant qu’apprenant : LEPETITPAS Paul 1AI.
Expérimentation dans le cours Devenir une organisation apprenante Session Hiver étudiants Cours offert un samedi sur deux Sites déquipe.
Linda Patry Directrice BIBLIOTHÈQUE DE DROIT 4 novembre 2010 PROGRAMME DE JUMELAGE DOCTORANT / BIBLIOTHÉCAIRE Partenariat Bibliothèque de droit / Faculté
IHM Responsive Design François BONNEVILLE aricia - Laboratoire d'Informatique de lUniversité de Franche-Comté
Relation Propriétaire/Locataire
N. Le Gall A. Jaouën E. Morin C. Coelo Cuzon D. Le Toux
Résultats de l’enquête sur les stages
28 novembre 2012 Grégory Petit
Ressources web : évaluer leur validité et leur fiabilité... © Français et Informatique
Netvibes VS Pearltrees
Création d’un Formulaire 1- Pour avoir accès à la gestion des formulaires, il faut accéder au module « Mon Site » à partir du menu principal 2 – Après.
Veille Documentaire en Orientation
Communication médias/Hors-médias DELL – APPLE - HP Descarpentries Elodie, Dubois Pierre, Escherich Romain, Rosée Geoffroy – EXE3 – ISEG Lille.
La réflexion ne tue pas Éric Barsi – CerTICa 2013
Le langage du Web CSS et HTML
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
Diaporama réalisé par Damienne PIN, Documentaliste Collège Barbara Hendricks 226 Rue du Limousin Orange LE PROBLEME DE LA QUALITE DE L ’INFORMATION.
PRESSE PRESSEE Education aux médias Avec le soutien du Conseil Supérieur de l'Education aux Médias.
Expérimentation dans les cours : Devenir une organisation apprenante Leadership et pratique de direction : Session Hiver.
Environnement numérique de travail
S'initier au HTML et aux feuilles de style CSS Cours 5.
B2i dans la série STMG Par Philippe Martin.
PROJET PERSONNEL Site web avec des jeux Par Antoine Boucher Foyer 503.
S'initier au HTML et aux feuilles de style CSS Cours 5.
EPREUVE E6 : PARCOURS DE PROFESSIONNALISATION
Soutenance de mini-projet
P5 - Gestion du patrimoine informatique
Présentation du projet
Plateforme SNAPb juin prise en main version 2.0.
EPREUVE E6 : GESTION DU PATRIMOINE INFORMATIQUE
Présentation et prise en main
SCHAELLER Clément Période de réalisation : Du 19 mai au 20 juin Lieu :
Présentation de l’application
1 La Semaine des Arts Site Web du festival organisé par le lycée Le Grand Chênois du 07 au 12 Avril 2003.
SSPT – CHOPIN niveau 1 Système de gestion de contenu de sites web Par : Liette Pothier, chargée de projet Nancy Dodier, technicienne en informatique.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Dreamweaver le retour Avec Les Formulaires Les Calques
Dreamweaver (2) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Dreamweaver 2éme séance Murat Keles. Présentation I.CSS et Dreamweaver II.Les calques III.Les scénarios IV.Les comportements V.Les cadres VI.Mise en ligne.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
: le tutoriel d’autoformation à la recherche documentaire en Santé Je gère ma bibliographie  Je collecte les informations bibliographiques
E-lyco à la découverte de l’interface. L’environnement numérique de travail e-lyco est un ensemble de services en ligne, personnalisés et sécurisés, accessibles.
L’essentiel à retenir BUDI - Vision partenaires. Qu’est ce que BUDI ? 2 Base Unique de Documentation et d’Information de Pôle emploi, BUDI centralise.
PARCOURS DE Professionnalisation
Comment être en veille sur des thèmes avec NETVIBES storyboard du tutoriel Tutoriel vidéo réalisé avec les logiciels ScreencastOmatic et PowerDirector.
Proposition d’un positionnement Web pour l’entreprise Pedlex.
Etape 1 Je crée mon compte sur la plateforme Restocollège.
Les outils collaboratifs Assane Fall Bibliothécaire / Veilleur technologique.
Travail 3 Caroline Perron. Positionnement des Canadiens de Montréal sur Internet Canadiens de Montréal Sites WebFacebookInstagramGoogle +TwitterVineSnapchatPinterest.
Transcription de la présentation:

Vieille technologique Bts sio 2015 – xavina martin Bootstrap Vieille technologique Bts sio 2015 – xavina martin

Qu’est-ce que Bootstrap ? « Bootstrap est un framework CSS, mais pas seulement, puisqu'il embarque également des composants HTML et JavaScript. Il comporte un système de grille simple et efficace pour mettre en ordre l'aspect visuel d'une page web. Il apporte du style pour les boutons, les formulaires, la navigation… Il permet ainsi de concevoir un site web rapidement et avec peu de lignes de code ajoutées. » - OpenClassRooms Pour résumer, Bootsrtap est un framework permettant de facilité la création de site web et de les rendre responsive, soit accessible sur PC, Tablette ou Mobile.

Pourquoi avoir choisi ce thème de veille ? Bootstrap un framework qui m’a beaucoup servi durant ma formation, mais aussi pour des projets personnellement. N’ayant eu aucun cours sur le responsive, et suite à divers recherches, je suis tombée sur ce framework qui me semblait être accessible pour un novice car on y trouvait divers tutoriels à son sujet. J’ai donc choisis ce thème pour ma veille technologique car j’y ai passé beaucoup de temps, notamment pour comprendre & pouvoir l’utiliser, mais aussi car il me permet de valider les compétences suivantes : A5.2.2 - Veille technologique A5.2.3 - Repérage des compléments de formation ou d'auto-formation utile à l'acquisition de nouvelles compétences A5.2.4 - Étude d’une technologie, d'un composant, d'un outil ou d'une méthode

Ses atouts, ses inconvénients… Les atouts Les inconvénients On gagne du temps de développement parce qu'il nous propose les fondations de la présentation. Il normalise la présentation en proposant un ensemble homogène de styles Il propose une grille de 12 colonnes pour faciliter le positionnement des éléments. Il offre des éléments complémentaires : boutons esthétiques, barres de navigation, etc... Pour utiliser efficacement un framework il faut bien le connaître, ce qui implique un temps d'apprentissage. (Environ 3 semaines avec le tutoriel disponible sur OpenClassRooms) La normalisation de la présentation peut devenir lassante en lissant les effets visuels.

Mon suivi de veille Twitter Feedly Google alerte C’est maintenant un outil plébiscité pour veiller. Il me permet de suivre quotidiennement des comptes susceptibles de m’intéresser : Permet de suivre les mises à jour de Bootstrap à travers les flux RSS : C’est un service d’alerte par mail qui permet de recevoir quotidiennement les principales informations sur un mot clef.