background preloader

KompoZer - Easy web authoring

Pencil - a traditional 2D animation software OpenOffice.org 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

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.

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. É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 <! <! <!

test everything — 100+ tools in one! Choose the tools with that you want to test the given adress: CSS and HTML validators SEO tools Social services Web proxies Network tools Text tools Image tools (works only with Image URLs) Miscellaneous tools 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 ¿Para qué sirven los mapas mentales? Los mapas mentales son útiles para el aprendizaje porque ayudan a entender y memorizar ideas que en ocasiones resultan difíciles de asociar para el cerebro. Brindan un panorama general y esquemático de las ideas a desarrollar. Y suelen servir como una guía visual a la hora de realizar presentaciones e informes extensos. Origen del mapa mental El origen del mapa mental no es reciente. En palabras del propio Tony Buzan: “El Mapa Mental es la expresión del pensamiento irradiante y, por tanto, una función natural de la mente. ¿Cómo se hace un mapa mental? Comienza con una idea central o un tema principal. ¿Dónde puedo hacer un mapa mental? Para hacer un mapa mental sólo necesitas una hoja de papel en blanco, rotuladores de colores y mucha creatividad. A continuación te presentamos una lista extensa de software, recursos y programas para hacer mapas mentales gratis. Bubble.us MindMeister Mindomo Mindomo. Wisemapping Text 2 Mind Map Text 2 Mind Map. Mind42 Mind42.

Formation vidéo pour apprendre l'informatique: Weecast

Related:  htmlWebSite bouwenAfiliadoseliteAdobe_AlternativestexteditorWeb Builders