background preloader

31 outils en ligne simples et efficaces pour les travailleurs du web

31 outils en ligne simples et efficaces pour les travailleurs du web

Rédacteur professionnel Un article de Wikipédia, l'encyclopédie libre. Le rédacteur professionnel est un expert de la langue, s'attelant à toutes les tâches rédactionnelles d'une entreprise, d'une collectivité, d'une association ou encore d'un particulier. Il peut exercer cette profession en tant que salarié ou comme travailleur indépendant. Ces productions s'appuient sur des compétences avancées en lecture critique (lire pour écrire), en écriture adaptée à des genres et registres différents, sur supports différents (imprimé, Web, vidéo), ainsi qu'en écriture orientée vers le lecteur (règles d'intelligibilité et de lisibilité, pertinence de l'information, adéquation du texte à la situation de communication). Le rédacteur professionnel conçoit le texte comme un document dont l'architecture, la mise en page et les particularités visuelles sont des aspects importants dans l'accomplissement de son mandat. Activités / missions / domaines de compétence[modifier | modifier le code] Formation[modifier | modifier le code]

10 conseils d’ergonomie basés sur des études de recherche Internet abonde de conseils utiles sur l’ergonomie de sites Internet. Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses. Cet article traite des résultats de plusieurs recherches sur l’ergonomie, dont, entre autre, la captation du mouvement des yeux sur une page Web, les analyses et rapports sur l’utilisabilité et la convivialité, et enfin, des idées pour améliorer le design. 1. L’idée que les utilisateurs seront frustrés s’ils doivent cliquer plus de trois fois pour trouver le contenu qu’ils cherchent sur votre site Web circule depuis bien longtemps déjà. À la base, cette idée semble tout à fait logique, car, bien entendu, un utilisateur sera frustré s’il passe beaucoup de temps à cliquer ici et là pour trouver ce qu’il cherche. Mais pourquoi une limite arbitraire de trois clics ? Source: User Interface Engineering 2. Le Dr. Source : Alertbox 3. 4. 5. 6. 7.

Menus dynamiques - Le coin du Webmaster Webmaster en herbe ou confirmé, vous souhaitez inclure dans vos pages web des menus déroulants dynamiques à plusieurs niveaux de qualité, au code épuré et aisément manipulable ? Alors regardez un peu ce que vous propose Batiste Bieler sur son site doSimple le bien nommé : Bien entendu ce sont des exemples basiques, à charge pour vous de les personnaliser à vos couleurs et à vos besoins grace à la feuille de style CSS. Caractéristiques de ces menus : Code xHTML propre, léger, facile à modifier. Ils sont compatibles avec les principaux navigateurs que sont IE (5+), Mozilla (1,5+), Firefox (1+), Safari (1+) et Opera (7+). Ce n’est pas vraiment un "logiciel" (ce qui explique ce titre générique) mais c’est vraiment utile, et puis l’auteur a pris soin de donner une licence [1] à ce travail. Tags: test1tes2test3test4test5conceptVillas Ajouter des tags (séparés par des virgules ou des espaces) : Attention: tous les caractères spéciaux sont interdits (sauf le .).

La note : Les différents types de documents | Ecriture Professionnelle : le site de l'essentiel de l'écrit professionnel Très courante, la note est un écrit interne à l’entreprise. Elle présente une information (note d’information) ou donne un ordre clair, précis (note de service). Elaborez un document clair et bref La note est un document court, constitué le plus souvent d’une page. Elle ne contient qu’un seul sujet. Clarté, précision, concision sont ses caractéristiques principales. Mettez en valeur l’information la plus importante Adoptez un plan « en entonnoir » selon lequel l’information prioritaire est exprimée au début du document. Il est conseillé d’accorder une attention toute particulière à la formule de conclusion. Adoptez le style approprié à la forme du document Quand elle transmet une instruction, la note de service peut être adressée directement au(x) destinataire(s) ou destinée à l’affichage.

PHP : Le tutoriel pour grands débutants pressés Pour l'instant, on a manipulé des variables que l'on entrait "à la main" soi-même. Il nous faut maintenant voir comment manipuler véritablement des variables, entrées par l'utilisateur. III-1. Les formulaires▲ Vous le savez, un formulaire en HTML, c'est la suite de balises suivante : un formulaire typique sur la page saisie.php Sélectionnez <form name="inscription" method="post" action="saisie.php"> Entrez votre pseudo : <input type="text" name="pseudo"/><br/> Entrez votre ville : <input type="text" name="ville"/><br/><input type="submit" name="valider" value="OK"/></form> Ici, ce formulaire présente une zone de saisie pour entrer son pseudo, va à la ligne, une zone de saisie pour entrer sa ville, va à la ligne, et enfin un bouton pour valider sur lequel sera écrit 'OK'... Le but, vous l'aurez compris, c'est de récupérer, via PHP, les infos entrées par n'importe quel usager. Voici comment les choses vont se découper : III-2. Structure d'une condition if basique Une condition imbriquée III-3. <?

