background preloader

Webdesign

Facebook Twitter

Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Web Development: The Need to Know Basics. Web Development: The Need to Know Basics Many articles, books and websites explain the basics of Web development, but they require a lot of time to read (and re-read) to understand fully. This article is not going be like that--it was written to provide quick answers to the basic development questions that many beginning developers need to know. What is HTML? Before we get into anything else let’s first go over what HTML is. HTML stands for Hyper Text Markup Language. This is the basic format for the scripting language that is used to construct the Web.

The latest version of HTML (HTML 4.01) was developed by WHATWG (Web Hypertext Application Technology Working Group). If you want some further information on HTML and HTML5, check out these pages. Basic HTML: Introduction What are Cascading Style Sheets (CSS)? CSS stands for Cascading Style Sheets. For further information on CSS, check out these pages. How Do I Set Up a Web Host? W3Schools Online Web Tutorials. TypeNavigator. Typetester – Compare fonts for the screen.

Typography

House of Buttons. Smashing Magazine. Le Rollover : comment faire ? Le problème Sur le web, le rollover (ou image réactive) permet de changer une image, lorsque le curseur de la souris passe sur celle-ci. Pour parvenir ce petit miracle de technologie, il suffit d'écrire (ou d'utiliser) un script en JavaScript. Maintenant, il est vrai que la plupart des éditeurs HTML permettent de le faire, sans même mettre la main dans le code.

Est-ce que cela fait bien la même chose ? Exemples de rollover Faire un rollover Le résultat Voici pour comparer, le même code pour un rollover généré par un éditeur (Dreamweaver 4) Le matériel - 2 images (exp deux boutons de couleur différente) - ces images doivent (c'est mieux) posséder des noms explicites : ici bouton-bleu_off.gif et bouton-vert_on.gif Le code Pour les personnes qui n'auraient pas besoin d'autres explications, voici le code pour générer une page HTML avec un rollover. Les explications Décortiquons le code (fait à la main) pour comprendre ce qui se passe. Les paramètres à changer 2. le nom des fichiers-image : 3. Limites. Vérifiez la compatibilité navigateur, test de navigateur et de plate-forme. - Browsershots.