ピアノ発表会
coding
これから紹介するのは私が職業訓練中に作った作品集です。
3ヶ月の間に作った作品をこのページにまとめました。このページ自体はリキッドレイアウトとレスポンシブデザイン、にしています。また、レスポンシブデザイン、リキッドレイアウトのfont-size設定をしやすくする試みとして全体のfont-sizeを設定したあとに各部分のfont-sizeをemで設定してみました。どうぞご覧ください。

一番最初にHTMLを勉強しました。Terapadを使って手打ちでコードを打っていたのでタグの意味がわからないうちは大変でした。授業の最後に一枚のチラシをみてパソコンで見れるようHTMLに変換しました。

次にPhotoShopの授業をしました。私はデザインをしたことがなかったのでとても戸惑いました。授業の最後に簡単な仕様書を元にデザインカンプを作る実習を行いました。コーディングをまだ練習してない時だったので画像のサイズなど精細さにかけていたと感じています。

デザインとHTMLのコーディングを学んだのでDreamweaverを使った既存サイトの更新方法を学びました。授業の最後に自分で用意した画像と差し替えを行ったり、リンクが切れているページのリンクの修正、新しいページの追加をする実習を行いました。

CSSを使ったコーディングの方法を学びました。プログラムの知識が少しだけあるのでコーディングはあまり戸惑いはありませんでした。デザインのあるもののコーディング、1枚ページ・複数ページの作り方を学び、授業の最後には一枚ページ・複数ページのデザインからコーディングまでをする実習を一人で行いました。このページも作品の一つです。

デザインとCSS,HTMLのコーディングの勉強が終わったので最後にグループ制作を行いました。グループで調整しながら同時進行で作業をするのは難しく、サイトも今までの規模より大きなものだったので初めの計画がとても重要だと感じました。
また、レスポンシブも組み込んだのでそちらにも悩まされました。
どうでしたでしょうか?拙いもので申し訳なかったのですが、最後まで見ていただきありがとうございました。