IC2T. Langages numériques, langages du web


Archive de la catégorie

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

Page web spéciale 100 ans de Yokohama Tyres vraiment réussie

[www 6 septembre 2018]- Je vous l’avais promis je reprends donc ce blog avec la démonstration que le web informatif est toujours vivant et que l’interactivité peut encore de nos jours (heureusement !) être innovante.

Que vous soyez graphiste, journaliste, développeur web, ou une équipe de tout ça, jetez un oeil sur cette magnifique page qui raconte de manière intelligente (éditorialement et graphiquement) les 100 ans de la marque de pneumatiques Yokohama Tyres.

 Le Design est imprégné des vieux journaux et magazines…

page_web_effetmag

 

Mais la page prends vie au fur et à mesure que l’on la consulte / ou qu’on la « scrolle* »

Avec un fil d’images chronologiques qui vous suit et change tout au long de l’histoire/ la page :

vue page yokohama tyres 100 ans avec gommette contextuelle

ou des camemberts statistiques qui s’animent en temps réel :

camembert statistiques animé

ou encore des galeries photos incrustées dans la page:

galerie photos incrustée dans page web

 

Une prouesse éditoriale et technique, un format idéal pour présenter reportages et documentaires en ligne en 2018

(un oeil au code source vaut évidemment la peine**).

Allez voir la page:

Yokohama 100th Anniversary Special Webpage / Page spéciale 100è anniversaire de Yokohama:

Permalink : http://specials.yokohama-online.com/100-years/

Geri.

* »scroller »: anglicisme (de l’anglais « scroll » « scroll down ou scroll up) qui signifie descendre ou remonter le long d’un page web

** pour accéder au code source d’une page web (depuis un PC) faites clic-droit « Voir le code source de la page » ou bine CTRL U


Revue de web, recommandation : un article de synthèse sur la conception de sites d’informations mobiles

15-avril-2012 / Un article bien complet sur les contraintes de la création web pour dispositifs mobiles. Cela fait près de dix ans que les formats et supports se cherchent pour s’extraire de l’ordinateur- de bureau ou portable- très proches eux pour les coups pour ce qui concernent les contraintes décrites dans l’article que je vous propose aujourd’hui.

Si vous cherchez à construire des sites d’informations pour iphone, ipad ou autres dispositifs mobiles et tactiles, lisez :

Créer un site Web mobile, approche pragmatique par Lektum (août 2011)

 

Bisch bàll
Géraldine


Les 90 meilleurs modèles wordpress pour votre magazine en ligne

Salut tout le monde !
D’abord désolée de n’avoir presque rien publié ces derniers mois. Pas faute de scruter et tester le web. Simple manque de temps. Je pensais écrire un post bilan et nouvelle année mais le rythme est déjà repris.

A la recherche d’un CMS pour mon propre magazine en ligne, je me suis mise à refaire un tour de l’existant. Les solutions CMS permettent de publier des articles en ligne en temps réel sans avoir besoin de connaître le code html des pages web et sans développement graphique ou transferts serveurs.
L’article suivant datant du 13 décembre 2011 présente les 90 meilleurs modèles wordpress disponibles pour produire et publier votre magazine en ligne

VO anglais:

90 Best WordPress Newspaper Theme Gallery
by Dustin Betonio on December 13, 2011
Permalink :
http://www.tripwiremagazine.com/2011/12/wordpress-newspaper-theme.html

Notons que wordpress est traditionnellement préféré pour les sites d’information, mais que d’autres modèles et plateformes existent: Joomla, Spip, Typo3, etc. Avec quelques connaissances de base en code et fonctionnement de serveurs web, vous pouvez même créer votre propore maquette à partir du modèle ou la solution de gestion du site (CMS) que vous aurez choisie… Je posterai en commentaire mes futures trouvailles CMS Presse

À bientôt

Géraldine


Choisir son player flash mp3, pas une mince affaire

Chers étudiants bonjour.

Vous savez mon affection pour la (web)radio et nous avons eu l’occasion de passer en revue les différentes étapes de la création audio numérique à destination des ondes ou des tuyaux optiques. Pour les besoins simples en diffusion online je vous recommande toujours chaudement le dewplayer d’Alsacréations. J’ai cependant parfois quelques petits soucis de streaming pour les playlists (intégrées directement ou gérées à partir d’une playlist xml). Je suis donc à la recherche de nouveaux lecteurs flash gratuits qui me permettent de proposer une interface simple d’utilisation avec integration de playlist. Pas trouvé encore, mais cet article recense bon nombre d’outils flash similaires à dewplayer.

Article principal pour ce post:

10 Easy to implement flash based mp3 players for your website

Je m’apprête à tester celui-ci: http://www.flabell.com/files/336_e2103_6a9ffc1095381f1e27c6c0520aa041bc/deploy/index.html

L’intérêt de la gestion de la playlist via un fichier xml est essentiellement celui de pouvoir mettre à jour votre feed radio sans avoir à toucher de pages web. Il suffit de supprimer ou ajouter une piste à votre fichier xml (texte basique) et de le publier sur votre serveur web (serveur http distant) pour mettre à jour votre programmation radio.

Résultat du test d’intégration à suivre…

G.G.

Autres posts IC2T en rapport avec ce sujet:


presse /dossier de l’asfored sur l’avenir du métier de fabricant dans l’édition

Vous connaissez sans doute le site de l’Asfored (en particulier sa rubrique « offres d’emploi » !!). Dans sa newsletter de juillet, l’association consacre un dossier (et des formations) à l’avenir du métier de chef de fabrication sous le titre « Le fabricant d’aujourd’hui et de demain ».A lire, juste après l’arrivée (enfin!) des tablettes électroniques (tablettes e-reader) sur le marché et des directives de l’Union européenne qui en changent aussi les règles (et c’est tant mieux pour la planète?) ; passionnant ce que pourra(ient) apporter les nouveaux supports de l’édition et de la presse couplés au Web démocratisé.

A bientôt !

Asfored, newsletter #21, juillet-septembre 2011
dossier: « Le fabricant d’aujourd’hui et de demain »
url: http://www.asfored.org/lettre/article21.html?nl=209


Un blog dédié au référencement de sites web

Un blog plein d’informations et outils utiles pour s’initier au vocabulaire technique et techniques de référencement de sites web. PLUS MIS A JOUR DEPUIS 2009 CEPENDANT. Mais un bon point d’entrée pour comprendre pourquoi et comment fonctionnent et évoluent les moteurs de recherche et comment s’y adapte l’écriture web.

 http://www.perinard.com/


Apprendre à programmer en Python aux enfants de 8 ans et plus

Un livre électronique imprimable, vraiment bien fait:

Apprendre à coder en Python aux enfants de 8 ans et plus (v.o. en anglais par Jason R. Briggs)- Adaptation et version française par Michel Weinachter ; livré sous licence creative commons 3.0 – (versions espagnole et allemande également disponibles).
télécharger : http://code.google.com/p/swfk-fr/downloads/detail?name=swfk-fr_0.0.9.pdf


asciifaces.com, savoir coder les smileys

Pour se détendre un peu et enrichir sa culture et sa maîtrise du web : www.asciifaces.com, un chouette site pour apprendre le sens et l’e-calligraphie des émoticônes.

http://www.asciifaces.com/


[videotutoriel] Intégrer un son dans une page web ou un blog 2/2

Image de prévisualisation YouTube


[videotutoriel] Intégrer un son dans une page web ou un blog 1/2

Image de prévisualisation YouTube


1234

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