background preloader

26 choses à ne pas oublier avant de créer un site Internet.

Related:  Web. 0Outils IT pratiques-bonnes feuilles

Bonnes pratiques de conception Web De Memodev. Développer un site internet est devenu très facile à faire, mais en développer un correctement devient de plus en plus compliqué... Cette page est destinée à vous donner les bonnes pratiques pour développer un site internet. Dans un premier temps il faut maîtriser les langages suivants, ainsi que leurs bonnes pratiques décrites sur les pages suivantes : Pré-requis Apprendre à utiliser les options de recherche de google . Actualités du développement Web Il y a des ressources à suivre de temps en temps en tant que développeur, pour se tenir informé des nouveautés mais aussi des statistiques d'utilisation. Ciblez votre public Il est important de connaître le profil moyen de vos visiteurs (critères du type âge/sexe/catégorie professionnelle...). Sur le site d'Opquast on peut voir la liste de toutes les recommandation pour la création d'un site Web qui corresponde aux attentes des internautes, aussi bien en terme d'utilisabilité que d'accessibilité. L'encodage Design Illustration Photos

timesheets.js The goal of this project is to rely on declarative W3C standards (namely, SMIL Timing and SMIL Timesheets) to synchronize HTML content. These demos rely purely on our Timesheet Scheduler: 100% declarative and standard-based, no specific JavaScript code is used. Ever wanted to… create your own slideshow in HTML? synchronize HTML content with multimedia streams? …without writing any single line of JavaScript? It’s possible. It’s based on declarative W3C standards. It works with HTML, SVG and XML. Discover SMIL Timesheets with the following demos! Basic Markup a simple “Rotating Banner” example to introduce the basic concepts of SMIL time containers Media Annotations synchronizing HTML content with a multimedia stream: rich subtitles, audio annotations, segmented timeline Slideshow Engine nesting time containers and relying on declarative user interaction to create a highly flexible slideshow engine We’re focusing on two developments: Both developments are free and open-source software. HTML Markup

Comment créer un blog Aujourd’hui il est extrêmement simple de créer un blog et de nombreuses formules existent. Cependant deux démarches se distinguent suivant les compétences techniques de la personne chargée de la mise en oeuvre du blog et surtout de son objectif. La plus simple est de s’inscrire sur une plate-forme d’hébergement de blogs. La plus professionnelle est de concevoir ou de faire concevoir son blog et de l’héberger chez un hébergeur lambda S’inscrire sur une plate-forme d’hébergement de blogs Les plates-formes d’hébergement de blogs ou communautés de blogs sont conçues pour faciliter la tache des néophytes. Certaines plates-formes fédèrent les internautes de façon thématique ou générationnelle. Les hébergeurs de blogs proposent des solutions gratuites ou payantes. L’inconvénient majeur des solutions gratuites est de ne pas pouvoir disposer de son propre nom de domaine et d’une assistance personnalisée si besoin. AceBlog (gratuit) www.aceblog.fr Blogger (gratuit) www.blogger.com Articles similaires

Caract�res mal affich�s dans votre navigateur Il se peut qu'en consultant une page web, votre navigateur affiche des caractères curieux à la place des caractères accentués, comme é à la place d'un à ou bien des petits points d'interrogation dans des losanges, etc. Cela vient du jeu de caractères (codepage) utilisé par le site sauf erreur du webmaster, votre navigateur peut être paramétrer pour détecter automatiquement le bon jeu de caractères, voici comment faire, très simplement : Pour IE8 : il faut aller dans le menu Page, puis Codage, et cocher Sélection automatique (logiquement, le reste est paramétré sur Occidental) : Pour Firefox : il faut ouvrir le menu Affichage, puis aller dans Encodage des caractères, (habituellement Occidental est coché) puis Détection automatique, puis cocher Universel : Pour Opera (ici en version 10) : il faut ouvrir le menu Afficher, puis Encodage, puis cocher sélection automatique : Pour Chrome : il faut ouvrir le menu avec une icône de fichier , puis aller dans Codage, et cocher Détection automatique :

