+
かんたんHTML
+
ちょっと凝ってTips
+
もっと凝ってJavaScript
+かんたんHTML+
□ パソコンを始めてインターネットでいろいろなサイトを見て「自分もHP作ってみたいなぁ」と思っている方、 「もうイメージはできているけどどうしたらいいんだろう」と思っている方に、 HTMLを使った簡単なHPの作り方を紹介します。
最後まで読んでいただけるとここのサイトくらいのページが作れるようになります。
これくらいしか作れるようにならないとも言います＾＾；
それ以上は私が理解してないので他のサイトさんに行くか、本を買うかしてください＾＾
説明に間違いがあった時には教えていただけるとうれしいです。
HPビルダーなどのソフトをもっている方はそれを使って作るのもいいかもしれません。
私は持っていませんので、このサイトでは扱いません。
STEP0 HP作りを始める前に
STEP1 イメージを整理する
STEP2 最も基本的なページを作る
STEP3 作ったページをアップロードする
STEP4 文章を作る基本的なタグ
4-1 改行･スペース
4-2 文字の色や大きさ
4-3 文字の強調や装飾
4-4 行揃え
4-5 まとめ
カラーコード カラーコード一覧
STEP5 背景を設定する
STEP6 画像ファイルを使う
6-1 画像を表示させる
6-2 画像の大きさと枠
特別編 相対アドレス
STEP7 リンクをはる
STEP8 ちょっとしたテクニック（？）
8-1 箇条書き
8-2 管理人へメール
8-3 お気に入りに追加
8-4 コメントの挿入
8-5 テキストボックス
STEP9 テーブルを使う
9-1 テーブル、セルの大きさ
9-2 枠の色
9-3 テーブルの背景
9-4 文字の位置
9-5 行、段にまたがったセル
9-6 枠と文字の間隔
9-7 セルとセルの間隔
STEP10 音楽(midi)を流す
STEP11 フレームページを作る
STEP12 掲示板などを利用する
STEP13 文字化けを防ぐ
STEP14 リンク集・検索サイトに登録する
タグ タグ一覧
+Tips+
□ 基本的なサイト作りはできるようになって、もう少しデザインにもこだわって作りたいな、と思っている方へ、サイトを彩るテクニックをいくつかご紹介します。サンプルソースをコピーして簡単にご利用いただけます＾＾
+壁紙関係
壁紙を左上に固定
壁紙を左下に固定
壁紙を右上に固定
壁紙を右下に固定
壁紙を左一列に表示
壁紙を右一列に表示
壁紙を上一列に表示
壁紙を下一列に表示
+リンク関係
リンクの下線を表示しない
カーソルをのせると下線が出る
リンクの文字色を指定
カーソルをのせると文字が動く
セレクトメニュー（階層メニュー）
カーソルをのせるとコメントが出る
+カーソル関係
ページ全体のカーソル
リンク部分のカーソル
テキスト部分のカーソル
特定エリアのカーソル
+ページ全体関係
スクロールバーの色を変える
ページの余白を設定する
行間を設定する
+画像関係
触れるとコメントが出る
触れると画像が変わる
+テキスト関係
行間・文字間隔の設定
書体の設定
+テーブル関係
カーソルをのせるとセルの背景色が変わる
+その他
「お気に入り」アイコン
好きな位置にコメント
空スクリーン
+Javascript+
□ ここで紹介するのはJavaScriptという、htmlの中で使っていろいろな命令ができる言葉です。
Javaという言葉を聞いたことのある方もいるかと思いますが、「Java」と「JavaScript」は全く別物だそうです。
JavaScriptを使うと例えば、時間によって表示する内容を変えたり、カーソルに反応して表示を変えたりといったいろいろなイベントを起こすことができます。
ここではJavaScriptの作り方を解説するのではなく、サンプルを紹介しますので必要なところを変えてご利用ください。 それぞれの項目は独立しているので、順番に読んでいっていただいても興味のあるところだけ見ていただいても結構です＾＾
ランダム画像
ランダムmidi
カウントダウン
階層メニュー
雪を降らせる/桜ふぶき/紅葉
ランダム背景で背景ごとに表示指定
クリックで連番の画像を次々表示
△ページTopへ
▲サイトTopへ