【未経験からWebデザイナーへの道】29、30日目

29、30日目

昨日から課題に取り掛かった。

課題内容について

課題内容としては、前回の課題であるPhotoshopでデザインした自身のプロフィールをHTML,CSSでコーディングを行い、実際にWebサイトにするというもの。これまでの授業で行っていたカフェサイトの作成を参考に、自由に制作を行い、最終的に講師からOKが出れば完了。
チェック項目としては以下が挙げられた。
・他の人のPCでも問題なくサイトが見れること。
・HTML/CSSに文法ミスがないこと。
・アクセシビリティガイドラインのAをクリアすること。

事前準備

事前準備として、まずはファイル構成の整理を行った。
Webサイトの作成はファイル構成が大切(ファイル構成を誤るとサイトが正しく表示されなくなる等の不具合が生じる)であると学んだため、使用する画像やcssのファイルをどこで管理するか自分なりに整理を行った。

HTMLの記述

続いてHTMLの制作に入った。
まずは授業で行ったカフェサイト制作のHTMLを参考にしないで作成をしてみた。結果としてはクラスを指定すべき箇所が一部抜けていたり、リストが正しく設定できなかった。上記のような細かい部分の修正は必要になったものの、ある程度の形は作成できたため、反省はしつつ切り替えて一つ一つ覚えていこうと思う。
CSSは惨敗する気しかしない。。

明日の予定

本日記述したHTMLに対し、CSSで装飾を行う予定。

この記事が気に入ったらサポートをしてみませんか?