background preloader

Bootstrap pas à pas

Bootstrap pas à pas
7/10/2013 Update: billet mis à jour pour la version 3.0 de Bootstrap Avec la généralisation des technologies JS, CSS3 et HTML5, il est aujourd'hui possible de faire des sites Web qui n'ont rien à envier aux interfaces des logiciels que l'on peut trouver sur nos machines. Le revers de la médaille est une complexité croissante qui nécessite de faire appel à des professionnels . Quand vous devez faire un site personnel ou pour une association, il est difficile, à moins de s'appeler Cresus, de passer par un Web designer. Heureusement des frameworks libres permettent avec un minimum d'investissement et de connaissances de bâtir des sites Web dans les règles de l'art. Nous allons dans ce billet parler du plus médiatique d'entre eux: Bootstrap. Nous allons commencer par créer l'arborescence générale de notre site qui sera stocké, pour illustrer ce billet, dans le répertoire ~/projet de notre disque dur. cd ~/projet git clone <! On obtient:

Le HTML - Tutoriel HTML & CSS Structure en balises HTML signifie HyperText Markup Language. En clair, c'est un langage (format de fichier) qui permet d'écrire des pages internet, et cela au moyen de balises (Markup, en anglais). Qu'est-ce qu'une balise ? Les balises peuvent s'imbriquer les unes dans les autres pour former une hiérarchie. En HTML il existe deux sortes de balises : Les blocs : On passe à la ligne avant et après le bloc. Voici un schéma récapitulatif de la différenciation des balises dites "bloc" et "en ligne". La distinction entre ces deux types de balises est primordiale : il est impossible d'imbriquer une balise de type bloc à l'intérieur d'une balise en ligne, alors que l'inverse est possible. Une autre règle essentielle en HTML est que le nombre d'espacements consécutifs (espaces, tabulations, ou même retours à la ligne) que vous mettez dans votre fichier source importe peu. Voyons maintenant les balises HTML existantes. Styler la page La page Dans notre entête, se trouvent des métadonnées. <! Bien.

Tous les meilleurs cours et tutoriels pour le Web Developpez.com - Développement Web Choisissez d'abord la catégorieensuite la rubrique : Copyright © 2006 Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Responsables bénévoles de la rubrique Développement Web : Didier Mouronval - Xavier Lecomte - Contacter par email Developpez.com Nous contacter Participez Informations légales Services Forum Développement Web Blogs Hébergement Partenaires Hébergement Web

Webdesign Tutoriaux .com - Trouvez le tutoriel Photoshop CS4/CS5, Flash, Illustrator et The Gimp dont vous avez besoin HTML5 Introduction DPS (Digital Publishing System) Pimcore Un article de Wikipédia, l'encyclopédie libre. Pimcore est un SGC novateur[2] utilisant le Framework Zend, qui permet l'utilisation d'une architecture robuste pour la gestion des contenus, et un confort pour l'utilisateur basé sur une interface intuitive et ergonomique. Il est la révélation de l'année 2010 [2], et est élu le CMS open source le plus prometteur[3]. C'est un logiciel gratuit publié en Français (Pimcore Edition Fr 2012) sous licence gratuite Zend Framework Gestion de contenu numérique professionnel[4]. Technologie[modifier | modifier le code] Le cœur de pimcore est basé sur son API orienté objet. Configuration logicielle requise[modifier | modifier le code] Pimcore est une applications Web, ce qui nécessite un serveur compatible HTTP et une base de données SQL. Apache >= 2.2 httpdMySQL >= version 5.5PHP >= 5.4 mod_php ou FastCGI Récompenses, critiques et articles[modifier | modifier le code] References[modifier | modifier le code] Liens en rapport[modifier | modifier le code]

Formation iPad : créer une publication avec la Digital Publishing Suite / Pyramyd Formation / Paris Public concerné Graphistes, maquettistes, directeurs artistiques souhaitant appréhender les processus de réalisation d’une publication interactive pour iPad. Pré-requis Savoir utiliser un iPad et avoir déjà travaillé avec InDesign est impératif pour suivre cette formation. Il est fortement conseillé de venir avec son iPad pour cette formation Objectifs Acquérir les compétences nécessaires à la création et à la réalisation d’une publication enrichie avec inDesign et la Digital Publishing Suite. Programme Introduction Présentation de la Digital Publishing Suite et du format FolioLa structure de base d’une publication sur tablette : navigation, orientation Le Folio La création d’un FolioLe document InDesign et la notion d’articleLes gabarits modulaires : format et orientation (portrait ou paysage)Gestion du multiformat (iOS, Android…) L’enrichissement interactif d’une publication Gestion et aperçu → Cette formation est éligible au DIF Informations complémentaires Mots-clés

InDesign * Présentation de Digital Publishing Suite Présentation de Digital Publishing Suite Adobe Digital Publishing Suite est un ensemble d’outils et de services hébergés permettant aux éditeurs de créer et de distribuer des compositions sur des tablettes électroniques telles que l’iPad d’Apple. Ces compositions numériques portent le nom de . Grâce à InDesign, vous pouvez créer des folios et les visualiser sous forme d’aperçus sur une tablette et sur un générateur d’aperçu de bureau. Cependant, un abonnement à Digital Publishing Suite est nécessaire pour créer un logiciel de visualisation personnalisé. Les éditeurs peuvent distribuer leurs compositions numériques en les soumettant sur l’Apple Store ou l’Android Market. Adobe recommande par Colin Fleming Les modules d’extension Folio Builder et Overlay Creator vous permettent de créer des compositions numériques destinées aux tablettes électroniques. Pour accéder à ces modules d’extension : Overlay Creator Choisissez Fenêtre > Extensions > Overlay Creator. Folio Builder

GREP utilities | Peter Kahrel All scripts mentioned here are for CS3 and later unless stated otherwise. Change case interactively Using InDesign's Find/Change dialog, you can't change the case of what your GREP matches. Thus, you can't change acronyms in upper case to lower case and apply some style to them. The script, which is in effect an extension of the Find/Change dialog, makes this possible. Show the scope of InDesign's GREP wildcards InDesign CS4 added 37 Unicode GREP wildcards (\p{P*}, \p{Lt}, etc.), which brings the total number of wildcards to more than 50. A (simple) GREP editor InDesign's Find what field must be one of the smallest and unfriendliest places to write and edit GREP expressions in. A GREP query manager The script displays an overview of all your GREP queries and their contents. (An older version of this script can be found here; it's simpler but localised in four languages.) GREP style report Print a report of all GREP styles defined in a document's paragraph styles (CS4 and later).

Related: