macでホームページ

macでホームページを作りたいのですが、
独学で覚えるためのオススメサイトや書籍を
教えてもらえないでしょうか。

パソコンのスキルは
　○ward
○excel（マクロ）
○mp3など音源の編集
　○動画の編集
　○Illustratorとphotoshop
などです。
　
　すべて独学で覚えました。
　ホームページ作成も勉強しているのですが、
　HTML、CSSがまったくわかりません。
　
　オススメの書籍や解説のサイトをご存知、
　もしくはご自分のサイトがございましたら
　お教え願えないでしょうか。

　厳しいお答えでも大丈夫です。
　よろしくお願いいたします。
　
　

No.4 回答者： 918BG 回答日時： 2013/10/29 21:22

No.1さんご推薦の「とほほのWWW入門」は、私もとても参考になるサイトだと思います。

まずはこのサイトの中の「ホームページ入門」をざっとお読みになって概略を理解されると良いでしょう。
http://www.tohoho-web.com/wwwbeg.htm

独学でそれなりに習得されているのですから、上記のサイトを一通り読めば先に進むことはできると思います。

ウェブページの構造・主なタグの使い方・ウェブサーバへのアップロードのやり方を覚えたら、あとはとにかくいくつも作ってみることです。最初は作ればつくるほど上達するものです。また、一度作ったページでもどんどん手直しして改良が出来ますから、これも勉強になります。

いくつかアドバイスをいたします。

1) 多くの参考サイトでは、MacでHTMLを書く時には「シンプルテキスト」を使うのが良いと書かれていますが、これは古いバージョンの話であって、現在は「テキストエディット」に変わっているのは多分ご存知ですよね。でも、私のお勧めのテキストエディタは「mi」です(レガシーMac OSの時代にはミミカキエディットと呼ばれていました)。特にHTMLやCSSを記述するためにはいろいろ便利な機能を備えていますから、使えばその良さがわかります。フリーウェアですが、Mac OSのバージョンアップに合わせて着実にバージョンアップを続けていますから、お使いのMac OSのバージョンに合わせた mi のバージョンをダウンロードしてお使い下さい。
http://www.mimikaki.net/

2) No.1の回答者さんはHTMLのバージョン2.0を推していらっしゃいますが、私は HTML4.01の Transitional というバージョンで学習を始められて、少し理解が深まったら HTML4.01の Strict というバージョンを学習されるのが良いと思っています。4.01というバージョンをお薦めするのは，サイトを作って公開するという目的にかなっていると思うのと、将来的にもっと新しい技術に移行するための過渡的な位置づけとしてふさわしく、今後のさらなる学習に役立つと考えるからです。
参考サイト　Web ページ作成のための HTML4.01 の書き方入門
http://www.med.u-toyama.ac.jp/nsurgery/html401.h …

3) CSSについては、HTML4.01の Transitional というバージョンを理解されてから取り組まれた方が順序としてやりやすいかと思います。もちろん、サイトを運営しようと思われるのなら CSS を使わない手はないのですが、いきなり HTML と CSS を同時にやるとややこしいかも(私だけの事だったのかもしれませんが...汗)。



ここからはちょっと本筋から外れたお話です。

インターネット上の住所とも言うべき URL は、本来半角英数文字だけで構成されるものであり、日本語の全角２バイト文字列が含まれていると正しく処理が出来ません。この問題でお困りの方のために、このQ&Aサイトの質問No.3147648 を一読なさることをお奨めします。日本語文字列を含む URL を、全て半角英数文字の URL に変換する方法で、ブラウザの種類によっては機能しないかもしれませんが、もしお役に立てば嬉しく思います(^_^)/

No.3 回答者： nago8 回答日時： 2013/10/28 22:39

ホームページを作ることが目的か、作る過程が面白いかによると思います。

前者なら、No2 さんの通りです。
後者なら、
気に入った簡単な入門書１冊をエディターに打ち込んで Safari で開いてみる。
次いで、テンプレートのサイトから気に入ったもののコードをみる。
これで、簡単なサイトを作りました。

No.2 回答者： chieffish 回答日時： 2013/10/28 10:08

>HTML、CSSがまったくわかりません。

HP作成ソフトから入るのが定石でしょう。
http://mac-homepage.livedoor.biz/archives/328467 …

No.1 回答者： HALTWO 回答日時： 2013/10/28 00:40