Structure de site Internet : comment faire ? La structure d’un site a un impact énorme sur le référencement naturel. Une mauvaise conception pose problème: perte de positionnement, contenus non indexés, incompréhension du visiteur… La solution est d’adopter le plus tôt possible une structure adaptée pour votre site. Oui, mais comment… ? Arborescence générale Avant même de parler technique, il faut parler de contenus et de cibles. A qui votre site s’adresse, pour répondre à quels besoins, avec quels outils ou quels contenus ? Dans l’ordre, voici les points clés de la structure de votre site Internet : Quel type de site utiliser ? La dernière question est sans doute la plus épineuse. lister tous les contenus (actuels ou à venir) de votre site webles regrouper en catégoriesles structurer Rien de tel qu’une image pour mieux comprendre : Le problème, c’est que cette structure dépend de votre point de vue. La méthode du tri des cartes et les personas La méthode de tri des cartes implique une aide extérieure. L’html et structure Les balises html

Top 90 Best Photoshop Tutorials From 2011 Adobe Photoshop is one of the most famous and most widely used photo editing software which is being used by everyone — the pros and the novices. By editing photos on Photoshop you can turn ordinary photo into an extraordinary ones. The best way to learn using Photoshop in new and better ways is through tutorials. So today we have a list of Top 90 Best Photoshop Tutorials From 2011 that you can use to make your photos even more amazing. Add Worn, Torn Photo Edges Effect This tutorial will teach you how you can give an image a worn, torn edges effect. Advertisement Create a Drink Composition Create a vivid and attractive drink composition using photoshop. Create a Scenic Castle Hallway In this tutorial you would be tought to integrate stock images and some basic digital painting techniques for creating a scenic castle hallway. Egg Planet Fantastic Globe Photo Manipulation Create a beautiful egg planet fantastic globe photo manipulation with the help of this tutorial. Create A Flaming Car

20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d’optimiser votre projet. Découvrez une sélection de 20 outils pour ne rien laisser au hasard. La phase de vérification et d’optimisation est aussi important que la phase de définition d’un projet web. Analyses préalables : Verify App « La manière la plus rapide de collecter les retours utilisateurs sur les maquettes et concepts ». Resolve App Outil de collaboration pour aider les équipes de conception web à donner leurs avis sur un projet Php Security Info Permet de vérifier la configuration de PHP sur le serveur. sfProjectAnalyser Analyse et vérifie que votre projet web avec Symfony est codé selon les normes Wappalyzer Analyse les technologies utilisées sur le site (JQuery, etc) Erreurs et bug de style : Holmes Holmes est un testeur CSS autonome qui peut souligner les déclarations potentiellement invalides, inaccessibles ou erronées.

untitled 100 Best Portfolio Designs Of 2011 A Portfolio should be attractive so that it can attract new customers. But it should also give complete information about your business and service to your clients. As we all know that we are already into the last month of this year. We already started to bring the best of 2011 of design community for our readers. I am a web designer and this blog is about web design so how can we forget to showcase the best web designs of the year. Also See Bitfoundry Egopop IDragons Alex Bachuk ArtWebRio Stapley Design Fortyseven Media Squared Eye Mutant Labs Kevin M Heineman Hipinspire Bottlerocket Creative Sizam Design Jek2k Look At Dan Html5lab 90 Days of Art Nineteen82 Kyle Bebeau Info Grafixlab Enzo Livolti Rvdizajn Minimit Andrew Ckor Andy Walsh Moresoda Heather Waller Momentum18 Jomurgel Jupiter Woodsman Hugo Rodrigues Art Web Rio Ray Cheung Castri Creativa Jaffar Khorshidi Courtright Design Juicy Digital Resistenza Mahmoud Omar Gummisig Julien Pons Josh Fabian Lounge Lizard Amstech Dic- Syen Octavo Designs Blocksi Indubitablee

