【初めてのホームページ制作】#01 マネして作ってみよう！(手順解説付き)

なぜ、わざわざ自分でホームページを作る必要があるのか?
今では知識なんてなくても無料で簡単に高機能なホームページ作れるようになってるじゃん！って思うかも知れません。
その代表格がWordPressです。確かにWordPressで簡単にホームページなんて作れます。
ただしこの簡単にという言葉に騙されてはいけません。

これは、あくまでHTMLやCSSなどの知識が多少ある人に向けた言葉です。WordPressを使っていて、レイアウトなどを変更したくなったりした時にHTML,CSSの基礎的な部分がわからないと、カスタマイズなんてできません。なのでHTMLやCSSは絶対に理解しておくべきなんです。

コンテンツ

1 ホームページ制作講座について
- 1.1 この講座の最終目標
- 1.2 講座を進めていく上でお願い
2 ホームページとＨＴＭＬの基本的なお話
- 2.1 ホームページのしくみ
- 2.2 ＨＴＭＬってなに？
3 ホームページを制作するうえで準備すること

ホームページ制作講座について

じゃあ自分で作るにはいったいどうしたらいいんだろう…。考えたことある人は必見だと思います。

これから１０回に分けて【パソコンさえあれば誰でも簡単にホームページを作れる】ということを証明(誰に？(笑))したいと思います。

まずは実際に操作せずに読み流してみてみるのもいいと思います。

この講座の最終目標

このホームページ制作講座は、最初はあまり難しく考え込まず、手順通りにいけば最終的に本人の手元でホームページが完成したという実感を持っていただき今後、ホームページ制作をしたいと思えるようなきっかけづくりとなるような内容に仕上げました。

講座を進めていく上でお願い

このホームページ制作講座は、ホントに初心者向けの講座になります。
ですので、僕が極力わかり易く解説をしたつもりでも、『こいつ、何言ってんの？』って部分があるかもしれません。もし、疑問点、又は改善してほしい！って思うことがあれば一番下のコメント欄にコメントをお願いしたいと思っていますm(__)m

ホームページとＨＴＭＬの基本的なお話

まずは基本的な仕組みについてみていきましょう。

ホームページのしくみ

ユーザーがブラウザでURLを入力します。
入力されたURLでサーバーを探す。
サーバーがURL先の情報をもって応答する。
ブラウザが文字や画像を表示する。

ホームページの仕組み

ざっくり説明すると上記のような単純な話しです。

ＨＴＭＬってなに？

HTMLとは、『HyperText Markup Language』の略称で簡単に言うと『超凄い文字』です（笑）

ハイパーテキスト・マークアップ・ランゲージ

現在、インターネット上で公開されてるウェブページのほとんどは、HTMLで作成されています。

ウィキペディアには、このように説明がされています。

HyperText Markup Language
（ハイパーテキストマークアップランゲージ、HTML（エイチティーエムエル））は、専らHTTPが利用されるWWWのハイパーテキストの記述に使われているマークアップ言語である（1990年代後半頃からはコンテンツという語も利用されている（「中身」という意味の語であり、御大層な意味は無い））。ハイパーリンクや画像等のメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。
現在[いつ?]は、WHATWG により仕様が作られ、それを元に W3C により勧告が行われるという流れになっている。W3C は、XML ベースの規格である XHTML の勧告も行っている。
ウィキペディアより引用

難しくてよく分からん！