background preloader

KompoZer - Easy web authoring

KompoZer - Easy web authoring

Pencil - a traditional 2D animation software OpenOffice.org Infographics & Data Visualization | Visual.ly Bluegriffon - Un excellent éditeur HTML WYSIWYG libre Vous connaissez Dreamweaver ? Vous avez connu FrontPage ? Puis un jour, vous avez découvert un équivalent libre sous le nom de Nvu qui a été abandonné, avant de hoqueter sous le nom de Kompozer lui même disparu au champs d'honneur... Puis depuis, plus rien... Le désert complet... Du coup, vous faites du HTML avec un éditeur de texte classique, ayant définitivement abandonné le WYSIWYG et les petits bouton pratiques pour faire un peu de mise en page et insérer des images. Heureusement, Daniel Glazman, dont je me régale des tweets et du blog régulièrement, est un excellent développeur... Cet éditeur est magique ! Daniel a vraiment pensé à tout car il à même prévu des raccourcis pour les balises HTML5 audio et vidéo ainsi qu'une option permettant d'insérer directement des Webfonts (de chez Google ou Font Squirrel) Un vrai coup de coeur et un soft à tester d'urgence !!! Blue Griffon est téléchargeable ici pour Windows, Mac et Linux. 11,99 € avec le code U2KH2HLA

Les balises HTML et leur rôle - Apprendre le Web Cet article aborde les bases de HTML : les balises et comment les utiliser. HTML (HyperText Markup Language) est un langage descriptif utilisé pour structurer le contenu d'une page (ses textes, ses images, ses liens, etc.). Un document HTML est un fichier texte qui contient des balises (ou tag en anglais). Ces balises doivent être utilisées d'une certaine façon pour décrire correctement la structure du document. Les balises indiquent au navigateur comment afficher le document, certaines balises permettent d'intégrer différents médias comme des images, des vidéos ou des musiques parmi le texte de la page. Le navigateur n'affiche pas les balises telles quelles. La syntaxe des balises Les balises HTML respectent une syntaxe simple et stricte : Un chevron ouvrant (<) Le nom de la balise Des attributs (optionnels). Voici quelques exemples : Les éléments HTML Généralement, les balises fonctionnent par paires. Les balises HTML Voici quelques-unes des balises les plus fréquemment utilisées : Le doctype

Sculptris Inkscape. Draw Freely. 39 Web Apps and Tools We Use to Create Websites Probably not unlike you, we use a cadre of different tools to help us create websites and products we’re proud of. Every year it seems that this list morphs, evolves, shrinks and grows. So we thought, ‘Hey, it might be valuable to some people to get a look at how we build things and the tools that we use to get the job done.’ We looked at every step of our development process and highlighted our favorite technologies every step of the way. 39 Web Apps and Tools We Use to Create Websites Meeting, Brainstorming, Strategy Our initial planning phases are all about collaboration. Skype – Like many of you, our clients are in far-flung places. Whiteboard – It’s not digital, but there’s nothing more valuable than being able to sketch out quick flows, wire concepts and architectures. Google Docs – Emailing files back and forth, buying Microsoft Office and dealing with version control just isn’t for us. Basecamp – If your job is to ship, Basecamp is the lightweight tool to help you do that.

Écrire une simple page HTML - Apprendre le Web Dans ceta rticle, vous apprendrez à créer une page web simple grâce à HTML. La plus simple des pages web est simplement un fichier HTML valide. Il suffit donc d'un fichier HTML valide, d'un éditeur de texte et d'un navigateur web. Dans cet article, nous verrons comment utiliser quelques balises HTML et comment voir la page dans un navigateur. Pédagogie active Tout d'abord, assurez-vous d'avoir un navigateur web et un éditeur de texte avec lequel vous êtes à l'aise. Première étape : un fichier Une page web est, au strict minimum, un fichier HTML. <! Vous pouvez éditer ce fichier comme vous le souhaitez en modifiant par exemple le texte dans les balises title ou body. Une fois que vous avez enregistré ce fichier sur votre ordinateur, vous devriez obtenir quelque chose qui ressemble à cette capture (bien entendu, l'allure dépendra de votre système d'exploitation et de votre configuration) : Si vous double-cliquez sur le fichier, celui-ci s'ouvrira dans votre navigateur. <! Aller plus loin <! <! <!

HTML/CSS Première partie : Hacker le web ! Présentation Cette partie se fait sur la première séance uniquement. L'objectif est de créer sa propre page Web en bidouillant et bricolant des pages déjà existantes. Vous pouvez faire cette partie seul ou à deux. Les outils Le plus sympathique est d'aller sur les lunettes google, puis : se créer un compte (en haut à droite : create account); cliquer-glisser sur le bouton rose (drag and drop), jusqu’à la barre des marque-pages (bookmark); Si cela ne fonctionne pas, cliquer-glisser jusqu’à la barre de saisie d’adresses. Si des restrictions d'utilisation font que vous ne pouvez utiliser les lunettes google, avec aucun des deux moyens précédents, cherchez dans le menu de Firefox (navigateur conseillé) les outils de développement, icône "clef à molette" dans le menu. Des idéees pour commencer ? Allez sur un site que vous visitez régulièrement, de préférence pas trop compliqué. Travail à rendre Sur traitement de texte (LibreOffice) : Méthode Le site bien sûr !

11 aplicaciones gratuitas para crear mapas mentales Un mapa mental o mapa conceptual (en inglés mind map) es una técnica gráfica que sirve para desarrollar y comprender ideas y conceptos. Un mapa mental relaciona de manera lógica una idea central con otras ideas secundarias a modo de las ramas de un árbol donde se utilizan líneas, imágenes o símbolos para conectárlas de manera jerárquica. Los mapas mentales son útiles para el aprendizaje porque ayudan a memorizar y entender ideas complejas; además de darnos una vista general y esquemática del tema desarrollado. Suelen servir como una guía gráfica a la hora de exponer frente a un público temas de mucha extensión. El sistema con el que representamos las ideas de manera jerárquica fue inventado por el filósofo estagirita Aristóteles; sin embargo, fue hasta 1971 que el psicólogo inglés Tony Buzan, influenciado por Leonardo Da Vinci, formalizó el concepto de mapa mental. Sin más preámbulo enumeramos una serie de aplicaciones o programas para hacer mapas mentales o mapas conceptuales.

Formation vidéo pour apprendre l'informatique: Weecast

Related:  htmlWebSite bouwenAfiliadoseliteAdobe_AlternativesWeb Design EditorstexteditorCrear informaciónWeb Builders