L’Art et la manière de composer Aujourd’hui, éclairons-nous avec un angle nouveau le B.A BA de la Photo: la Composition. Pour travailler la composition et la gestion de la lumière dans nos œuvres photographiques, on pense souvent travail d’autres photographes en référence. Mais je trouve qu’il y a bien d’autres sources d’inspirations pour nous, photographe en herbe: la peinture ou le cinéma par exemple, par extension à tout type d’art. Le but ici n’est pas de vous réapprendre à composer (vous pouvez revoir l’article de Jerka sur la composition pour rappel) mais de voir qu’on peut apprendre en dehors du carcan de la photographie. Voyons ensemble le décryptage de quelques “classiques”… Niveau : Tous niveaux - La peinture ou l’art qui a inspiré la photo – Ce qui faut savoir, c’est que nombres de règles de composition sont issues du nombre d’or, dont je vous épargnerais les détails mathématiques. Une application du nombre d’or Mais la photographie n’emprunte pas que des règles à la peinture.

Tutoriels Dropbox et Google Drive : le cloud computing au service de la pédagogie Le SCEREN-CRDP de l’Académie de Toulouse propose un dossier complet Le cloud computing au service de la pédagogie qui explore l’utilisation de Dropbox (offre d’appel gratuite de 2 Go de stockage en ligne) et Google Drive (5 Go de stockage en ligne). Que permettent ces 2 offres (comme bien d’autres) de cloud computing (informatique dans les nuages) : la notion de partage (de fichiers) et l’écriture à plusieurs mains tout comme des situations d’apprentissage qui permettent de passer de la coopération à la collaboration. Ce dossier permet de comprendre l’utilisation de Dropbox et Google Drive avec tutoriels pour des dispositifs pédagogiques pouvant être mis en place dans le cadre de l’apprendre que ce soit en formation, en initiation en EPN ou bien avec des activités menées dans le cadre scolaire ou professionnel. Dropbox au service de la pédagogie 1. Google Drive au service de la pédagogie 1. Licence : Creative Commons by-nc-saGéographie : Midi-Pyrénées

tuto, tutorial, vidéo, Photoshop, After Effects, Flash et blog Le nombre d’or, la règle des tiers dopée Bienvenue sur Apprendre la Photo !Si vous êtes nouveau ici, vous voudrez sans doute lire mon guide qui répond aux 5 problèmes courants des débutants : Cliquez ici pour télécharger le guide gratuitement !Merci de votre visite, et à bientôt sur Apprendre la Photo ! Si vous avez un peu exploré le blog et vous êtes intéressé à la composition de vos photos, vous avez forcément entendu parler de la règle des tiers. En général, quand on découvre la règle des tiers en débutant la photographie, ça révolutionne un peu notre vision du monde, des images et on finit par découvrir qu’on a passé sa vie à centrer le sujet, et que c’est ce qui donnait des images moches pas top. Et bien aujourd’hui, je vais vous parler d’une règle de composition qui y ressemble un peu, mais qui a encore plus de force. Ah non, tu déconnes ? Pas d’inquiétude, je ne ferai pas dans le compliqué Spirale de phi Ça ressemble à la règle des tiers, ça a l’odeur de la règle des tiers… mais ce n’est pas la règle des tiers ! Loading...

3 sites pour transférer ses photos Instagram sur Flickr En présentant la nouvelle version de Flickr , Yahoo! a frappé un grand coup. Les utilisateurs peuvent désormais ajouter jusqu’à 1 téraoctet de photos sur le service, l’équivalent de 700 000 photos de 5 Mo. Le service s’offre également une refonte graphique appréciable et moderne. Flickstagram Pour transférer vos photos Instagram sur Flickr, vous pouvez utiliser Flickstragram. Freethephotos Freethephotos est une alternative efficace à Flickstagram. De nombreuses recettes existent sur IFTTT pour transférer vos photos.

Related: