ホームページ作成機能>ホームページを作ってみよう>事例(1) テーブルの行を追加する
MENU
よくある事例(1) --- テーブルの行を追加する ---

議事録や機関紙のバックナンバーなど、既に作成してあるテーブルに新たに行を追加し、そこにリンクを貼り付ける方法を説明します。
*ここではリンク先のファイルは予め「ファイル管理」画面を使ってアップロード済みされているものとします。

例:行事日程表に行を追加する  
変更前のテーブル 変更後のテーブル
変更前の画面 変更後の画面
 
テーブルの最下に行を追加する

まずはテーブルの最下に行を追加してみましょう。
  ページエディタ ページエディタを開きます。
   
  行を挿入 最下行のいずれかのセルにカーソルを合わせた状態で右クリックをし、「行」>「行の挿入」を選択します。
 
  行挿入後の画面 一番下に行が追加されました。
  文字入力後画面 追加した行(最下)に文字を入力します。
     
ヘッダーの下に行を追加する

ヘッダー部(グレーの部分)の下に行を挿入してみましょう。

  行を挿入する ヘッダー(グレーの行)のいずれかのセルにカーソルを合わせた状態で右クリックをし、「行」>「行の挿入」を選択します。
     
  行挿入後画面

ヘッダーの下に行が追加されました。

*行の挿入を行うと、上の行の配置・色を引き継いだ行が追加されます。

  文字入力後画面 追加した行に文字を入力します。
     
  セルプロパティを開く 行の背景色がグレーになっているのでこれを修正します。

"月日"列のセルを選択した状態で右クリックをし、「セル」>「セルプロパティ」を開きます。
     
  背景色をクリアする 「背景色」欄に入っている値"#cccccc"を削除し、「OK」ボタンをクリックします。
     
 
背景色クリア後の画面
背景色を全てクリアした画面
"月日"列の背景が白くなりました。
同様の手順で他のセルの背景も設定します。
     
  セルプロパティを開く "行事"、"場所"、"出席者"の横の整列が中央になっているのでこれを修正します。

"行事"列のセルを選択した状態で右クリックをし、「セル」>「セルプロパティ」を選択します。
     
  横の整列変更 「セル横の整列」を中央から左に設定し、「OK」ボタンをクリックして画面を閉じます。
     
 
横整列変更後の画面
全ての横整列変更後の画面
"行事"列の整列が左になりました。

同様の手順で"場所"、"出席"の整列を左に修正します。
     
リンクを設定する

文字列にファイルへのリンクを設定します。

  リンク挿入画面 リンクを割り当てる文字列(例では"こちら")を選択して反転させた状態で「リンク挿入/編集」アイコンをクリックします。 
  サーバーブラウザーを開く ハイパーリンク画面が表示されるので、「サーバーブラウザー」ボタンをクリックします。
     
  ファイルを選択する 事前にアップロードしておいたファイルを選択し、「選択して閉じる」ボタンをクリックします。
     
  リンク設定OK ハイパーリンク画面に戻るので「OK」ボタンをクリックして画面を閉じます。
     
  リンク設定完了 "こちら"という文字列にリンクが設定されました。

プレビューしてみて問題がなければ「保存」ボタンを押してページエディタ画面を閉じてください。
 



ホームページ作成機能>ホームページを作ってみよう>事例(1) テーブルの行を追加する
MENU