{"id":901,"date":"2026-03-18T23:22:27","date_gmt":"2026-03-19T03:22:27","guid":{"rendered":"https:\/\/kgladhill.dectim.ca\/tp2-ep\/?p=901"},"modified":"2026-05-04T10:53:58","modified_gmt":"2026-05-04T14:53:58","slug":"portfolio-2","status":"publish","type":"post","link":"https:\/\/kgladhill.dectim.ca\/tp2-ep\/2026\/03\/18\/portfolio-2\/","title":{"rendered":"webHax"},"content":{"rendered":"\n
\n
\n

webHax<\/h1>\n\n\n\n

Korinna Gladhill<\/h2>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/span>
\n
\n

Projet scolaire
<\/h2>\n\n\n\n

Le mandat de ce projet consistait \u00e0 cr\u00e9er l\u2019identit\u00e9 visuelle d\u2019une conf\u00e9rence fictive et d\u2019int\u00e9grer mon design par la suite en HTML, en CSS et en JavaScript .<\/p>\n\n\n\n

<\/p>\n\n\n\n

    \n
  1. <\/li>\n<\/ol>\n\n\n\n
    \n

    Le site est fictif mais l’importance de ce type de site est r\u00e9el.<\/h3>\n<\/div>\n<\/div>
    \"\"<\/figure><\/div>\n\n\n\n
    <\/div>\n<\/div><\/div>\n\n\n\n
    <\/span>
    \n

    Processus de cr\u00e9ation<\/h2>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n

    Planification et structuration

    <\/h3>\n\n\n\n

    En ayant l\u2019id\u00e9e globale en t\u00eate, j\u2019ai choisi quelques couleurs qui constituent le site au complet, ainsi que plusieurs gabarits de styles visuels, nottament pour les typographies, d\u00e9grad\u00e9s, radius, etc.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n

    Design<\/h3>\n\n\n\n

    J\u2019ai ensuite proc\u00e9d\u00e9 au design g\u00e9n\u00e9ral du site web, en format desktop et mobile, en int\u00e9grant tous les styles \u00e9tablis \u00e0 l\u2019\u00e9tape pr\u00e9c\u00e9dente.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n

    D\u00e9veloppement<\/h3>\n\n\n\n

    L\u2019int\u00e9gration et la programmation du site \u00e9taient les choses qui prenaient le plus de temps parce qu\u2019il y avait beaucoup de d\u00e9tails et de d\u00e9fis.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    <\/span>
    \n

    Outils et logiciels utilis\u00e9s<\/h2>\n\n\n\n
    \n
    <\/div>\n\n\n\n
    <\/div>\n<\/div>\n\n\n\n
    \n
    \n

    R\u00f4le et contribution<\/h3>\n\n\n\n
      \n
    1. Design fait par moi, wireframes fournis<\/li>\n\n\n\n
    2. La grande majorit\u00e9 du code a \u00e9t\u00e9 effectu\u00e9 par moi, avec un stack cr\u00e9\u00e9 par les enseignants du cours<\/li>\n\n\n\n
    3. Choix des visuels, des textes et des images fait par moi<\/li>\n<\/ol>\n<\/div>\n\n\n\n
      \n

      Logiciels<\/h3>\n\n\n\n
      \n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n
      \n