ホーム > FrontPageExpress講座 >

ホームページの表とは計算をしたりするわけではありません。凝ったレイアウトにするためには必ず表が必要になります

表とは? ★★

表の挿入 ★★★

行・列の挿入 ★★★

先ほど↑上で作成した表に行を挿入します。

     
     
いずれかのセルにカーソルを移動させます

メニューバーの<表>→<行又は列の挿入>

開いたダイアログボックスには<行>と<選択範囲の下>にチェックが入っていると思いますので行数のみ入力してみて下さい。例「2」行
     
     
     
     
どうですか?カーソルの下に2行追加されました。これを応用して、列の追加(縦のラインです)や選択範囲の上等試してみてください。

行・列の削除 

マウスカーソルを上、又は左の端に近づけるとマウスカーソルが矢印に変わります。そこでクリックするとその行が範囲指定されますので【Del】キーを押すと削除されます。

セルの背景変更 ★★★

表はセル単体での背景編集が可能なため見やすい構成が可能です
では、ちょっと試してみましょう。以下の献立表をカットアンドペーストでFrontPageExpressに貼り付けて下さい

8/11 8/12 8/13 8/14
カレー 肉じゃが シチュー サンマ
福神漬 スープ サラダ 大根下ろし

 

日付のセルを別の色にしてみましょう。


マウスを日付の一番左に持ってきたらマウスポインタの形状が<>に変わりますので左クリックすると日付のセルが範囲設定されます。

指定した範囲の上で右クリック→現れたメニューの<セルのプロパティ>を選択
<背景の色>が現在<標準>になっているはずですので、<黄緑>に変更し<OK>をクリック




「もしくは、背景に画像を使いたい場合・・・」
これは、後で説明します。
8/11 8/12 8/13 8/14
カレー 肉じゃが シチュー サンマ
福神漬 スープ サラダ 大根下ろし
ちょっと見やすくなりました。

セルに背景画像  ★★

<背景の色>の上に<背景の画像を使用する>の項目があります。そうです。画像も挿入出来るのです。

名前を付けて画像を保存画像
画像の挿入にはまず、画像ファイルが必要です。
←この画像の上で右クリックし<名前を付けて画像を保存>適当な名前(アルファベット)を付けてホームページのフォルダ内に保存して下さい
先ほどの手順で範囲を指定し(今度はメニューの方を指定します shiftキーを押しながらクリックすると複数行の指定が出来ます)
<背景の画像を使用する>にチェックを入れ<参照>で画像ファイルを指定します。


8/11 8/12 8/13 8/14
カレー 肉じゃが シチュー サンマ
福神漬 スープ サラダ 大根下ろ
出来ましたか?


以下のサイトでいろいろなホームページ用素材が公開されてます。試してみて下さい。
ホームページ素材集リンク
G-TOOL
Webデザイン素材-anyway

レイアウトを整える ★★

表はレイアウトを整える場合に利用します。いくつかの例をあげてみます。

  テーブル素材の活用

表を使うことによってもっとお洒落なページが出来ます。慣れてきたら参考にして下さい

枠無し(標準表示) 枠付き(分かりやすいように枠を表示)
  
    ここに文章が入ります    
  
  
   ここに文章が入ります   
  
 
  ここに文章が入ります  
 
 
  ここに文章が入ります  
  

 

バナー かわいいテーブル素材がそろってます。
みにかのお部屋 テーブル素材のほか、GIFアニメなどかわいい素材があります。


<--前ペ−ジ トップ 次ページ-->

ホーム > FrontPageExpress講座 >