Le blog des studios photo et de création - Mot-clé - Web design<p class="site-baseline"><em>Informations en lien avec la photographie studio & immobilière, et la création web.</em></p>2024-03-18T17:55:01+01:00AKZurn:md5:76e9d976274a0398c002b40414c64da1DotclearA Kom Z sur l'autoroute du web depuis 21 ans !urn:md5:ca7a4e1dbadd9ded585578c6d4ba00a12020-03-26T18:02:00+01:002022-02-17T09:45:51+01:00Alice AupademerInternetCréation de site internetWeb design<p><a href="https://www.blbs.fr/post/Le-studio-de-creation-internet-A-Kom-Z-a-21-ans"><img alt="Site internet A Kom Z en 2020" class="media" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/A-kom-Z-site-internet-2020.com.jpg" style="margin: 0px auto; display: table;" /></a></p>
<p style="text-align: center;">Une très bonne occasion d'évoquer le logiciel "Freeway" qui a accompagné le studio dans la création de centaines de sites internet ou de chartes graphiques pour le web depuis 1999...</p> <h2>Le "far web"</h2>
<figure style="float: left; margin: 0 1em 1em 0;"><img alt="Google en 1999" class="media" height="264" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/google-en-1999.jpg" style="margin: 0px auto; display: table;" width="330" />
<figcaption><em>Le moteur de recherche google en 1999</em></figcaption>
</figure>
<p>C'est le 1er mars 1999 que le <a href="https://www.a-kom-z.com">studio de création A Kom Zanzibar</a>, spécialisé dans la <a href="https://www.a-kom-z.com/creation-site-internet/">création de sites internet</a>, <a href="https://www.a-kom-z.com/logotype-charte-graphique/">la création de logotypes et d'identité visuelle</a> ainsi que dans l'édition publicitaire, à vu le jour.</p>
<p>Pour l'anecdote, le premier coup de téléphone reçu ce jour là était une commande d'une agence de publicité lyonnaise pour la réalisation d'un site internet pour le Groupe Gerland, dont vous pouvez voir le tout premier design dans cet article.</p>
<p>Google était encore en version beta et les connexions étaient encore plutôt lentes pour la plupart des internautes malgré l'arrivée toute récente de l'ADSL !</p>
<p>A l'époque beaucoup de sites internet étaient encore très simples, il s'agissait de pages contenant un texte avec un fond de page répétitif, des petites images et des boutons parfois très moches <img src="https://www.blbs.fr/?pf=wink.svg" alt=";-)" class="smiley" /><br />
Des sites internet vitrines de 3 pages étaient vendus 3000€ par un opérateur téléphonique national... quand A Kom Z réalisait des sites complets et graphiques pour la moitié de ce prix !</p>
<p>En utilisant dès 1999 une toute nouvelle application, d'origine anglaise, Freeway 1.0 qui ressemblait beaucoup au logiciel de PAO Xpress, il devenait possible pour un graphiste PAO ne connaissant pas le langage html de créer des sites internet avec une mise en page sophistiquée proche d'une <a href="https://www.a-kom-z.com/edition/">affiche ou d'une plaquette publicitaire pour l'édition</a>.</p>
<h2>Ce que vous voyez est ce que vous obtenez</h2>
<p><img alt="Site internet du Groupe Gerland créé par A Kom Z en 1999" class="media" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/Site-internet-Groupe-Gerland.jpg" style="margin: 0 auto; display: table;" /><br />
<em>Le tout premier site internet créé par A Kom Z en mars 1999 réalisé avec Freeway 1.0</em></p>
<p>Par opposition aux applications traditionnelles de programmation qui s'apparentaient souvent à de simples traitement de textes, Freeway était ce qu'on appelle une application <strong>wysiwyg</strong>, acronyme de la locution anglaise « <strong>w</strong>hat <strong>y</strong>ou <strong>s</strong>ee <strong>i</strong>s <strong>w</strong>hat <strong>y</strong>ou <strong>g</strong>et » qui signifie « <strong>ce que vous voyez est ce que vous obtenez</strong> ». L'application générait automatiquement le code html, en respectant au plus près la mise en page, donc celui-ci était parfois un peu "alambiqué" pour un codeur html exigeant...<br />
<br />
<img alt="Le site a-kom-z.com en l'an 2000" class="media" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/A-kom-Z-site-internet-2000.jpg" style="margin: 0 auto; display: table;" /><em>Le site internet du studio web A Kom Z présentant ses premières références web en l'an 2000 et sa déclinaison Halloween du 1er Novembre</em></p>
<h2>Le tisserand de rêve</h2>
<p>Le logiciel le plus en vogue à l'époque, <strong>Dreamweaver, "Tisserand de rêve"</strong> créé en 1997, faisait la synthèse pour la première fois entre une application de codage classique et une application wysiwyg plus moderne mais si il permettait de coder entièrement un site en html ou php, il était beaucoup moins performant pour sa partie wysiwyg que ne l'était <strong>Freeway, "l'Autoroute"</strong>.</p>
<p><em>La traduction littérale en français du nom de ces deux applications aurait pu être inversée tant elle correspondait le mieux à leur utilisation ! </em></p>
<p>Dreamweaver n'était pas très à l'aise pour afficher dans son interface les mises en pages comportant beaucoup de calques superposés (la balise <layer> de l'époque à d'ailleurs disparue, remplacée plus tard par les <div>). <em><a href="https://www.alsacreations.com/article/lire/534-Quelle-est-la-difference-entre-un-div-et-un-calque.html" target="_blank">En savoir plus sur l'origine des calques</a>.</em></p>
<p>Le studio utilisait ces deux applications en complément : Freeway pour créer le design, la mise en page et des gabarits de pages pour Dreamweaver afin pour pouvoir ajouter des fonctionnalités de programmation plus poussées et des développements php pour les bases de de données.</p>
<h2>Freeway, une interface parfaite !</h2>
<figure style="margin: 0 auto; display: table;"><img alt="Interface de Freeway Pro 5.5" class="media" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/Freeway-Pro-interface-A-Kom-Z.jpg" />
<figcaption>Interface wysiwyg de Freeway Pro 5.5</figcaption>
</figure>
<p>Freeway, comme toutes les applications de mise en page pour la PAO, affichait la mise en page sous forme de blocs et intégrait en plus un navigateur permettant de visualiser immédiatement le résultat de la création, y compris les animations en flash.</p>
<p>L'interface de Freeway, mélangeant une barre latérale multifonctionnelle, un sytème d'onglets et des palettes mobiles extrêmement compactes comme Xpress, s'inspirait aussi d'interfaces d'Adobe Illustrator/Photoshop tout en respectant les préceptes d'Apple. Les palettes elles étaient extrêmement bien pensées car leur contenu s'adaptait en fonction du type de blocs sélectionnés. Il serait très long de décrire la richesse de fonctionnalités et la justesse de leurs implémentation dans l'interface du logiciel, sans oublier la multitude de raccourcis claviers.<br />
<strong>Il s'agit assurément de la meilleure et de la plus agréable interface d'application que nous ayons utilisée, tous logiciels confondus !</strong></p>
<p>A Kom Z s'était mis très tôt en contact avec les développeurs de l'application Freeway Pro afin de leur faire remonter des suggestions d'améliorations et quelques dysfonctionnements, participant aussi bénévolement pendant plusieurs années à l'élaboration de tutoriaux en français pour l'utilisation des extensions qui augmentaient les fonctionnalités de cette application.<br />
Freeway Pro à été mise à jour jusqu'à sa version 7 qui intégrant l'html 5 et permettant <a href="https://www.a-kom-z.com/creation-site-internet/creation-site-internet-lyon.html">la réalisation de sites internet en responsive design</a>.<br />
En 2017 l'entreprise Softpress qui développait ce logiciel à cessé son activité, victime probablement de l’émergence et de la généralisation des CMS et des <a href="https://www.a-kom-z.com/creation-site-internet/creation-site-internet-wordpress-lyon.html">sites administrables Wordpress</a>.</p>
<p><em>En 2020, l'application essaie de renaitre de ses cendres sous le nom de <a href="https://www.softpress.com">Xway (beta) sur le site de l'éditeur</a>.</em></p>
<p>Pour le fun, pour les moteurs de recherche <img src="https://www.blbs.fr/?pf=wink.svg" alt=";-)" class="smiley" /> et aussi une peu pour l'histoire du web, A Kom Z à "désarchivé" récemment quelques-unes des plus <a href="https://www.a-kom-z.com/creation-site-internet/webdesigner-site-internet-lyon.html" hreflang="fr" title="Webdesign et chartes de sites internet de sites vitrines">anciennes chartes graphiques web et design de sites internet</a> réalisées avec Freeway au début des années 2000.</p>Relooking du site des Régies de l'Opéra à Lyonurn:md5:57977faae4616ad310563d51a349096f2012-01-03T19:54:00+01:002020-12-12T10:31:22+01:00Alice AupademerInternetCréation de site internetWeb design <p><img alt="RDO" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/RDO-A-Kom-Zanzibar-Lyon.jpg" title="RDO" /></p>Réalisation de 2 sites internet dans l'immobilierurn:md5:c8fb2d99a39df18b9227f69d0faf95232010-01-01T15:13:00+01:002020-12-12T11:02:14+01:00Alice AupademerInternetCréation de site internetWeb design <p><a href="https://www.blbs.fr/public/AKZ/creation-internet-lyon/Les-regies.jpg"><img alt="Les Régies de l'Opéra" src="https://www.blbs.fr/public/AKZ/creation-internet-lyon/Les-regies.jpg" title="Les Régies de l'Opéra" /></a></p>
<p>A Kom Z à réalisé et mis en ligne les sites internet des agences immobilières Les régies de l'Opéra à Lyon et Faure Immobilier à Grenoble.</p>Reportage On Stage Production pour la chaîne Cap Canalurn:md5:bbd31947b59af2642efc5ddbf6d416b52008-11-14T00:43:00+01:002024-03-17T14:05:50+01:00Alice AupademerMediasCréation de site internetWeb design <p>Extrait de l'émission "<strong>Les Métiers de Typhus </strong>: Rome ne s'est pas faite en un jour" avec le web designer Thierry Allard.</p>
<p>
<video controls="controls" poster="https://www.blbs.fr/public/Medias/cap-canal-metier-web-designer.jpg" width="100%"><source src="https://www.blbs.fr/public/Video/Webdesigner_onstage.mp4" type="video/mp4" /></video>
</p>
<p>Tournée en juin 2008 dans les nouveaux bureaux de notre studio de création rue Léon Blum à Villeurbanne pour une émission destinée à faire connaître de nouveaux métiers aux enfants de 7 à 12 ans.<br />
Sujet : <a href="https://www.blbs.fr/tag/Web design">Web Designer</a></p>
<p><a href="https://www.blbs.fr/public/Video/Webdesigner_onstage.mp4">Reportage On Stage</a></p>
<p>® <a href="https://www.onstage.fr" hreflang="fr">On Stage Production</a> 2008 - Extrait publié avec leur aimable autorisation.</p>A Kom Z s'installe rue Léon Blum à Villeurbanneurn:md5:fb08bc69edd9de9a680568a4615913572007-03-01T22:58:00+01:002020-12-12T10:43:59+01:00Alice AupademerA Kom ZCréation de site internetWeb design<p><img alt="" class="media" src="https://www.blbs.fr/public/AKZ/blb-01.jpg" style="margin: 0 auto; display: table;" /></p>
<p style="text-align: center;">Après 3 mois de travaux, A Kom Zanzibar s'installe dans ses nouveaux locaux.</p> <p><strong>A Kom Zanzibar</strong><br />
29, rue Léon Blum<br />
69100 Villeurbanne<br />
pour nous contacter : <a href="https://www.a-kom-z.com/contact/" title="Contacter A Kom Z">A Kom Z</a></p>