ホームページ作りの基本の「き」

adminさんのユーザアバター
投稿者：admin 投稿日時：2008/11/13（木） 22:28

基本の基本

トップページのファイル名

トップページのファイル名をどういう名称にするのかということは、初心者にとっては案外難関なことかもしれません。次のような名称にすると、『http://www.ドメイン/』というようにファイル名を指定しないでURLにアクセスしたとしてもトップページにアクセスされるようになります。

  • index.html
  • index.htm
  • index.shtml　（SSIを使用するときは、このような名称にするようです。）
  • index.php　　（PHPを使用するときは、このような名称にするようです。）
  • index.cgi　　（CGIを使用するときは、このような名称にするようです。）

サーバーの設定によって、これらの拡張子の表示の優先順位が決まっています。（.htaccessの設定で変更可能）　index.○○○という拡張子の異なるファイルをサーバーにアップロードしてしまうと、「トップページを修正しても、ブラウザで『http://www.ドメイン/』を指定しても修正が反映しない」なんて状況に陥って混乱してしまうかもしれないので注意が必要です。

HTML記述内容の大体の意味

HTMLソースのうち、画面本体（デザインや内容）以外の主な記述について簡単に説明します。

＜○○○＞ではじまり、それと対になる＜/○○○＞で終わるという作りになっています。ただし、<head>～</head>内は定義を記述する部分ですのでこの限りではありません。
　
<html>
<head>
<title>タイトル</title>
・ブラウザのフレーム上部に表示されます。（記述していないときは、ブラウザにはURLが表示）
・また、検索エンジンの検索結果のタイトルにも用いられます。
・SEO対策に影響があるといわれています。

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
・HTMLソースを保存している文字コード（データの形式）を指定します。（shift_jis・euc-jp・utf-8）
（HTMLを作成したときのエディタやホームページ作成ソフトで指定されています。）
・通常はあまり意識することはありませんが、入力フォームなどを使ってデータを他のプログラムなどにインターフェイスする場合、相手先が処理できる文字コードで指定しておく方が良いことがあります。
・文字コードを変更するときは、この部分の記述も該当のコードに変更するとともに、編集ソフトでソースを保存するときに、文字コードを指定して直す必要があります。
<meta name="description" content="ページの説明">
・ページの概要を説明しますが、通常はあまり目に触れることはありません。
・検索エンジンの検索結果で使用される場合もありますが、必ず使用されるというわけではありません。
・SEO対策に影響がある部分だといわれています。
<meta name="keywords" content="キーワード１,キーワード２・・・">
・ページのキーとなる言葉（キーワード）を指定します。
・SEO対策に影響があるといわれています。

<link href="style.css" rel="stylesheet" type="text/css">
・スタイルシートを指定します。
・mediaを指定（media="screen"やmedia="print"）することで、画面で見るときと印刷するときのスタイルを変更することができます。

</head>
<body>
・<body>と</body>の間に、サイトの内容をHTMLlのタグを用いて記述します。
</body></html>

リンク先URL表示場所のコントロール

リンク先URLのページをどこに表示するのかということも、私には難関でしたので紹介しておきます。 リンクのタグ<a>で指定するtarget="○○○○"で指定します。

アンカー

ページ内の特定の位置に移動する操作はリンクのタグ<a>を用いて行います。
移動させたい位置にあらかじめアンカーを設置しておきます。
<a id="top"></a>
移動元にリンクを設置します。
<a href="#top">このページのTOPへ</a>

参考になるサイト

HTMLタグとCSS

次のサイトが参考になります。

.htaccess

次のサイトが参考になります。

大体、次のような内容について解説されています。

  • IDとパスワードによるアクセス制限（Basic認証）
  • 特定のホストからのアクセス制限
  • 参照元（Referer）によるアクセス制限
  • 特定のユーザーエージェントからのアクセス制限
  • ブラウザ経由でのアクセス制限
  • リダイレクト
  • 404 File Not Foundなどのエラーページのカスタマイズ
  • index.cgiやindex.phpをトップページにする方法
  • SSIを「.html」で動かす方法
  • MIMEタイプ・文字コードの指定
    など
No votes yet

関連書籍



みるみるマスター HTML&スタイルシート 作れる!わたしのWebサイト―ホームページで何を伝える?どう作る?
著者: 今村勇輔 　 出版年月: 2009-05-19 　
定価: ￥ 2,310 (新品), ￥ 1,900 (中古)
はじめてのホームページ作り 小さな会社のWebサイト 制作・運用ガイド
著者: 佐藤 和明 　 出版年月: 2007-07-10 　
定価: ￥ 1,680 (新品), ￥ 1,062 (中古)
できるホームページ HTML入門 Windows対応 改訂版(CDROM付)
著者: 佐藤 和人/できるシリーズ編集部 　 出版年月: 2007-09-07 　
定価: ￥ 1,659 (新品), ￥ 1,299 (中古)
もっと「稼げる」ホームページ最強宣伝術―プロが教えるサイト集客の実践テクニック66
著者: 深谷 良孝 　 出版年月: 2005-05 　
定価: ￥ 1,680 (新品), ￥ 954 (中古)
おしゃれなホームページのデザイン テンプレート・コレクション
著者: ユルユラデザイン 　 出版年月: 2009-06-27 　
定価: ￥ 2,520 (新品), ￥ 1,975 (中古)
全部無料でつくるはじめてのホームページ For Windows XP/Me/98　Internet Explorer6.0対応 [CD-ROM付き]
著者: 浅岡 省一 　 出版年月: 2003-05-17 　
定価: ￥ 1,869 (新品), ￥ 97 (中古)
「作ってみたけど効果がない」と思っている人の 「やり直し」のホームページ集客術
著者: 飯野 貴行 　 出版年月: 2007-07-13 　
定価: ￥ 1,500 (新品), ￥ 1,089 (中古)
いきなりできます!最新ホームページ作り&HTML超入門
著者: 株式会社デジカル 　 出版年月: 2009-10-27 　
定価: ￥ 1,680 (新品), ￥ 1,118 (中古)
日本一のホームページ成功請負人が教える究極のネット集客術
著者: 湯浅 淳 　 出版年月: 2010-03-19 　
定価: ￥ 1,575 (新品), ￥ 1,575 (中古)
「A4」1枚アンケートで利益を5倍にする方法―チラシ・DM・ホームページがスゴ腕営業マンに変わる!
著者: 岡本 達彦 　 出版年月: 2009-05-15 　
定価: ￥ 1,575 (新品), ￥ 1,574 (中古)