Anthologie Web



Historique de mes créations Web

Voici un sommaire de mes créations sur une période de plus de 20 ans, de 1996 à 2017.

La liste n'est pas exhaustive puisque j'ai travaillé sur plus de trois cents projets différents depuis mes début sur Internet en 1994 à Québec.

Très peu de mes sites on eus des modules Flash, surtout pour des raisons de sécurité, mais aussi pour éviter l'ajout obligatoire de lecteurs supplémentaires sur l'ordinateur des clients. Adobe donna raison en 2005 à bien des concepteurs qui partagaient mon point de vue, en cessant toute commercialisation de leur application Flash et en poussant l'arrivée du HTML et CSS3. Microsoft suivi cette décision quelques années plus tard en adoptant aussi HTML5 de façon formelle.

Notez aussi qu'avant l'arrivé du CSS3 et des balises associés au @media queary, balises facilitant grandement l'adaptabilité des sites aux multiples plateformes modernes, beaucoup de concepteur comme moi utilisèrent des propriétés de la balise DIV pour construire des sites dits fluides. Ces sites avaient la capacité de toujours utiliser la surface totale d'un écran, donc apparence convenable des pages sur les portables comme sur les postes fixes. Pour les tenants du marketing, avantage indéniable!

Tous mes sites furent fabriqués sous trois marques de commerce qui m'ont appartenues: IMAGITRON, ABCI Web et BERA Multimédia

L'anthologie divise mes réalisation en 3 groupes:

  • A - Les plus récents capable d'être affichés sur écrans ultra larges, avec une résolution de 1600 à 2450 pixels (21" to 27")
    La plupart sont aussi adaptifs (anglais: responsive) et contiennent des balises CSS3 capable de modifier les affichages pour les petits appareils tels les téléphone et tablette tactiles.

  • B - Les sites pour les écran moyens dont beaucoup sont enore en usage aujourd'hui, de 1280 à 1400 pixels (16" to 20")

  • C - Les ciste conçus dans les débuts d'Internet pour les écrans des années 90 à 2000, de 800 à 960 pixels (11" to 15")


Autres informations utiles:

  • Applications pour le design: Photoshop, Fireworks, Illustrator
  • Integration par codage direct du HTML et CSS: Adobe Brackets
  • Integration en wysiwyg du HTML, CSS et JS: Dreamweaver, Front Page, Netscape, GoLive




. . .


image
Versailles
Site complètement adaptif via CSS pour toutes plateformes includant les tablettes et téléphones
Code Bootstrap par Theme Forest
Date de création: 2017
HTML5 & CSS3 sous @media query
Intégration et Photographie: BERA Multimédia


image
BERA Multimedia (version Behance)
Site complètement adaptif via CSS pour toutes plateformes includant les tablettes et téléphones
Code Bootstrap par Theme Forest
Date de création: 2016
HTML5 & CSS3 sous @media query
Intégration et Photographie: BERA Multimédia


image
Natalya Bronzova
Site complètement adaptif via CSS pour toutes plateformes includant les tablettes et téléphones
Code Bootstrap par Theme Forest
Date de création: 2017
HTML5 & CSS3 sous @media query
Intégration et Photographie: BERA Multimédia


image
AWHAI
Site complètement adaptif via CSS pour toutes plateformes includant les tablettes et téléphones
Date de création: 2016
HTML5 & CSS3 sous @media query
Intégration et Photographie: BERA Multimédia See actual site


image
AN Studio
Site complètement adaptif via CSS pour toutes plateformes includant les tablettes et téléphones
Date de création: 2016
HTML5 & CSS3 sous @media query
Intégration et Photographie: BERA Multimédia See actual site


image
Natasha Andreyshenko
Design pour écran large et tablette seulememt
Date de création: 2015
HTML4.7 & CSS2.2
Création et Intégration: BERA Multimédia See actual site


image
Beriault Photos
Design pour écran large et tablette seulememt
Date de création: 2013
HTML4.7 & CSS2.2
Photos, Création et Intégration: BERA Multimédia


