1p
トップ > 超初心者でも分かるホームページの作り方

超初心者でも分かるホームページの作り方

はじめに

初心者向けに、ホームページの作り方をレクチャーします。

昔は、「ホームページ」(正しくは、「ウェブサイト」)をHTML(Hyper Text Markup Language、ハイパーテキスト・マークアップ・ランゲージ)形式のファイルで作成していました。ただ、ホームページが、高度に装飾されていく中で、その構造が、複雑怪奇になって行ってしまいました。はっきり言うと、ぐちゃぐちゃになってしまったのです。そして、ホームページを作るのも、改良するのにも、大変手間取る状態になりました。

そこで、登場したのが、CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)です。

HTMLファイルで、ホームページの「構造」を記載して、CSSファイルで、ホームページの「装飾」を行うことにしたのです。これにより、HTMLファイルの中身が、見やすくなって、作成・改良作業が、向上しました。また、CSSの記述を変えるだけで、全てのホームページの見栄えを変えることができ、改良作業も、とても簡便になりました。

そう言う訳で、この「超初心者でも分かるホームページの作り方」では、HTMLファイルとCSSファイルを使って、ゼロからホームページを作る方法を指南致します。

ところで、有料のホームページの作成ソフト、最近では、「WordPress」などを用いて、ホームページを作ろうとする方がいます。否定はしませんが、途中で、投げ出したくなるのではないでしょうか。そう言うのは、HTMLファイルが、複雑になり、微調整すらできないので、返って、習得の妨げになるように思うのです。ゼロから始めましょう。それに、この「超初心者でも分かるホームページの作り方」を学んでから、そういったソフトを使ってみると、また違う感触が得られるかも知れません。

共に頑張りましょう!

コンテンツ

導入編

  1. HTMLファイルの作り方
  2. テキストエディタのインストール方法
  3. 基本テンプレートの作り方
  4. 文字化けの直し方

初級編

  1. 文章の書き方
  2. 改行の仕方
  3. リストの作り方
  4. ハイパーリンクの指定方法
  5. 画像の表示方法
  6. テーブル(表)の作り方

CSS編

  1. CSSの書き方
  2. CSSの[h]タグの書き方
  3. CSSの[font]タグの書き方
  4. CSSの[class]の書き方
  5. CSSの[body]タグの書き方
  6. CSSの[pre]タグの書き方
  7. CSSの[リスト]タグの書き方
  8. CSSの[img]タグの書き方
  9. CSSの[table(表)]タグの書き方
  10. CSSの[style]の書き方
  11. CSSの画像の大きさ指定
  12. CSSの[a]タグの書き方
  13. CSSのプロパティ
  14. CSSのまとめ

その他のトピック

  1. おすすめ無料FTPソフト
  2. 公式シェアボタン
  3. 文字化けの直し方
  4. JavaScript

参考サイトを引用したもの

  1. 引用文の書き方
  2. 見出しの書き方
  3. リストの書き方
  4. ボックスの書き方
  5. XMLサイトマップの作成・登録
  6. 続きを見るボタンの実装方法

できないシリーズ

  1. XMLが作成できない
  2. 文字化けの直し方
  3. CSSの変更が反映されない
  4. tableの中央寄せができない
  5. 画像の拡大縮小ができない
  6. CSSが上書きできない
  7. クラスの書き方がわからない
  8. 参考サイト集

免責事項・著作権表示

情報が古かったり、間違っていることなどによる損害の責任は負いかねますので、ご了承ください。

Copyright (C) SUZ45. All Rights Reserved.