ホームページの作り方HP

ホームページの作り方を、 無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます
　基礎編では、使用頻度が高いHTMLタグとスタイルシート(ＣＳＳ)など について実例を挙げながら紹介しています。
　実践編では、実際にホームページを作るにあたっての HTMLタグとスタイルシート(ＣＳＳ)の使い方や、必要な知識やツールについてと、 公開方法についてまでわかりやすく詳細に解説してます。

管理人にメール リンク 素材リンク HP作成リンク
＜　基礎編　＞

ホームページの作り方について

  1. ホームページ作成の準備
  2. メモ帳で作るホームページ
  3. タグについて
  4. ホームページの基本構造
  1. 相対アドレスと絶対アドレス
  2. 色指定のカラーコードと色名
  3. marginとpaddingについて

HTMLタグ

  1. テキスト-改行,段落,強調
  2. テキスト-行揃え,文字色
  3. リスト-非序列,番号付き
  4. リスト-開始番号変更,用語の定義
  5. 画像表示
  6. 画像サイズ
  7. 画像表示-テキスト回り込み,解除
  1. 画像表示-テキストとの間隔
  2. リンク
  3. ページ内場所指定リンク
  4. リンク別画面表示
  5. メール送信リンク
  6. インラインフレーム

テーブルのHTMLタグ

  1. テーブル
  2. タイトル
  3. テキスト位置
  4. 枠線幅とサイズ指定
  5. セルサイズ指定
  1. セル間隔,セル-枠線間隔
  2. 枠線色
  3. 縦方向セル連結
  4. 横方向セル連結

スタイルシート(CSS)

  1. スタイルシートとは？
  2. スタイルシートの記述方法
  3. 任意範囲指定(class,id)と単位
  4. divとspanのタグ
  5. テキスト-文字色
  6. テキスト-行の高さ
  1. テキスト-行揃え
  2. テキスト-文字の装飾
  3. フォント(文字)サイズ(大きさ)
  4. フォント(文字)太さ
  5. 背景色
  6. 背景画像

ボックスのスタイルシート(CSS)

  1. マージン
  2. パディング
  3. 枠線種類
  1. 幅と高さ
  2. 枠線太さ
  3. 枠線色
＜　実践編　＞

ホームページの作り方の実践

  1. ヘッダーまでの作り方
  2. 横幅は800px以下
  3. 背景、文字など指定
  4. テーブルの枠線テクニック
  5. 更新履歴の作り方
  6. 管理人へのメールの作り方
  1. 著作権
  2. 容量の小さい画像ファイルの作り方
  3. HTMLと文字の一括置換
  4. ＨＴＭＬ文法チェック
  5. ファイルサイズチェック
  6. 対応ブラウザチェック

ホームページ公開方法

  1. レンタルサーバの選択
  1. FFFTPによるHPのアップロード

無料お役立ちツール

当サイトの内容・構成・デザイン・画像の無断転載、複製（コピー)は一切禁止です。 なお、当サイトは全ページリンクフリーです。

HP画像

Copyright (C) 2006-2007 ホームページの作り方HP　 All rights reserved.