ホーム (初心者向け パソコンソフト ホームページ作成支援)>初心者向け パソコンソフト ホームページ作成支援の詳細表の作成 フロントページエクスプレス編


表の作成 フロントページエクスプレス編
 

サイトマップ(ナビゲーション)は各ページの下の部分にあります。

  初心者向け パソコンソフト ホームページ作成支援  合理主義   国益  伝統 藤原 正彦  情緒 004 005 006  

表の作成 フロントページエクスプレス編

next= 合理主義   国益 伝統

以下は ホームページ マニュアル - 初心者の方に向けた簡単ホームページ無料作成入門 http://kuro.suppa.jp/beginner/level7-4.htm の全文引用です。

 
ホームページ マニュアル>レイアウトを決めよう!
◆レイアウトを決めよう!フロントページエクスプレス編
◆表の作成

 1.表を作りたいところにカーソルを持っていき、ツールバーの表 のボタンを押すと、下の表エディタが出てきます。

表の作成

 2.ドラッグで大きさを指定し、(表の編集を覚え る為、3×3にしておいてください。)

表の作成

 3.ドラッグを解除すれば下の表が出来上がります 。

表

消 したい時は表を指定する必要があります。

 1.表の枠線にポインタを持っていくと、矢印に変 わります。

表の選択

 2.左ク リックして……

表の選択

 3.ドラッグして範囲を指定します。

表の選択

なお、縦方向にも選択できますので、状況に応じて活 用してください。

表の選択

表を選択した状態で、Deleteを押せ ば表を削除できます。

◆行・列の挿入

サンプルは3行×3列ではなく8行×4列なので行と列を加えてみま しょう。
行を加えたい所にカーソルを持って行き、

 表>行または列の挿入を選択。

表>行または列の挿入

すると、下のダイアログが開きます。

行または列の挿入 加えたい場所を上下で選んで、行数を指定すればいいだけです 。簡単ですね。

列の場合は列を選択し、左右を選んで列数を指定です。

これで8行×4列にしてみましょう。

逆に削除をしたい場合は、行を指定して、Delete。 列も同じです。

行の選択  表の選択

表が出来上がったら文字と画像を使って 自分の自己紹介を入力してみましょう。
またアイコンはいちいち画像を挿入するのはめんどくさいので、一個挿入したらコピーして、【Ctrl】 +【V】で貼り付けるのが簡単です。
この通りに入力ではなく、項目を加えたり無くしたりして自分のプロフィールをテーブルで作ってみて ください。

名前 クロ
性別
誕生日 秘密
性格 めんどくさがり屋(その割に凝り性)
血液型 B型
好きなもの 平和
嫌いなもの ノーテン
一言 白馬に乗った王女様、待ってます。

ブラウザ上では枠線は表示されません。
サンプルとは位置が違いますね。
次は表の編集です。

◆表の編集

表の中にカーソルを持って行き、右クリック>表のプロパティを選択 すると、下のダイアログが表示されます。

表のプロパティ ◆表の配置
左寄せ、センタリング、右寄せと同じです。

◆外枠のサイズ
外枠のサイズが枠線の太さ
0にすると枠線はブラウザ上で消えます。
セル内のスペースはセルの中の余白
罫線のサイズはセル同士の距離です。

◆幅の指定
表全体の横幅の大きさを指定。
パーセントとピクセル単位で指定できます。

◆ユーザー設定の背景
テーブルの背景色、背景画像を指定出来ます。

ユーザー設定の色を使うと、表に立体感を出せます。

罫線の色のみ設定 罫線+明るい罫線 罫線+暗い罫線
     
     
     
     
     
     
     
     
     

 サンプルでは
表の配置=中央
外枠のサイズ=0
セル内のスペース=2
罫線のサイズ=0
幅の指定=指定無し
背景=白(#ffffff)
にしています。

自分の個性で色々と試してみてください。

◆セルの編集

表はセルごとに細かい設定が出来ます。

 カーソルをセル内に持っていき、右クリック>セルのプロパティ  で下のダイアログが開きます。

セルのプロパティ

◆レイアウト
文字や画像の配置を決められます。
横位置は右寄せ、センタリング、左寄せ。
縦位置も上中下に設定できます。

横の配置は表の選択
表の選択表の選択の状態で センタリングでも設定可。

◆幅の指定
パーセントとピクセル単位でセルの大きさを指定できます。

◆ユーザー設定の背景
セル内の背景色、背景画像を指定できます。

◆ユーザー設定の色
セルの枠の色です。表のものと同じですが、セル枠の色は影 となるので明るい罫線は右下、暗い罫線が左上、と逆になります。

セルのスパンは使わなくていいです。

◆セルの分割、 結合

こちらの表を見てください。

イチローの成績(2005〜2004)
年度 打率 HR
2005 303 15
2004 372

一番上のイチローの成績と書かれたセルが一つにつながってますね。
この様にセルをつなげる事も出来ます。

まず横一行のセルを結合したい場合。

 1.結合をしたい行を選択。

表の選択

 2.メニューバーの、表>セルの結合で完了です。列もやり方は同 じです。

逆に分割したい場合は、

 1.分割したいセルにカーソルを持っていってメニュー バーの、表>セルの分割を選択。

セルの分割

 2.セルの分割のダイアログが開くので、分割する方向と数を入れ てOKで完了です。

フロントページエクスプレスは簡単なので必 要ないかもしれませんが、他にもこんな方法でレイアウトを決めれる例として下のものも紹介します。

表の中に表を挿入する事も出来ます。
上のイチローの表を例とすると、横の場合は、2行×1列の表を作って、下のセルに3行×3列の表( テーブル)を挿入。

 
     
     
     

縦の場合は、1行×2列の表を作って、右のセルに4行×2列の表( テーブル)を挿入。

 
   
   
   
   

あくまでレイアウトとしての表なので枠線を消してしまえば見た目は 判りません^^;
色々組み合わせてみてください。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
   
 

以上 ホームページ マニュアル - 初心者の方に向けた簡単ホームページ無料作成入門 http://kuro.suppa.jp/beginner/level7-4.htm の全文引用でした。

next= 合理主義   国益 伝統

SITE MAP 

初心者向けホームページ作成支援 サイトマップ・ナビゲーション)

  初心者向け パソコンソフト ホームページ作成支援 合理主義   国益  伝統 藤原 正彦  情緒 004
詳細はこちら⇒初心者向け パソコンソフト ホームページ作成支援

スパイウェア、フリーウェア、ホームページ作成無料ソフト

思考

藤原正彦

株式日記

illumina
サイトマップ
リンクについて

Windows、カスタマイズ

合理主義

論理と情緒

MouRa|宮崎学、直言|宮崎学責任編集「直言」

募集

加工、文字入れ、アクセスアップ

国益 伝統

国益

六星占術

  005 006     
 

パソコンが起動しない! 

クッキーの語源 

   
 

ロゴ&バナー無料自動作成 

Cookieの説明 

 

 
 

FC2 SEO対策 - キーワード出現率チェッカー 

インターネット安全利用ガイド-Cookie(クッキー)

   


★サイト内検索