Webサイトパフォーマンス最適化講座

概要

Webサイトパフォーマンス最適化講座は、Webサイトの高速化やIA（インフォメーションアーキテクチャ）などを駆使し、さまざまな視点からホームページを「最適化」する手法を学びます。

この講座で、できること

• Webサイトの表示をスピードアップする手法を身につけます。
• サイト内の情報を見つけやすくするために、IA（インフォメーションアーキテクチャ）の手法を習得します。

こんな方におすすめします

• Webサイトを最適化して、閲覧者が使いやすいホームページを作りたい方。
• Webサイトのパフォーマンスを上げて、ページ閲覧速度やSEOなどを改善したい方。

Webサイトの「最適化」手法を学びます

Webサイトを最適化する手法を、さまざまな視点から学びます。

表示速度の最適化

Webページの表示速度を上げることで、SEO（サーチエンジン最適化）対策になるのはご存知ですか？ 表示を速くすることで、訪問者が「待てずに離脱してしまう」ことも防げます。

ブラウザーがどのようにページを表示するのかその特性を把握し、無駄をなくして表示スピードを最適化します。

サイト内情報検索の最適化

訪問者にとって、Webサイト内の情報が見つけやすく、探しやすくなっていますか？

訪問者の行動を予想して情報を整理したり、わかりやすいナビゲーションを設計することはとても重要です。サイト設計で最低限必要な IA（インフォメーションアーキテクチャ）の手法を理解しましょう。

「よい例・悪い例」で具体的に改善！

Webサイトパフォーマンス最適化講座は講義が中心となりますが、制作手法を確認するための実習や「よい例・悪い例」、チェックシートを使ったデザイン改善のワークショップも実施します。

講座ではAdobe DreamweaverやFireworksを使用しますが、基本機能が中心ですので、他ソフトでも同等に対応できます。

コースカリキュラム

具体的な方法を学んで、すぐに実践

Webサイトパフォーマンス最適化講座では、「表示速度の最適化」と「サイト内検索の最適化」のふたつを中心に学習します。

表示速度最適化

• Webページの表示速度最適化とは？
  • 何故、行う必要があるのか？
  • 表示速度を決める基本概念
  • ツールを使った表示速度診断
• HTTPリクエストを減らすには
  • 読み込み外部ファイルの最適化
  • CSSスプライト
  • 画像ファイルの最適化
  • CSSコードの最適化

サイト内検索最適化

• ユーザー導線を明確に
  • ユーザーの入口と出口を決める大切さ
  • ターゲットユーザーから見る導線
  • アクセス解析を活用する
  • 実例から見るユーザー導線
• 情報が探しやすいサイトマップ作り
  • サイトマップの基本パターン
  • カテゴリ決定の重要性
  • 実例から見るサイトマップ
• ナビゲーションを選ぶ
  • ナビゲーションの基本パターン
  • 実例から見るナビゲーション
  • ワイヤーフレームを作る

講座では操作するソフト（テキスト編集ソフト）としてAdobe Dreamweaver CS5を使用しますが、基本的な機能のみ使用しますので、他ソフトでも同等の操作は可能です。

講師

スケジュールにより講師が変更になる場合があります。あらかじめご了承ください。

FAQ

 

受講前

ホームページを作成したことがありませんが、受講できますか。

いいえ、ホームページ作成の経験がある方を対象としています。HTMLやCSSなどの知識がない方は、まずは初心者向けのプロの使い方を学ぶ Adobe Dreamweaver CS5 入門講座を受講ください。

講座全般や受講環境については受講FAQ（よくあるご質問）にてご説明しています。合わせてご確認ください。

関連用語・キーワード

CSSスプライトとは

CSSスプライト（CSS Sprite）とは、ひとつのファイルで複数の画像が表示できるように設定し、ファイルの読み込みにかかる負荷を軽減させる手法です。

細かいファイルをダウンロードすると「HTTPリクエスト（ブラウザーからサーバーへデータを要求すること）」が増加し速度が遅くなるため、CSSスプライトを利用してリクエストを少なくし、レスポンスや速度を向上させます。

IA（インフォメーションアーキテクチャ）とは

