Mac OS X 10.39使用 ホームページをはじめて作るには？

質問

ホームページの作り方を知りたいのですが
ここで良いのでしょうか？
間違っていたら正解を教えてください。

図書館でHTMLやCSSやJavascriptの本を借りてみたのですが
余りの分厚さに閉口してしまいました・・・
パソコンはメールとネットを見るだけの初心者です。

ソフトはイラストレーターとフォトショップを持っています。
ワードやエクセルはありません。
こんな状態なのですがMacでホームページの作り方を教えてください。

アマゾンや図書館で本を探したのですがWindows用ばかりで
Mac用のホームページ作成本が見当たりませんでした。
なるべく無料で出来る物が良いです。

本代位は払えますが、うつで療養中で働いていないので
高いソフトを買ったり学校に通ったりすることは出来ません。
HTMLを入門レベルからしっかり覚えてどんな環境からでも見られる
ホームページを作りたいと思っています。

まとまりが無くてすみません。
教えてください。
よろしくお願いします。

回答No.1

noname#83877

javascriptについては詳しくないので、答えられませんが、htmlとcssであればまずはなんでもいいのでサイトを作ってみると良いと思います。
プロパティを全て覚えてからサイト作成という手順はあまり効率がよくないので。

htmlにはいろいろな仕様がありますが、文字コードはutf-8でxml宣言を省略したxhtml 1.0 strictという仕様が最初は作りやすいと思います。

htmlのタグはたくさんありますが、以下のタグは最初に覚えておくと良いと思います。
これだけで大抵のサイトは問題ありません。

p, h1~h6, a, img, ul, li, div, span

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
htmlを作った後はここでチェックするとミスが少なくなります。

cssに関しては最初から外部ファイルとして書くようにしてみてください。
cssにもたくさんのプロパティがありますが、最低限以下の要素を覚えておくことをオススメします。

width, height, margin, padding, background, font, float, position

あと、cssを使うときにはhtmlのhead内に以下の記述をしておくといろいろと楽です。

<!--[if IE]><style type="text/css">*{zoom:1;} ul,ol,li,acronym,abbr{zoom:normal;}</style><![endif]-->

また、ブラウザごとの実装の違いが多々あるので、一つずつ覚えていく必要があります。
こういうのは有名なもの以外はあまり本に載ってないので、個人のブログを除いたり自分の経験で覚えていくしかないと思います。

お礼

回答ありがとうございます。
暗号だらけの世界なんですね・・・
まず簡単なホームページを作ってみたいのですが
すみません私の頭では理解出来ません。
何からスタートしたら良いのやらです。