閉じる
閉じる
閉じる
  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. よくわかるPHPの教科書

    よくわかるPHPの教科書

  2. WordPressブログサイト構築入門

    いま一番わかりやすいWordPress日本語版でブログサイト構築…

  3. 初めてでもできる Perl CGI 即効サンプルブック

    初めてでもできる Perl CGI 即効サンプルブック

  4. Perlの絵本

    Perlの絵本

  5. PHP逆引きレシピ

  6. フリーフォント パーフェクトコレクション

    誰でもデザインの腕が上がる! フリーフォント パーフェクトコレク…

コメント

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

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

ページ上部へ戻る