サイト作成支援 |
 |
ホームページ作成に関する情報を満載したホームページ作成関連総合サイト。詳しいことを知りたい方はこちらへ。
|
 |
同じくＨＰ作成に必要な知識が満載。ダウンロード版があるのが便利。 |
| ネットサーフレスキューＷｅｂ裏技 |
ＣＧＩを中心としたホームページ作成支援サイト。GIFの作成法など、ＣＧＩ以外も充実。 |
| ０からＨＴＭＬ |
ソフトや本に頼らず、０からプロレベルのホームページを作成できるようになることを目的とした支援サイト。 |
| マイ・ホームページへの道 |
サイト作成入門サイト。キーワード別・知りたいこと別の索引付リファレンス集など。 |
 |
ＨＴＭＬ、画像処理、レイアウトなど、見る人に配慮したサイト作成情報を提供。 |
 |
超初心者に対応したサイト作成支援サイト。スタイルシートやカラーチャート、アクセスアップ支援なども。 |
|
エディタ
ページを作るにはホームページビルダーやFrontPageなどがあると便利です。これらがない場合も、ネット上に存在する様々なフリーソフトには、HTMLエディタもあります。窓の社やVector、その他Googleなど総合検索エンジンなどで探してみてください。 |
|
トップページ
トップページの拡張子はたいていindex.htmかindex.htmlです。フォルダごとに必ずindexファイルを入れたほうがいいでしょう。
トップページはサイトの顔です。わかりやすいコンテンツ表示を心がけましょう。また、トップページが重いと訪問者があきらめて帰ってしまう場合があるので、できるだけ軽くなるようにしましょう。 |
|
タグとスタイルシート
HTML用のエディタがなくとも、メモ帳やノートパッドでＷｅｂページを作ることもできます。保存時か名前の変更で、ファイルの拡張子をhtmかhtmlにしてください。ここでは基本的なタグを紹介します。タグの勉強には初心者向けサイトだけでなく、気にいったサイトのソースをブラウザから確認するのも手です。
最近は、文字の大きさや色、背景色など、スタイルシートでの指定が推奨されています。また、、FONTやB（ボールド）などの使用は非推奨となっています。
スタイルシートについては、上記のサイト作成支援サイトや、こちらを参考にしてください。
※スタイルシート・CSS参考サイトリンク集
様々なスタイルシートの例文、対応ブラウザなども掲載。
スタイルシートの基本から、わかりやすく解説。
こちらも基礎から解説。
ブラウザ対応で苦しんでいる人のために作られた辞典。 |
|
| 一番最初の宣言。 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
| この間にタグ本文を書く。 |
<html>〜</html> |
| この間はページの標識のようなもの。 |
<HEAD>〜</HEAD> |
| これはロボット検索エンジン向けの紹介文。 |
<meta name="description" content="ここに紹介文を書く。"> |
| キーワードは半角カンマで区切る。４つ以上設定できる。 |
<meta name="keywords" content="キーワード１,キーワード２,キーワード３"> |
| ここはページタイトル。 |
<TITLE>タイトル</TITLE> |
| ここにスタイルを指定するタグやクラス等の名前、カッコ内に指定するスタイルを書く。 |
<style>
<!--
スタイル{
内容
}
-->
</style> |
| 行間、文字の大きさ、画面端からの空間のスタイル例(○%、○em、○pt、px等) |
（行間） line-height : 150%;
(文字の大きさ) font-size : 11pt;
（空間） margin : 20px; |
| ここにＵＲＬ（絶対パス、または相対パス)を書く。 |
<a href="index.html">リンク</a> |
| 改行 |
<br /> |
| 水平線 |
<hr> |
| 装飾 |
<U>下線</U>、<em>強調</em>、
<strong>論理強調</strong> |
ここが実際に表示される部分。タグ内は文字色やリンク色の設定。なくてもいい。
※現在非推奨 |
<body text="#2e5c5c" bgcolor="#cccccc">〜</body> |
フォント。色の指定、サイズの指定。
※現在非推奨 |
<font color="red" size="+1">フォント</font> |
| この間は中央寄せ。 |
<center>〜</center> |
| 画像の挿入。ここに画像へのＵＲＬ。 |
<img src="sample.gif" /> |