直線上に配置 ようこそ、HP勉強会のページへ!

資料小分類

  • 基礎:はじめに
  • 基礎:その1
  • 基礎:その2
  • 基礎:その3
  • 基礎:その4
  • 基礎:その5
  • 基礎:その6
  • 基礎:その7
  • 基礎:その8
  • 基礎:その9
  • 基礎:その10

資料大分類

  • 資料トップへ戻る
  • 基礎編
  • 白紙からページ作成
  • HPを作ってみる
  • トップページを作成
  • サブページを作成
  • サイト管理
  • HTML/CSSを知る
  • Web ページ
  • HTML 練習
  • CSS 練習
  • レイアウト作成
  • レイアウト編集
  • 最新テクの活用
  • フォトモーション
  • フルCSSテンプ基本
  • フルCSSテンプ応用
  • jQueryの基本

リンク

  • サイト内検索
  • 問い合わせ
  • 参加者作品
  • HP勉強会トップ
  • A班ホームページ

基礎:その1 - ホームページとは?

ホームページを作成するうえで知っておきたいことを確認します。

インターネットの仕組み

クリック ブラウザーって何?

  • ブラウザはホームページを見るためのソフトウェアです。代表的なものにマイクロソフト社の Internet Explorer があります。その他にも Firefox、Google Chrome、Opera など様々なブラウザーが存在します。

クリック URLって何?

  • ブラウザーでホームページを見る時は http://www.geocities.jp/pasoboranet/ のようなアルファベットの文字列で該当のページの場所を指定します。これを URL と言います。URL は、ホームページの住所のようなものです。
  • URLの例
  • Uniform Resource Locator の略です。

クリック プロバイダーって何をしてくれるの?

  • プロバイダー (インターネット サービス プロバイダー ISP) と呼ばれる業者は、パソコンとインターネットをつなぐサービスやホームページの開設のサービスを提供してくれます。サービス内容や料金体系は、プロバイダーによって異なります。
  •  
  • プロバイダーに加入したあと、パソコンとプロバイダーのコンピューター(サーバーと呼ばれます)が、光ファイバーなどのインターネット回線で接続されると、ブラウザーで世界中のホームページをみることができます。

ホームページの定義を知ろう

クリック ホームページって何?

  • 「ホームページ」という言葉は、次のような意味でつかわれています。
    • インターネット上の情報の総称
    • Web サイトや個々の Web ページのこと
    • ブラウザーを起動した直後に表示される Web ページのこと
    • Web サイトの入り口にあたる Web ページのこと
    •  
  • 一般的にホームページと呼んでいるものは、本来 Web ページ あるいは Web サイト と呼ぶべきものでしょう。
  •  
  • 本来のホームページとは、ブラウザを起動したときに最初に表示される Web ページを指します。スタートページとも言います。ブラウザの [ホーム] ボタンをクリックしたときにも表示されるページです。
  •  
  • 誤解されているホームページ

Web ページの仕組みを知ろう

クリック Web ページの仕組み

  • Web ページってどんな風になっているの?
  •  
  • Web サイトは一般的に複数の Web ページから構成されていて、トップページとサブページがリンクでつながっている。サイトで最初につながるページがトップページで、トップページは本の表紙にあたる部分です。トップページにはタイトルや目次が含まれ、サブページには内容が含まれるという構成がよくみられます。

クリック ページからページへはどうやって行くの?

  • トップページとサブページとの間は、「リンク」で結ばれています。
  •  
  • リンクとは、あるページの画像や文字をクリックすると、あらかじめ決められた他のページへジャンプする仕組みです。
  •  
  • インターネットのページは、リンクを使って行き来できるようになっています。トップページからサブページへのリンクだけでなく、その逆のリンクも設定できます。他の人のページへリンクすることもできます。

クリック Web ページは何でできているの?

  • Webページには何が含まれるの?
  •  
  • Web ページは、HTML ファイルと呼ぶ一つの文章ファイルと複数の画像ファイルなどで構成されている。
  •  
  • HTML ファイルには、タイトル、文章、表などが [HTML言語] と呼ばれる言語で書かれています。
  •  
  • HTML ファイルの中で <h1>、<p> のように < > で囲まれているものを [タグ] と呼びます。ブラウザはこれらのタグを解釈して、指定された場所に指定された文字や画像を表示します。
  •  
  • 画像ファイルはページにいくつでも貼り付けることができます。貼り付けるといっても、実際には HTML ファイルからその画像の名前と場所を参照しているだけです。
  •  
  • 画像ファイル以外にも、サウンドファイル(音声)、ムービーファイル(動画)、CSSファイル(ページのレイアウトを記述したファイル)、Java アプレット(Java 言語で書かれたプログラム)などを貼り付けることができます。
  •  
  • スタイルシートは、ページのデザインやレイアウトを定義します。CSS とも呼ばれます。スタイルシートを使うと、ページの内容と、デザインやレイアウトを別々に管理できます。細かい設定は CSS ファイルと呼ばれるファイルにまとめておき、HTML ファイルから呼び出して使います。

クリック サイト

  • プロバイダが所有するサーバーと呼ばれるコンピュータ上に Web ページ用のファイルを置く場所(フォルダ)を確保してくれます。この場所がサイトとなります。
  •  
  • [ホームページ・ビルダー] では自分のパソコン上に仮想の [サイト] を作る機能を提供しています。[サイト転送] 機能で、サイトに必要なファイルを一括してサーバーに転送することができるようになります。
  •  
  • サイトっていったい何者?

Web ページを公開する目的は何ですか?

クリック Web ページを公開する目的

  • 個人が制作・公開する Web ページはおのずとその目的は限られてくると思います。それにしても、制作前にその目的をハッキリとさせておくことは必要です。
  •  
  • Web ページを公開する目的は何?

それでは、作成前の確認事項に進みましょう。


| |