IA（情報アーキテクチャ：Information Architecture）とは、情報を閲覧者にわかりやすく・探しやすく設計するための表現手法（考え方）です。

たとえばホームページで一般的な「ナビゲーションメニュー」ひとつ取っても、並び方や文字の書き方、グループの分け方などで使い勝手が大きく変わります。

IAを考慮しないで適当に作成すると、ユーザーが「必要な情報を見つけられず、そのままページを閉じてしまう」ことも考えられるため、Webサイト設計において非常に重要な要素となっています。

フォローアップ

m-Schoolとは？

m-School（エムスクール）は、Adobe製品を中心とした最新のIT技術を習得できる、プロフェッショナルのための研修トレーニングセンターです。

詳細ははじめての方へ m-Schoolのご案内にてご紹介中です。

短期集中で受講

講座ごとにお申し込みいただく短期集中システムのため、入学金は必要ありません。

「あなたが今、必要とする講座」に、すぐに受講できます。

アドビ認定トレーニングセンター

インストラクターの資格やトレーニングコース、設備のすべてにおいて高い水準を維持していることが認められ、アドビ認定トレーニングセンター（AATC：Adobe Authorized Training Center）として認可を受けています。

駿台予備学校でおなじみ、駿河台学園が運営

駿河台学園グループのIT教育専門会社であるSATTが運営しています。教育専門機関ならではの、質の高い「教育サービス」を提供する「安心」と「信頼」をご提供します。

日程・お申し込み

Webサイトパフォーマンス最適化講座

講座情報	講座番号	DWAN
	講座名	Webサイトパフォーマンス最適化講座
	講座種別	m-School 入門
	実習	パソコンを使った実習があります
	カテゴリー	Web制作
	企業研修	対応していません m-Schoolの企業研修
講座日数	日数	1日
	受講時間	13:00～18:00 （12:40より受付）
	総時間	5時間（1日5時間×1日間）
	再トレ	対応講座です 再トレとは
開催場所	会場	m-School （エムスクール） 〒101-0061 東京都千代田区三崎町1-3-12 水道橋ビル8階 m-Schoolへのアクセス・地図
	PC環境	Microsoft Windows XPまたはVistaを使用します（日程により環境が異なります）。Apple Macintoshをご利用の方でも、ツールの基本操作やユーザーインターフェースはWindows版とほぼ同等ですので、安心してお申し込みください。
	持参物	受講証（お申し込み時にメールでお送りします） 筆記用具 USBメモリー（講座で作成したファイルをお持ち帰りになる場合）
価格	受講料	36,750円 （税込）
	セット割	対応していません セット割とは
	早割	対応講座です 早割とは
	お支払い	お振り込み
	特典	講座テキスト

前提条件

講座を受講するうえで、下記の知識・経験が必要になります。

前提条件

基本操作	下記のようなWindowsの一般的な操作ができる。 マウス操作（クリック、ダブルクリック、ドラッグ） フォルダ操作（作成、名前の変更、コピー） テキスト操作（入力、フォント変更、フォントサイズ変更）
プログラミングの経験	必要ありません。
デザイン制作の経験	必要ありません。
ネットワークの知識	必要ありません。
Webページ制作の経験	日頃からWebサイト制作の業務を行っている。 HTMLとCSSのソースコードをある程度理解できている。
	実習はキーボードからの文字入力が多くなります。
	講座では操作するソフト（テキスト編集ソフト）としてAdobe Dreamweaver CS5を使用しますが、基本的な機能のみ使用しますので、他ソフト（Codaなど）の経験があれば問題ありません。

おすすめ講座

受講する前・受講した後にオススメしている講座です。

受講前・受講後にオススメの講座

この講座を受講する前にオススメ	HTMLやCSSの知識が不安な方は、まずはプロの使い方を学ぶ Adobe Dreamweaver CS5 入門講座で、基礎を習得してください。
この講座を受講した後は、これが最適	CSS3の基礎情報や、iPhoneサイトの作り方などを学んでおきたい方は、ここがすごい！CSS3入門講座がオススメです。

Webサイトパフォーマンス最適化

講座一覧へ