IC2T. Langages numériques, langages du web


Archive de la catégorie

Liste des articles dans la catégorie HTML/ Code.

Astuces pour s’assurer d’une bonne visualisation web et e-mail auprès des e-lecteurs

Lorsqu’un journal papier est imprimé, tous les exemplaires sont (à peu près) identiques, même mise en page, mêmes couleurs que le master. En web et diffusion mobile, l’affichage dépend de la configuration de la machine de chaque lecteur, malgré les nombreux standards développés. C’est ce qui rend la production multimedia un peu contraignante, mais ô combien passionnante.

Voici un site et un lien trouvé depuis ce site qui permettent de se familiariser avec ces contraintes :

Jakob Nielsen’s tips :
http://www.useit.com

Extract from a report about e-mail/ newsletters practice
http://www.nngroup.com/reports/newsletters/

 

G.G.N.


Nouveaux habillages (skins) et nouvelles fonctionnalités (plugins) pour le lecteur video flash open source JW Player

Un lecteur populaire et de plus en plus performant, JW Player, gratuit, permet de proposer aux internautes le visionnage intégré sur les pages web de videos au format .flv

Sa version 4 est augmentée de nouveaux habillages proposés par la communauté et de nouvelles fonctionnalités (notamment visionnage plein écran). Le stream (download stream) semble plus fluide qu’aparavan (meilleur chargement au lancement de la video)

[ Aller voir ] : http://www.longtailvideo.com/addons/skins

D’autres lecteurs gratuits existent sur la Toile :

- DewTube, de la société alsacreations (utilisation gratuite y compris commerciale, sans mention de copyright, ou auteur) : http://www.alsacreations.fr/dewtube

- CCforFlash (intégrant le sous-titrage en xml), projet universitaire du NCAM (National Center for Accessible Media)  : http://ncam.wgbh.org/webaccess/ccforflash/ccplayermain.html


Une page utile pour l’intégration de videos…

Tests de plusieurs lecteurs flash lisant le format flash video.
Conseils pour optimiser ces lecteurs.

http://philippe.chappuis.googlepages.com/playing-videos

G.G.N.


Code guillemets pour pages web et blogs en tous genres

On est parfois coincés par les interfaces standard qui nous permettent certes d’intégrer facilement du contenu en ligne mais qui tournent parfois au cauchemar lorsque la mise en page et en texte doit être soignée : pour des papiers, des écrits littéraires, retranscription d’interviews ou scenari, pouvoir utiliser plusieurs catégories de guillemets peut s’avérer utile… Les codes html de ces caractères de ponctuation sont rassemblés ici..

lire la suite »


HTML VideoCours #2 : créer un lien vers un autre site

[Publié le 3 octobre 2008] - Deuxième volet video du cours IC2T consacré au HTML (HyperText Mark-up Language).

Sommaire :
- Rappel du volet 1
- Connaître l’adresse du site cible (URL, Uniform Resource Locator)
- Parenthèse jargon : « Pop up »
- Découverte de la balise +
- Insertion d’un
dans le code + attribut target
- Aperçu du codage des caractères spéciaux

http://www.dailymotion.com/video/kEAMDsKjA0hx9GMZvM


HTML VideoCours #1 : créer une page web

[ Publié le 28 septembre 2008 ] A l’heure du Web dit 2.0 plus besoin d’être un crack en code pour publier du contenu en ligne. Cependant les utilisateurs de plateformes de production et de diffusion de contenus (par exemple les journalistes, ou les chargés de diffusion de lettres d’informations…) qui parlent couramment le HTML- langage universel du web (et aujourd’hui aussi de l’e-mail)- auront la possibilité non seulement de mieux maîtriser leurs mises en page (les outils proposés comportent parfois des défauts ou des aberrations), mais également de gagner du temps (l’insertion à la main d’une petite ligne de code est souvent moins chronophage qu’une mise à jour assistée par menus, icônes ou onglets ).

Premier volet d’une série de tutoriels video consacrés au développement et à l’intégration HTML…

http://www.dailymotion.com/video/k7xvRBOY2IPRgGMFUV

 

 



Codes couleur en hexadécimal

rainbow Comme toujours je vous encourage à aller mettre le nez dans le code, rien de compliqué… on code de plus en plus en rvb (rouge vert bleu) même en HTML, mais les puristes préfèrent l’hexa.

lire la suite »


Réaliser un formulaire de contact

Langages : html, css, javascript, php

Ne vous effrayez pas, oui html, css, javascript et php sont des langages de codage web. Pas besoin d’être une tête en math pour autant, un peu de logique et de méthodologie suffisent. Et quelques bons outils… Pour le développement un éditeur de texte simple ou évolué permet de produire des lignes de code simples, maîtrisées et propres. Sur MacOS je vous conseille l’éditeur Komodo (version free basique) ; sur PC Notepad 2 (++).

A quoi ça sert de savoir faire ça ? Si vous êtes amenés à gérer l’envoi de newsletters, établir une zone « courrier des lecteurs » et que votre directeur vous interroge, vous pourrez proposer ce formulaire tout simple, décrit facilement dans ce tutoriel proposé par Philippe Auriol.

Accéder au turoriel :
http://www.mmt-fr.org/article75.html


Streaming vs download progressif : streaming media webinar archive 14 août 2008

Le magazine et site web spécialisé Streaming Media propose tout au long de l’année des évenements web, dits webinars (web seminars).

Le 14 août dernier, une rencontre live était consacrée aux contraintes et enjeux liés au streaming video et au plus répandu « progressive download » (download progressif, ce que en cours j’appelais aussi le « faux » streaming).

Un bon point sur les différences entre ces deux modes de diffusion web et mobile ainsi qu’un coup d’œil sur les dernières nouveautés de Flash Media Server étaient proposés le 14 août 2008 sur streamingmedia.com ; la rencontre est disponible en archive dans la section webevent.

http://www.streamingmedia.com/webevents

 G.G.N. (24/08/2008)


Détection d’un smart phone


1234

profil |
didier sauvage |
MonMacBlog |
Unblog.fr | Créer un blog | Annuaire | Signaler un abus | Vente de jeux
| DOMINIK'S
| Informatique Pour Tous