sakie koyasu

積み上げてかたちづ創れ

Early Traning

Design Comp

Update Traning

Personal Study

Group Study

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

Early Traning

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

ピアノ発表会

ピアノ発表会

coding

ギッタンバッコン発電機

ギッタンバッコン発電機

coding

Design Comp

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

Cozy chat

Cozy chat

Design

Update Traning

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

ローズガーデン

ローズガーデンRico

Design and Update

個人製作

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

exercise

Exercise

Coading with Dreamweaver

pickls

Pickels

design and cording

キョウリツデイサービス

キョウリツデイサービス

design and cording

グループ制作

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

effect up

effect up

cording and responsive

どうでしたでしょうか?拙いもので申し訳なかったのですが、最後まで見ていただきありがとうございました。