+かんたん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の作り方を解説するのではなく、サンプルを紹介しますので必要なところを変えてご利用ください。 それぞれの項目は独立しているので、順番に読んでいっていただいても興味のあるところだけ見ていただいても結構です^^


△ページTopへ
▲サイトTopへ