image
ALCC
Site fluide s'adaptant à toutes les tailles d'écran portable et poste fixes
Création, Logo et Intégration: ABCI Web
Date de création: 2012
HTML4.7 & CSS2
See actual site


image
Dobrota
Site fluide s'adaptant à toutes les tailles d'écran portable et poste fixes
Création, Logo et Intégration: ABCI Web
Date de création: 2012
HTML4.7 & CSS2
See actual site


image
Limonade A Gogo
Site fluide s'adaptant à toutes les tailles d'écran portable et poste fixes
Création, Logo et Intégration: ABCI Web
Date de création: 2011
HTML4.7 & CSS2
Photographie: BERA Multimedia


image
Nicole Dravigne
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2011
HTML4.7 & CSS2


image
Gregory Pototsky
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2006
HTML4.7 & CSS2


image
Resurrection
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2008
HTML4.7 & CSS2

Photography: BERA See actual site, still functional after 8 years


image
ENAP Diplomes
Site fluide s'adaptant à toutes les tailles d'écran portable et poste fixes
Création, UX-UI et Intégration: ABCI Web
Date de création: 2008
.NET, HTML4.7 & CSS2
CMS Netedit by Onyris


image
ENAP Cerberus
Site fluide s'adaptant à toutes les tailles d'écran portable et poste fixes
Base de données SQL
Création, UX-UI et Intégration: ABCI Web
Date de création: 2008
.NET, HTML4.7 & CSS2
CMS Netedit par Onyris


image

St-Peter & St-Paul Cathedral
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2010
HTML4.7 & CSS2
CMS Wordpress


image

Madam Lita Shoes
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Site is PHP with SQL driven transaction
Création, Logo et Intégration: ABCI Web
Date de création: 2010
SQL, HTML4.7 & CSS2
CMS Wordpress
Photographie: BERA Multimedia


image
Best Link Films
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2008
HTML4.7 & CSS2


image
Universal Artistik
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2008
HTML4.7 & CSS2


image
Exotec
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2007
HTML4.7 & CSS1


image
Globefash
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2007
HTML4.7 & CSS1


image
CREXE
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 2007
HTML4.7 & CSS1


image
ENAP CVISE
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 2007
HTML4.7 & CSS1
CMS Netedit by Onyris


image
ENAP Intro page
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 2006
HTML4.7 & CSS1
CMS Netedit by Onyris


image
Natalya Bronzova
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2006
HTML4.7 & CSS1


image
Monika Nussbaumer
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2005
HTML4.7 & CSS1


image
IMO Montreal
Site de taille fixe à 1280 mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2004
HTML4.7 & CSS1
CMS Wordpress


image
Russia Album
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2004
HTML4 & CSS1


image
Jardins Innovation
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création, Logo et Intégration: ABCI Web
Date de création: 2002
HTML4 & CSS1


image
ACELF
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: IMAGITRON
Date de création: 2003
XML, HTML4 & CSS1
CMS Wordpress


image
Gyrotrack
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: IMAGITRON
Date de création: 2002
HTML3 (styles codés à même les balises HTML)


image
Centre Robert Giffard
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 2001
HTML3 (styles codés à même les balises HTML)


image
CFE
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 2001
HTML3 (styles codés à même les balises HTML)


image
ENAP version 1
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Élément d'animation en JavaScript (point rouge + nom de l'entreprise)
Date de création: 2000
HTML3 (styles codés à même les balises HTML)


image
SPEQM
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 2000
HTML3 (styles codés à même les balises HTML)


image
Faculté de Génie - U.Laval
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
MCréation et Intégration: ABCI Web
Date de création: 1999
HTML3 (styles codés à même les balises HTML)


image
Faculté de Biologie - U.Laval
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 1999
HTML3 (styles codés à même les balises HTML)


image
Faculté de Biochimie - U.Laval
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 1998
HTML3 (styles codés à même les balises HTML)


image
Sitraco
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 1998
HTML2.2 (styles codés à même les balises HTML)


image
ABCI Web
Site de taille fixe à 960px mais le fond s'adapte à tous les écrans
Création et Intégration: ABCI Web
Date de création: 1996
HTML2.2 (styles codés à même les balises HTML)