background preloader

Bonnes pratiques de conception Web

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

http://www.memodev.com/wiki/Bonnes_pratiques_du_Web

Related:  creer une videoFaire un sitejacquespegha

Créer un reportage avec Tellagami et iMovie Voici une petite activité simple et agréable pour mettre vos élèves en action cette année. L’exemple qui va être présenté dans cet article peut s’appliquer dans plusieurs contextes. Vos élèves peuvent réaliser un reportage sur leurs vacances d’été, une visite au musée, une activité pédagogique, la visite d’un conférencier, etc. 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… ?

25 astuces pour la recherche sur Google Google est le moteur de recherche le plus utilisé dans le monde. Et de loin ! Selon StatCounter, il représenterait pas moins de 90% de l’ensemble des requêtes, devant Bing et Yahoo. Si le moteur se suffit à lui-même pour la plupart des cas, de nombreuses options sont disponibles pour affiner les recherches. Séquence doublage de dessin animé Séquence ’Doublage de dessin animé’ Mise en valeur des productions d’élèves avec Viméo et Padlet Type d’établissement : collège Classes concernées : 2 classes de 3ème Disciplines et Professeurs impliqués : Espagnol, documentation, Professeur d’Espagnol, Professeur documentaliste. Utiliser la Google Web Fonts API Ici vous pourrez découvrir, comment grâce à l’API de Google, importer de nouvelles polices, valables sur n’importe quel navigateur, et sur la plupart des jouets comme l’iphone, l’ipad, et les téléphones Androïd. Pourquoi utiliser une API ? Il est toujours possible d’importer des polices de caractères et les intégrer « à la mano ». Cependant l’utilisation de cette API permet de le faire très rapidement et vous serez sûr de sa bonne intégration pour la plupart des navigateurs.

Logiciels libres pour enseigner Une sélection de logiciels libres gratuits pour faciliter la gestion de la classe et optimiser la production de supports pédagogiques et d’exercices. Réalisée avec l’association APRIL. Cette Fiche pédagogique, initialement publiée en 2011, a été mise à jour le 15 octobre 2014 avec l’aide de l’association APRIL, engagée dans la démocratisation du logiciel libre et des standards ouverts. Quels sont les avantages des logiciels libres ? Les logiciels libres sont des programmes pouvant être modifiés ou améliorés par n’importe quel utilisateur. Après validation, les modifications proposées par des utilisateurs sont intégrées au logiciel initial. Testez la sécurité de votre ordinateur : scanneur de ports Afin de tester la sécurité de votre poste, nous vous proposons d'effectuer ce test. Celui-ci va scanner les ports TCP les plus couramment utilisés. Les résultats seront ensuite interprétés afin de vous aider a déterminer si la sécurité de votre machine est optimale. Testez la sécurité de votre PC Une fois le scan terminé, il vous sera indiqué l'état des ports TCP testés : il peuvent être soit ouverts, fermés ou masqués.

Les leçons augmentées-Liste des vidéos Edit du 28/08/2016 : ajout d’une nouvelle vidéo (« La phrase/Sujet et prédicat ») ! Comme vous le savez peut-être déjà, je me suis lancé cette année dans la réalisation de petites vidéos portant sur les principales notions de français étudiées en classe avec mes élèves de CM. Leur nombre étant de plus en plus conséquent, j’ai décidé de publier cet article qui sera mis à jour et remontera à chaque nouvel ajout d’une ou plusieurs vidéo(s). 74 vidéos ont d’ores et déjà été publiées. Pour y accéder, vous pouvez (au choix) cliquer ici sur le titre des 4 albums déjà publiés, ou bien cliquer sur le logo Vimeo situé sur le blog dans la colonne de droite. Grammaire

Ergonomie et ligne de flottaison Jérôme du blog marketing Mindeez vous propose un petit article sur les pièges à éviter avec la ligne de flottaison, ou fold en anglais, qui représente la ligne imaginaire à partir de laquelle l’utilisateur doit faire défiler la page. Le contenu se situant en dessous de la ligne de flottaison ne sera visible que si l’internaute fait défiler la page. La notion de fold ne vient pas des sites web, mais du monde des journaux. Lorsque les journaux sont étalés, il sont pliés, la ligne de flottaison représente cette pliure. Pour faire défiler la page on peut utiliser la barre de défilement, la molette de la souris ou la barre d’espace. Créer une vidéo enrichie avec Mozilla Popcorn Maker, outil libre en ligne La fondation Mozilla a lancé Popcorn Maker un outil gratuit et libre en ligne qui permet de réaliser et partager aisément des vidéos interactives avec de l’audio pour ensuite les publier sur différentes plateformes. Avec Mozilla Popcorn Maker, on peut ajouter des liens et différents médias (cartes Google Maps, images, vidéos, tweets, un article Wkipédia…). Pour réaliser une vidéo, on peut modifier un média hébergé sur YouTube, Vimeo, Soundcloud ou en HTML5 si en ligne. En copiant-collant l’URL sur Popcorn Maker, la vidéo estéditable et les ajouts de médias sont alors possibles à partir d’une ligne de temps avec des couches/calques (« layers »).

Créer un questionnaire avec correction automatique Les outils intégrés à Google Drive offrent de nombreuses possibilités d'utilisation pédagogique. C'est le cas de l'outil Formulaire, qui vous permet de créer des quiz et questionnaires assez sophistiqués, puisqu'il autorise diverses catégories de réponses : case à cocher, choix multiple, texte libre, échelle d'évaluation, etc. Bien entendu, cet outil intègre une fonction de correction automatique. Créer son premier questionnaire Sur son blog, le célèbre Ticeman de la Caverne propose un tutoriel vidéo de création d'un questionnaire avec Formulaire.

Related:  Bonnes pratiques