JavaScript プログラマのためのWebデザイン入門

JavaScriptだけでなく、Photohshop、GIMPでのロゴなどの素材作成から、HTML、cssまでの手順にして説明されている一冊です。

Chapter1　Web素材を作成するソフトウェアについて

• グラフィックソフトウェアの基本と共通概念
• ソフトウェアの紹介

Chapter2　スイーツを販売するECサイトをデザインする

• ストライプ柄の背景画像を作成する
• コンテンツエリアを作成する
• 再とナビゲーションを作成する
• サイトロゴをデザインする
• メインの写真を加工する
• サムネイル画像のフレームを作成する
• 「詳細を見る」ボタンを作成する
• 色相を変えたカラーバリエーションを作成する
• 完成したデザインを書き出す

Chapter3　YouTube動画を紹介する個人サイトをデザインする

• 背景画像を作成する
• サイトロゴを作成する
• ナビゲーションを作成する
• コンテンツの見出しを作成する
• YouTube動画のキャプチャ画像を貼り付ける
• フッターエリアを作成する
• 必要なグラフィックパーツを最適化して保存する

Chapter4　DVD・ミュージックCDを紹介するブログサイトをデザインする

• 背景画像を作成する
• サイトロゴを作成する
• 記事エリアとナビゲーションを作成する
• 記事タイトルを作成する

Chapter5　ダイナミックなWebページを作成するには

• XHTML + CSS
• CSS + jQuery

Chapter6　スイーツを販売するECサイトを作成する

• PhotoshopでデザインしたECサイトのXHTML版を作成する
• ECサイトの商品画像を拡大したりエフェクトを適用して切り替える
• ECサイトの商品画像をスライドさせてダイアログに拡大表示する

Chapter7　YouTube動画を紹介する個人サイトを作成する

• GIMPでデザインしたサイトのXHTML版を作成する
• YouTubeのData APIを利用して動画を検索して表示する
• YouTubeの動画をjQueryのプラグインで表示する

Chapter8　DVD・ミュージックCDを紹介するブログサイトを作成する

• GIMPでデザインしたサイトのXHTML版を作成する
• jQueryのプラグインでMP3ファイルを再生する
• AmazonからDVD・ミュージックCDを検索して表示する

索引

[googlead]