閉じる
閉じる
閉じる
  1. 新世代Web制作テクニック総特集 スマートフォン ソーシャルメディア …
  2. 本格ビジネスサイトを作りながら学ぶWordPressの教科書
  3. スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅惑の副…
  4. パソコン教室で受講料70万円で得た知識
  5. アフィリエイトの達人が教える! 月収別成功体験
  6. ポイントメール受信で稼ぐ わくわくメール
  7. メール受信でお金を稼ぐ GetMoney!
  8. チューニングDIYハンドブック Vol.2
  9. WordPress 3.x デザイン&カスタマイズ スタイル…
  10. Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン…
閉じる

TAKUMI1202.COM

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

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]

関連記事

  1. CSS3 スタンダード・デザインガイド

    CSS3 スタンダード・デザインガイド

  2. Photoshopレッスンブック

    Photoshopレッスンブック CS4 CS3/CS2/CS/…

  3. Illustrator アイコン・マーク・ロゴデザイン

    Illustrator アイコン・マーク・ロゴデザイン

  4. facebookデザインブック

    facebookデザインブック

  5. プロクリエイターの作例に学ぶ XHTML+CSS達人テクニック

    プロクリエイターの作例に学ぶ XHTML+CSS達人テクニック

  6. HTML & スタイルシート デザインブック

    HTML & スタイルシート デザインブック

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る