Amaya - Le coin du Webmaster Introduction Amaya est un éditeur de pages Web développé conjointement par l’INRIA et le W3C dont les deux principaux objectifs sont : 1) Servir de démonstrateur de nouvelles technologies Web. 2) Créer facilement des pages Web conformes aux recommandations du W3C. Amaya possède une interface WYSIWYG qui permet d’éditer facilement du XHTML (paragraphe, image, liste, tableau, formulaire...), du MathML (formules mathématiques), du SVG (image vectorielle) et créer des liens XLink, le tout avec du CSS (information de style) ou du RDFa (annotations sémantiques). Un éditeur avec des capacités de navigation Amaya se distingue des autres éditeurs par le fait que les fonctionnalités d’édition et de navigation sont intégrées de façon homogène dans un même environnement. Les outils d’édition peuvent être rapidement affichés ou retirés. éditer et enregistrer directement ses pages sur un serveur. envoyer une page Web par courriel. Une interface Wysiwyg à la portée de tous Vues et cadres en-têtes ; images ;

Outils d'aide à la rédaction Ces outils d'aide à la rédaction proposent des solutions aux difficultés propres au français et à l'anglais, qu'il s'agisse de grammaire, de style ou d'usage. Pour effectuer une recherche simultanée dans les 16 outils d’aide à la rédaction, rendez-vous sur la page Le français sans secrets | Gateway to English. Vous pourrez ainsi trouver rapidement la réponse à vos questions sans avoir à consulter ces ressources une à une. Outils français Cochez le sujet qui vous intéresse (grammaire, ponctuation et typographie, conjugaison, vocabulaire, traduction ou usage) et cliquez sur le bouton « Lancer ». Vous souhaitez obtenir la terminologie de pointe dans presque tous les domaines? Vous trouverez aussi d'autres outils d'aide à la rédaction en français dans la section Découvrir du Portail linguistique du Canada. Outils anglais Cochez le sujet qui vous intéresse (grammaire, ponctuation et typographie, conjugaison, vocabulaire, traduction ou usage) et cliquez sur le bouton « Lancer ».

Première maquette graphique web : comment faire ? Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier. Travaillez en bitmap à l’échelle 1:1. Jetez-moi les logiciels vectoriels (Flash, Illustrator) aux oubliettes ! Commencez par fixer la largeur de la page. Vous pouvez maintenant commencer à composer votre première maquette web, en partant du bon pied, sur des bases correctes : pixel, bitmap, RVB, 72 dpi, etc. Un conseil : faites moultes captures d’écrans des sites qui vous inspirent et découpez-les dans un logiciel graphique. Que livrer ?

ITheora - Le coin du Webmaster ITheora est un script en PHP permettant de diffuser en ligne des fichiers multimédias aux formats theora (ogv) et vorbis (ogg). Il gère également les listes de lecture et les podcasts . Il est conçu pour être simple à installer et à utiliser et pourra convenir aussi bien au blogger qu’au webmaster averti. ITheora offre de nouvelles possibilités aux visiteurs du site concernant l’affichage des vidéos : plusieurs modes de lecture possibles : grâce au lecteur interne du navigateur web (notamment Firefox à partir de la version 3.5), à l’aide du plugin pour son lecteur multimédia préféré ou embarqué avec une applet Java un peu comme avec un lecteur Flash ; le téléchargement de la vidéo et autres données annexes (sous-titres, version hd, version doublée...) ; le partage de la vidéo grâce à la mise à disposition du code source HTML ; le plein écran ; la possibilité de détacher le lecteur de la page pour surfer tout en écoutant la radio. ITheora présente aussi des avantages pour le webmaster :

Notes, table des matières, index Notes, table des matières, index Titres et intertitres Mise en page et marges Page webDialogues et poèmes Les notes constituent des textes accessoires, greffés sur des segments du texte principal. Les notes peuvent être placées sur la même page que l'appel de note, soit dans la marge, soit, plus fréquemment, en bas de page. Un facteur technique : avant l'édition numérique, il était beaucoup plus simple de placer les notes à la fin du chapitre ou du document qu'en bas de page ; d'où des habitudes qui semblent perdurer à l'aube du XXIe siècle chez certains éditeurs. Les usages en la matière sont variables. Dans certains volumes de la Bibliothèque de la Pléiade, l'appareil critique est peu important, et les notes sont placées en bas de page, dans d'autres (plus récents), l'appareil critique représente, en volume, la moitié du texte lui-même et les notes sont placées à la fin du volume. Les possibilités et conventions sont très variées : Appel de note et ponctuation Deux conventions : 1.

Art of Illusion - Créer & Éditer Art of Illusion est un logiciel multi-plateforme simple et facile d’utilisation pour s’initier à la 3D. Développé entièrement en Java, il nécessite l’utilisation du J2SE de Sun. Par ailleurs, il est fortement conseillé d’avoir aussi installé le JMF -Java Media Framework-, toujours de chez Sun. Ce programme basé sur trois outils, offre un panel d’action satisfaisant. L’écran général permet d’éditer les dessins. Il se décompose de la manière suivante : une zone à gauche, avec les outils de dessin, de déplacement, de prise de vue et de lumière, une zone centrale, divisée en 4 parties indépendantes, pour visualiser et paramétrer l’objet en cours, sous différents angles et prises de vue, une zone à droite, avec la liste des objets composant votre dessin, pour une sélection rapide et fonctionnelle. Vient ensuite l’éditeur d’objet pour effectuer du modelage sur l’objet, le lisser ou le déformer. [1] Mais nous n’avons pas saisi toute la subtilité de l’outil :)

Related: