background preloader

Alsacr?ations : Tutoriels XHTML, CSS, actualit?s et articles sur les standards web

Alsacr?ations : Tutoriels XHTML, CSS, actualit?s et articles sur les standards web

https://www.alsacreations.com/

Related:  tutoHTML/CSSTicecréation site webWebdesign

Créer une galerie photos avec CSS 3 / Benjamin PREVOT Toujours à la recherche de solutions permettant de réaliser des effets avec CSS 3, je me suis penché sur la création d'une galerie photos sans JavaScript. Le but va être de réaliser un ensemble d'aperçus de photos comme sur ce site : Bien entendu, JavaScript interdit Mise en place de la structure HTML Comment mesurer la taille d’un objet dans une page WEB en pixels ? Pour les développeurs de sites WEB il existe plusieurs modules et outils qui permettent de gagner du temps et de faciliter le travail. Parmi ces outils on trouve des outils de codages tel que Firebug qui est l’outil le plus utilisé par les développeurs de sites WEB, cette outil fonctionne sur Firefox et Chrome, il existe encore un autre qui est très répondu, il permet de mesurer la taille des objets affichés dans une page web tel que les logos, les images, les bordures, les menus … Etc. Le plugin MesureIt est l’un des outils les plus utilisés par les développeurs, dans ce tutoriel nous allons vous montrer comment l’utiliser pour mesurer des espaces dans votre page WEB. Où trouver Measureit ?

Web design Un article de Wikipédia, l'encyclopédie libre. Le web design désigne la conception de l'interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans le site web. Il s’agit d’une phase essentielle dans la conception d’un tel site. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité. À noter qu'en francophonie, le terme web design est souvent utilisé à contre-sens de son acception initiale et confondu avec la seule création graphique.

Créer son blog avec WordPress : le tutoriel Parfois, la documentation décrivant le processus d’installation d’un blog WordPress n’est pas toujours très claire pour des néophytes. Ainsi, on nous demande souvent des tutoriels simples et complets expliquant, étape par étape, l’installation et l’utilisation d’un blog WordPress. Un tel tutoriel est aujourd’hui disponible. What you see is what you get Un article de Wikipédia, l'encyclopédie libre. Un WYSIWYG (prononcé [wɪziwig] ou [wiziwig]) est une interface utilisateur qui permet de composer visuellement le résultat voulu, typiquement pour un logiciel de mise en page, un traitement de texte ou d’image. C'est une interface « intuitive » : l’utilisateur voit directement à l’écran à quoi ressemblera le résultat final. « WYSIWYG » est l’acronyme de la locution anglaise « What you see is what you get », signifiant littéralement en français « ce que vous voyez est ce que vous obtenez » ou de façon plus concise « tel affichage, tel résultat » ou encore plus simplement tel quel.

Outils 78 ressources en ligne Haut de page Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft,… Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous… Initializr Initializr vous permet de générer un template HTML5 basé sur HTML5 Boilerplate.… HTML5Please HTML5Please est un récapitulatif clair et bien organisé listant les différentes… HTML5 Boilerplate HTML5 Boilerplate est un gabarit HTML5 et CSS3 contenant toutes les bonnes pratiques… HTML5Rocks Diaporama des nouveautés HTML5, tutoriels pas à pas, et exemples en ligne. Haut de page Accessibilité

Mise en page et CSS Introduction à la mise en page par les CSS Les CSS permettent de gérer deux aspects relativement distincts de la présentation de vos pages : La présentation des textes, en jouant sur la taille, la couleur, l'interligne, le type de caractère, la graisse, etc.La mise en page, en gérant la disposition des principaux élements (en-tête, menu, pied de page, etc.) et de leurs contenus. ANALOGIQUE & NUMERIQUE 1/ Introduction L’analogique et le numérique sont deux procédés pour transporter et stocker des données. (de type audio , photo , vidéo…) . L’analogique est né avec le début de l’électricité tandis que le numérique est apparu plus récemment avec l’ère de l’informatique .

Optimiser une page pour le référencement naturel : mode d’emploi « Moon Websites Pour optimiser le référencement naturel (ou SEO, search engine optimization) d’une page web, voici une liste récapitulative des bonnes pratiques à adopter et/ou à conserver : Qualités éditoriales et rédactionnelles du contenu Organisation des paragraphesBalisage sémantiqueLiensMeta tags Toutes les bonnes pratiques (ou presque) sont passées en revue. Contenu de la page

Related:  leopoldofrINTÉGRATION HTML/CSScssstefchrysHTML CSStutorialHTML - CSSINTERNET-SITES POUR WEBMASTERS 3mllelouhDes techniquesemploi