【WEBデザイン学習日記-91】 全ページコーディング完成！
12/8（金）～の12/10（日）の学習日記です。年内にWEBデザイン案件を1つ取る！という目標達成のために個人制作物のコーディングを一旦ストップし、11/3からポートフォリオのデザイン開始、約3週間デザインブラッシュアップに費やし、11/26からコーディング開始、12/10に全てのコーディングを完成しました。
☆★☆ ☆★☆ ☆★☆
2023年12月8日（金） 5つ目の下層ページのコーディング：40分
今日の夜は久々に外食に出かけていたので（1週間遅れの子供の誕生日ディナー）帰りが21時半近くになってしまいましたが、お風呂に入ってから5つ目の下層ページのコーディングを40分ほど進めてから寝ました。毎日短時間でもパソコンに触るようにしています。
☆★☆ ☆★☆ ☆★☆
2023年12月9日（土） 3つの下層ページのコーディング完成：6時間45分
ショックな出来事が！
朝、お菓子を食べてたら、ガリッ・・・奥歯の銀のかぶせ物が取れました😢
最近間食が多くて体重が増加気味なので戒めのために取れたのでしょうか💦
夕方何とか頼み込んで予約を取りました（とても混んでいるようでかなり待たされそう）が、削られたら嫌だなぁ。。。あの音を想像すると鳥肌が立ちます。病院の中で歯医者が一番苦手です。
昼からはコーディングの続き。スキルのページで左端に寄ったままびくともしなかったタイトルですが、親要素にtext-alignのcenterをかけたらすんなり中央に寄りました！下層ページがどんどん増えてくるとclass名が分からなくなってきて命名に頭を悩ませます。気づかないうちに同じ名前をつけていることも多々あります。
WEB制作の紹介ページも3つ全てコーディングが終わり、バナー制作の紹介下層ページに入りました。
親要素にflexをかけているのに、左側のDivの箱と右側のDivの箱が横並びにならず、おかしいなとじっくり自分の書いたコードを見ていくと、左側のDivの閉じタグがなかった・・・・閉じタグをつけて更新するとやっと横並びに。
CSSが効かない時、私の場合は疑う点はたいていこの３つだと最近気づきました。
①スペルミス ②閉じタグがない ③同じclass名が使われている
夕方にバナー制作の下層ページも完成！これで8ページある下層ページの内、7ページが完成しました。残すは一番長くてコーディングが難しそうな箇所が１つあるABOUTのコーディングのページのみ。
（数時間後）
夕方歯医者に行ってきました。1時間待ちで銀のかぶせ物をまたつけてもらいました。また取れるようなら今度は新しく作り直しとのこと。ひとまずこれで一安心。また美味しいお菓子を食べられます♪
夜は長いABOUTのページのコーディング。難しい箇所も苦戦はしましたが、上手くコーディングできました。デザイン時に、コーディングのことも頭の片隅に置いてデザインしていたこともあり功を奏しました。
細切れではありますが７時間近くコーディングしてもうすぐ完成が見えてきました。気づけば23時過ぎ。そろそろNetflixを見ながら寝たいと思います。
おやすみなさい。
☆★☆ ☆★☆ ☆★☆
2023年12月10日（日） 全ページのコーディング完成：4時間半
今朝は天気もよく、副業案件は提出済みだし、コーディングも順調に進んでいるので久々にお出かけしてきました。美味しいものを沢山食べ歩きし、久々に観光客気分を味わってきました。これからは気分転換も兼ねて地元を色々探索したいと思います。ポートフォリオのABOUTのプロフィール写真がなかったので、今日いい写真が撮れました。
昨日から取り掛かっているポートフォリオ最後のABOUTのページのコーディングが無事終わり、これでTOPページ＋8ページの下層ページ全てのコーディングが完成しました！11/26からコーディングを開始し、2週間でコーディング完成できました。
夕方は全ページのhtmlコードを綺麗に調整（いらないクズタグを消したり、ずれている段落をきれいに調整）、それぞれのページを微調整（余白やフォントサイズなど）し、ついにコーディング全て完成しました～。楽しかった。
明日からはレスポンシブ対応ができそうか（オンライン授業でここが難しかった記憶があります。忘れてしまっているのでまた学習動画で復習です）やってみたいと思います。
明日からまた仕事なのでそろそろ寝ます。おやすみなさい。
☆★☆ ☆★☆ ☆★☆
＜12/9（土）～12/15（金）の学習目標＞
・下層ページを全て完成させる →完成しました
・全ページの余白の微調整 →完成しました
・レスポンシブ対応 →復習しながらやってみたいと思います
＜今後の目標＞
★ 2023年12月末までにポートフォリオを完成させ、WEBデザインでの副業案件を１つ取る！
★ 2024年3月までに今までの経験を活かし、今後にもつなげられる仕事に転職する
★ WEBデザインの学習と制作活動は地道に続けながら少しずつ実績を積む
★ １月28日のTOIEC試験で800点以上を取る
#転職
#海外
#オンライン
#Webデザイン
#主婦
#制作
#Photoshop
#未経験
#学習日記
#クリエーターズファクトリー
#デザイン
#Figma
#初心者
#コーディング
#ポートフォリオ
この記事が気に入ったらサポートをしてみませんか？