Microsoft Office Online
Office Online にサインイン (サインインとは?) | サインイン

 
 
Microsoft Office FrontPage
検索
検索
 
新製品: (c) Microsoft
次世代製品のご紹介
以前のバージョン: (c) Microsoft
以前のバージョンの製品情報
更新プログラムの確認: (c) Microsoft
Office のダウンロード
 
 
 
ヘルプと使用方法
バージョンの選択
関連製品とテクノロジ
以前のバージョン
製品サポートとフィードバック
技術リソース
その他のリソース
注意: このページはサポートされていない Web ブラウザで表示されています。この Web サイトは、Microsoft Internet Explorer 6.0 以降、Firefox 1.5、または Netscape Navigator 8.0 以降を使用すると、正しく表示されます。 サポートされているブラウザの詳細情報
印刷用ページの表示印刷用ページの表示 ブックマークを設定して共有共有
HTML テーブルを習得する
 
両手を広げた意欲的な男性: (c) Stockbyte/PictureQuest

HTML テーブルは、Web ページをデザインするときに最もよく使用されている手段かもしれません。

そして率直に言うと、HTML テーブルは、Web ページのデザインにおいて最も面倒な部分でもあります。

HTML テーブルを使用したことがあれば、スペースが多すぎたり、足りなかったり、あるいはコンテンツを調整するとすべてのセルがずれてしまったりといった経験があるのではないでしょうか。なぜこういうことが起きるのでしょうか。

Microsoft Office FrontPage® 2003 および FrontPage 2002 は、HTML テーブルを簡単に操作するための各種の機能を備えています。ただし、詳しい説明がないと、どこから手を付けてよいのかわかりにくいかもしれません。ここで説明するさまざまな情報やトレーニングから始めると、HTML テーブルについてよく理解することができます。

HTML テーブルを理解するためのトレーニング コース

FrontPage を使用して見栄えのよい Web ページをデザインするには、HTML テーブルの動作をきちんと理解しておく必要があります。以下の対話形式のトレーニング コースでは、初歩的な操作からテーブルを使ったページ デザインの方法まで、あらゆることについて説明します。

注意  以下のトレーニング コースでは、FrontPage 2003 または Office 2003 がご使用のコンピュータにインストールされている必要があります。

コース 内容
HTML 形式の表 I: 基本的な概念 基礎: 単純な HTML テーブルの挿入方法、テーブル タグの説明、プロパティを変更する方法を学習します。
HTML 形式の表 II: 表とセルの幅 HTML テーブルの動作: テーブルの幅が変わるしくみと、テーブルの外観を思いどおりにしあげる方法を学習します。このコースは、ページ レイアウトをデザインする方法を理解するうえで必須です。
HTML 形式の表 III: レイアウト テーブルでページをデザインする 優れた機能: レイアウト テーブルを使ってページをデザインする方法、およびトレース用イメージを使ってレイアウトを開始する方法を学習します。
HTML 形式の表 IV: ページ レイアウトに書式設定としあげを行う しあげ: レイアウト テーブルの書式を設定して見栄えをよくする方法、色、スタイル、およびプロ並みのテクニックを追加する方法、テーブルのサイズを自動的に調整する方法を学習します。

ひとめでわかるテーブルの効果

テーブルが使用されているクールなサイト

FrontPage ユーザーが作成した見栄えのよいサイトをご覧ください。これらのサイトではテーブルが使用されています。同じように、テーブルを使ってサイトを作成してみましょう。

HTML テーブルの基礎

テーブル タグの詳細、またはテーブルおよび DHTML の使用方法については、MSDN® の以下の記事を参照してください。

テーブルの操作方法

FrontPage 2003

FrontPage 2002

FrontPage 2003 を使用するためのヒント

  • レイアウト テーブルまたはセルのサイズの変更中に、Alt キーを押すとスナップを変更できます。
  • ページの左余白を広くするには、Web ページの余白を 0 に変更します。
  • ルーラーの 0,0 点を変更するには、ページ上で何かを選択します。次にルーラーをマウスの右ボタンでクリックし、[選択範囲から初期値を設定] を選択します。
  • <テーブル> タグをすばやく編集するには、テーブルを選択して、Ctrl キーと Q キーを同時に押します。
  • ページをデザインするための領域を広くするには、Alt キーを押しながら F1 キーを押してフォルダ一覧を非表示にします。また、Ctrl キーを押しながら F1 キーを押すと、作業ウィンドウを非表示にできます。
  • 他の解像度でページが表示されない場所を確認するには、ページ ビューでページ サイズを変更してみます。

ショートカット キー

  • テーブルを挿入するには、Shift キーと Ctrl キーと Alt キーを押しながら T キーを押します。
  • 次のセルの内容を選択するには、Tab キーを押します。
  • 前のセルの内容を選択するには、Shift キーを押しながら Tab キーを押します。
  • 選択範囲を隣接するセルに拡張するには、Shift キーを押しながら方向キーを繰り返し押します。
  • 列を選択するには、列の一番上または下のセルでクリックして、Shift キーを押しながら上方向キーまたは下方向キーを繰り返し押します。
  • テーブルのプロパティを表示、編集、または設定するには、テーブルを選択して、Alt キーを押しながら Enter キーを押します。

テーブルに代わる手段

HTML テーブルはセルに情報を表示する場合に便利ですが、Web ページのデザインに最高の手段とは言えません。HTML テーブルに代わる優れた手段としてカスケード スタイル シート (CSS) 配置があります。

参照
広告
印刷用ページの表示印刷用ページの表示