• 
  

  企業サイトのHP

  • 企業サイトのHP作成課題。用意してある画像と要素を使い見本を見ながらコーディングしました。
  • 使用ソフト:Photoshop
• 
  

  季節のケーキ

  • 文字ツールを使って限定商品のバナーを作りました。ワープテキストで文字を曲げたりカーニングで文字を詰めたりして見やすくしました。
  • 使用ソフト:Photoshop
• 
  

  ロフトサイト制作

  • Photoshopのスライス処理、カンプから画像をスライスしてコーディングをしました。基本的なツールの使い方とグリッドデザインを学びました。
  • 使用ソフト: Dreamweaver、Photoshop
• 
  

  positionを使ったレイアウト

  • positionを使ったレイアウトでMENUとロゴがどのページへ行っても固定してあります。
  • 使用ソフト: Dreamweaver、Photoshop
• 
  

• 
  

  1カラムレイアウト

  • 1カラムレイアウトの練習課題です。用意してある画像と要素を使い1からコーディングしました。
  • 使用ソフト: Dreamweaver
• 
  

  建築散歩

  • 授業内課題の2カラムレイアウトページです。
  • 使用ソフト: Dreamweaver
• 
  

  レスポンシブデザイン

  • メディアクエリーを使い、各種デバイス(スマートフォン、タブレット、パソコン)に対応させたレスポンシブサイトです。グリッドデザインの練習もかねています。
  • 使用ソフト: Dreamweaver
• 
  

• 
  

  2カラムレイアウト

  • 2カラムの基本構造を理解するための課題演習です。用意された要素と画像を使いながらコーディングしました。
  • 使用ソフト: Dreamweaver
• 
  

• 
  

• 
  

  .htaccess

  • .htaccessでPCサイト用とスマートフォンサイト用を作りました。html,cssは二種類作りディバイスで切り替わるようになっています。
  • 使用ソフト: Dreamweaver
• 
  

  アニメーション

  • Flashのアニメーション。flashで作ったアニメーションをhtmlとJavascriptの書き出しました。
  • 使用ソフト: Dreamweaver
• 
  

  枝豆隊長

  • アスキーの記事を参考に授業内で制作したレスポンシブページです。可変レイアウトで画像もブラウザのサイズとともに拡大縮小します。
  • 使用ソフト: Dreamweaver
• 
  

copyright@ayakurosawa