書籍概要

Webデザイナー養成講座

ジンドゥークリエイター 仕事の現場で使える! カスタマイズとデザイン教科書

著者
発売日
更新日

概要

KDDIウェブコミュニケーションズが提供するCMS「ジンドゥークリエイター」。本書は「標準レイアウト」を使用した見映えのよい動きのあるサイトの作成(カスタマイズ)と,「独自レイアウト」でジンドゥーシステムを使いながらより自由度の高いレイアウトを実現する方法を解説する,2部構成の書籍です。スモールビジネスオーナーを顧客とする制作会社のwebデザイナの方や自社のビジネスサイトを自ら構築したいwebサイト担当者の方に向けて,工数の少ないシステムでありながら本格的かつデザイン性の高いサイトを作成できる方法を,Jimdo Expertのデザイナー陣が伝授します!

こんな方におすすめ

  • webサイト制作会社のデザイナー
  • 自社のビジネスサイトを自ら構築したいwebサイト担当者

サンプル

samplesamplesamplesamplesample

目次

[PART1 ジンドゥークリエイターの基礎知識編]
CHAPTER 01 ジンドゥークリエイターを活用する準備

  • SECTION 01 ジンドゥークリエイターの特長
  • SECTION 02 ジンドゥーアカウントの取得とサイト登録
  • SECTION 03 ジンドゥークリエイターの管理画面と基本機能

CHAPTER 02 カスタマイズとオリジナルデザインの制作で知っておくこと

  • SECTION 01 2つのサイト制作方法
  • SECTION 02 カスタマイズに必須のHTML仕様を理解する
  • SECTION 03 カスタマイズ用コードを追加する
  • SECTION 04 デザインの確認とデベロッパーツールの活用

[PART2 標準レイアウトのカスタマイズ編]
CHAPTER 03 標準レイアウトでのサイト制作とCSSを使ったカスタマイズ

  • SECTION 01 標準レイアウトでウェブサイトの骨格を作る
  • SECTION 02 スタイル機能を使ってウェブサイトの見た目を整える
  • SECTION 03 CSSを使ってカスタマイズする

CHAPTER 04 jQueryを使ったカスタマイズ

  • SECTION 01 jQueryを使ってウェブサイトの文書構造を変更する
  • SECTION 02 jQueryを使ってナビゲーションをカスタマイズする
  • SECTION 03 jQueryを使って要素をふわっと表示する

CHAPTER 05 スマートフォン表示の最適化

  • SECTION 01 ジンドゥークリエイターの仕様を確認する
  • SECTION 02 CSSでスマートフォン表示を整える

[PART3 独自レイアウトの作成編]
CHAPTER 06 独自レイアウトの基礎知識

  • SECTION 01 独自レイアウトとは
  • SECTION 02 独自レイアウトの編集画面
  • SECTION 03 独自レイアウトのコーディング
  • SECTION 04 独自レイアウト専用の機能
  • SECTION 05 独自レイアウト制作の注意点

CHAPTER 07 独自レイアウトでのウェブサイト制作<基本編>

  • SECTION 01 独自レイアウトをはじめるための準備
  • SECTION 02 ウェブサイトの枠組みを作る
  • SECTION 03 ヘッダーエリアを作る
  • SECTION 04 ナビゲーションを作る
  • SECTION 05 フッターを作る
  • SECTION 06 トップページのコンテンツを作る

CHAPTER 08 独自レイアウトでのウェブサイト制作<応用編>

  • SECTION 01 独自レイアウトによる本格的なウェブサイト制作
  • SECTION 02 テンプレートの構造と仕組みを理解する
  • SECTION 03 テンプレートをジンドゥーへ移行する
  • SECTION 04 画像を表示させて独自レイアウトを完成させる
  • SECTION 05 各ページのメインコンテンツを制作する

付録

  • APPENDIX 01 ジンドゥークリエイターの基本操作
  • APPENDIX 02 ホームページの移動手続き

サポート

ダウンロード

(2020年1月10日更新)

本書のサンプルおよび学習ファイルをダウンロードできます。圧縮ファイルをダウンロードしていただき,適宜解凍してご利用ください。

以下の手順にてダウンロードをお願いします。

  1. 下の枠内に「ID」と「パスワード」を入力してください。本書P.007に記載されている「ID」を[ID]欄に,「パスワード」を[パスワード]欄にそれぞれ入力してください。
  2. [ダウンロード]をクリックしてください。

商品一覧