★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【よくある質問】 【あなたのお手伝い】
 

ホームページの作り方|テーブルの書き方

 
ホーム はじめに 講座の効果 作成実績 受講者の声 パーツ集 ホームページ基礎講座 スマホサイト作成講座 テクニック集
 
 
 
 
 

第3回: ホームページの本文とテーブルの書き方について

ホームページの本文とテーブルの書き方 について、ご説明します。


動画を見る
 
(上記の動画が見れない方は、こちらの大きな動画 をご覧ください)



【目次】ホームページの本文とテーブルの書き方について

 
  • 動画で話している内容について(テキスト)
  • ホームページの本文とテーブルの書き方のポイント

 

動画で話している内容について(テキスト)

第3回目の講座は、「ホームページの本文とテーブルの書き方について」というテーマで、ホームページの形を作るために大切なテーブルをご説明します。


まず、サンプルページを右クリックして「ソースの表示」をクリックします。

第2回目講座で、ヘッダーについてご説明させていただきましたが、今回は、ヘッダーの下の、ホームページの本文についてご説明します。




ホームページの本文は、body というタグで囲みます。

body から、一番下のスラッシュ(/)を含めたbody までの間に、本文の情報を掲載するようにします。


ホームページの外枠を作ろう!

次に、ホームページの外枠を作ります。

ホームページの外枠は、テーブル(table)というタグを使います。




最初に外枠を作っておくと、とてもホームページが作りやすくなりますし、ホームページを見てくれる人が、見やすいホームページを作ることができます。


それでは実際に、ホームページを作ってみたいと思います。
デスクトップ上に、index.htmlという名前でファイルを保存します。




そして、デスクトップ上のindex.htmlを開きます。

ただ、今は情報が書かれていないので、少し文章を追加します。




こうすることで、ホームページ上に文章と枠が表示されます。




【注意】
ホームページの画面を更新するには、「更新ボタン」をクリックします。 なお、更新ボタンの場所は、「更新ボタンの場所が分からないときの対処方法」 のページをご覧下さい。


また、ホームページの外枠は、widthで指定した数字箇所を変更することで、変えることができます。




現在は、width=”770”となっています。この設定については、700~800ぐらいにした方が良いです。

その理由は、人によっては「お気に入り」を画面の左側に表示している人がいるためです。 右側の情報が見づらくなってしまうため、width の設定は700~800くらいで設定しましょう。

【補足】
最近は、パソコンの画面(モニター)の横幅が大きいので、ホームページの横幅は、800~900くらいにしても問題ありません。


枠を作る、table(テーブル)タグについて

次に、テーブルのご説明をさせていただきます。

まず、外枠の線の太さを変更するには、数字箇所を「3px」などに変更してあげることによって、外枠の線を太くすることができます。




色を変えてあげる場合は、redとすることによって、枠の色を赤くすることができます。

また、背景の色を変更するには、bgcolor を silver などに変更してあげます。




こうすることで、背景をシルバーに変更することができます。




このように、ホームページはテーブル(table)を使って枠を作ることによって、見やすいホームページを作ることができます。

なお、このテーブルの詳しい使い方については、テーブル(table)を使って枠を作る方法などで、詳しくご説明させていただきます。


ここでは、ホームページの本文は、body からスラッシュ(/)を含めた body の間に書くということと、最初に外枠を作ってあげることで、お客様が見やすいホームページになるということを覚えておいてください。

次回の講座では、ホームページのタイトルバーの作り方についてご説明します。




ホームページの本文とテーブルの書き方のポイント

・ ホームページの本文は、 <body> で囲んだ中に書くこと。
・ テーブルは枠を作ることができて、見やすいホームページを作れること。

ホームページの横幅 は、700~780程度にすること。
 (最近のパソコンは、画面の横幅が大きいため、横幅は800~900程度でも良い)





【よく読まれている関連記事】


【おすすめ外部コンテンツ】
 
会員制サイドビジネス講座
 
私がお金を稼ぐ理由 ~ お金を持ったときのメリット ~
 
インターネットで月20万円の収入を継続して稼ぐ方法
 
初心者用ホームページテンプレート
 

インターネットビジネスのすごさを認識してください
 
無料ホームページ制作講座の受講者の声
 
動画で覚える無料FX講座
 
ホームページが作れる能力は、最高の能力
 



当サイトで使用しているサンプルサイトを無料でダウンロード!

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ。

⇒ 当サイトで使用しているサンプルサイトの無料ダウンロードはこちら



AIやChatGPTを使ってインターネットビジネスを行う講座

これからはAIの時代になります。 私も、AIを使って文章や画像やホームページを作っています。 私が実際に行っているやり方を、分かりやすく解説した講座が、下記の講座です。

⇒ AIやChatGPTを活用してビジネスを行う講座はこちら




 

 
 
今スタートできるサンプル
サイトを無料ダウンロード
 
サンプルサイトの無料ダウンロード
 
サイドビジネス講座
 
会員制サイドビジネス講座
 
初心者がホームページを自分で作れる能力を身につけて、 そのホームページをビジネスに活用する方法をお伝えする、会員制のサイドビジネス講座です。

この講座は、初心者がインターネットで収入を得られるようになることを目的として、運営しています。
 
 
HPテンプレート
 
自分で更新できる最短ホームページテンプレート
 
初心者が、簡単にホームページを作るための「ホームページテンプレート」です。

テンプレートと、たくさんのパーツ集をコピーして貼り付けるだけで、ホームページが完成する仕組みになっています。

さらに、テンプレートの使い方はすべて動画で解説しています。
 
基礎講座と用語集
 無料ホームページ作り方 ホームページ基礎講座
 無料ホームページ作り方 スマホサイト作成講座
 無料ホームページ作り方 HPでよく使う用語集
 無料ホームページ作り方 HTMLタグの書き方
 無料ホームページ作り方 スタイルシートの書き方
 
ホームページ作成ソフト
 
レンタルサーバ
 
ワードプレス
 
ChatGPTの使い方
 
インターネット副業
 
サイドビジネス・副業の始め方
 
初心者が、インターネットを使ったサイドビジネスで、自宅にいながら収入を得る方法を、すべて動画でお伝えするサイトです。

また、仕事ができるようになるノウハウや、「最高の成長法」などもお伝えしています。
 
 
リンク
 
会社概要
 
特定商取引に基づく表記
 
個人情報保護ポリシー
 
お問い合わせ先
 
 
NPO法人の推薦状
 
NPO法人の推薦状

 
当サイトは、NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。
 
トップページプロフィール特定商取引法取り扱い商品よくある質問あなたのお手伝いお問い合わせ
 
 
Copyright © 動画で覚える無料ホームページ制作講座 All rights reserved.
 
by おすすめ副業ランキングサイト
^