私は

http://www.tohoho-web.com/www.htm

が公開された当時に随分と参考にさせていただきました。

近年の Programming 言語解説 Page まで進むとさすがに難解になりますが、最初の「Home Page 入門」で基本を学習したら実際に作ってみて、疑問に感じたことを「逆引き Reference」などで辿れば充分かと思います。

近年の Web Page は CSS (Cascade Style Sheet( や Java Script を多用することから返って HTML の見通しが悪くなっているような気がしますが、チラシのような画像を配した文章に Link を埋め込むという一般的な Web Page であれば HTML 2.0 時代の記述法で充分であることからいきなり CSS や Java Script に手を出すことはせずに「Home Page 入門」級の HTML Tag だけで作ってみることを御勧めします。

使う Software は「Home Page 入門」程度の HTML Tag を使用する程度であれば

http://sourceforge.jp/projects/kompozer/releases/

で充分です。

実際、私は上記 KompoZer を Word Processor 代わりに常用しており、Safari で映し出して PDF 化すると数 Page ほどになる文書であれば何の不自由も感じていません。

ほぼ同様の Software としては

http://www.seamonkey.jp/

もあり、こちらは W3C HTML Checker で正確な HTML Tag を記述しているかを Button 1 つで Check できる点が便利であるものの Wee Browser や Mail 部分は余計ですね(^_^;)。

CCS は正直、不要と思っています。

大量の Page を一括で管理し、Site 更新も一度に大量の Page を Design し直す大規模商用 Site ならば兎も角も、大した Page 数もない個人の Web Site では CSS Page を別に配していちいちその Page を参照させる構成を採るのは返って煩雑で無駄が多いという気がします。

W3C Standard に準拠した HTML 記述であれば HTML 2.0 のような古い記述法でも Browser には完全な互換性が保たれていますので 私のようにもう 15 年以上も Word Processor Document 型式を HTML に統一して Print Out や Mail 添付には PDF 出力したものを使っている者にとっては CSS や Java Script を用いない HTML 2.0 級の HTML は重宝しています。

なにしろ HTML に文書型式を統一する前に使っていた Claris Works の File は読み出して再利用するために Apple Works の購入を強いられ、その Apple Works 型式に変換した File も今や ROSETTA を入れた OSX10.6.8 の Mac でなければ読み込めないのですから OSX をどれほど Version Up しようとも、他の OS Machine であろうとも Internet Browser が確実に読み込んでくれて KompoZer のような WYSWYG HTML Composer で編集できる HTML 型式は ASCII Text 型式と並んで時代と PC Platform を越える唯一の see Document 型式だと思っています。

実は会社で MS Office の Outlook を用いて Presentation 資料を作った際、Mac 用 Outlook で作った Data が Windows PC では 100% の互換性がなくて妙な記号が映し出されてしまうのに腹を立てて Dynamic HTML で記述し直したことがあります(笑)。

Excel も 1999 年頃に Mac の Excel で出張費用計算書を作成して会社の経理に Data を送ったら Windows OS PC の Excel では計算 Error が起きてもう一度作り直せとの指示が来たことに腹を立て、PDF 出力した Data を再送したこともあります(笑)。

文字列を Copy して Paste したら勝手に Font 種と Font Size を Default 書式に変更されてしまうのに不平を言ったら同僚に「それは Microsoft の仕様なの」と言われた際には「2 度と MS Office なんか使うものかっ！」と思いましたね(笑)。

今では MS Office 書類を開くためと図形の下書き描画用に OpenOffice を Install してはあるものの、文書作成は KompoZer を用いています(^_^;)。

まあ Photoshop は GIMP を使い始めてから使わなくなりましたし Illustrator のような描画を求める際でも簡単な図形ならば Inkspace を用いるまでもなく OpenOffice で描けますし・・・。

Office Suit を扱える Skill は必要だろうとは思いますが何も MS Office を購入するまでもなく OpenOffice の Skill さえあれ MS Office にも直ぐに対応できますし・・・。

Web Page 公開はもう 5 年以上行っていません。

この Site に回答を寄せるようになってからは Web Site を作る暇がなくなってしまったということもあるのですが、Profile を御覧になればお判りのとおり、かつては MUG Site を運営管理しており、perl で CGI 掲示板も自作していました。

素敵な Mac Life を(^_^)/