初心者に少し毛の生えた状況で・・・


一人で自宅でサイト制作の勉強をしています。
HTMLとCSSに関して、エビスコムのレッスンブックという書籍で実際作ってみて、それは一度終わりました。

しかしお手本とするサイトを書きうつして動かそうとすると、分からないことだらけでハマってしまっています。
初心者に毛の生えたぐらいの人が、もう少しレベルアップできるような書籍やサイトをご存知ないでしょうか?
まずはレッスンブックを再度やってみようかと考えていますが、それに載っていないことも多かったのです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/06/27 12:16:45
  • 終了:2012/06/28 22:52:44

ベストアンサー

id:papa-tomo No.1

パパトモ回答回数362ベストアンサー獲得回数1072012/06/28 15:10:17

ゼロからサイトを構築するときには、Webオーサリングツールと呼ばれるアプリケーションを使うのが一般的だと思います。テキストエディタでは、数ページを作ることは可能ですが、サイト全体を管理するためには、エディタだけでは手間がかかりすぎます。

http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB

などがあります。このうちAptana Studioは、Eclipseベースのオープンソースのツールで無料で使えます。このツール自体は英語のメニューしか持ち合わせていませんが、良くしたものでEclipseベースなので、日本語化する方法があります。

http://technolog.jp/software/797
http://mu4log.com/blog/free-hp-soft/

Webオーサリングツールの特徴として、サイト1つあるいは複数を丸ごと管理できるところにあります。ツールによっては、サイト内のリンク切れや相関関係を表示でkるものもあり、そういった機能を使ってサイトを管理しています。

ところでサイト構築の勉強については、こうしたツールを使う事を前提に、ツールに特化したサイト構築、サイト管理を学ばれた方が現実的だと思います。将来Dreamweaverを使うのであればDreamweaverの勉強をするのが良いのだと思いますが、とりあえず、Webオーサリングツールを勉強するという事であれば、無料のAptana Studioを使ってみるのも手だと思います。

ちなみにAptana Studioは、良く出来ており、これが使いこなせるなら、Dreamweaverは不要だと思います。解説書が乏しいのが残念ですが、Webオーサリングツールの基本はプロジェクトと呼ばれる集合を用意して、その中にサイトフォルダやファイルを作成してサイト自体を構築していうスタイルには変わりありませんので、一度試しに使うのも良いと思います。

いずれにせよWebオーサリングツールも万能ではありませんので、他のツールが必要になることもあることを忘れてはなりません。

参考になればと思います。

id:cocoa696

ありがとうございます!

比較的早い段階からそういったソフトウエアを使ったほうがいいんですね。
目からウロコでした。

まず既存のサイトを書き写して、タグを覚えようと考えていたのですが、トップページで使っていないものなどもCSSファイルに書かれていたりして、どうにも進めづらかったのです。

オーサリングツールの紹介もありがとうございます。
可能であればDreamweaverを入手して使ってみます。
もしすぐには難しそうであれば、ご紹介いただいたAptana Studioを使ってみたいと思います。
こういうツールもなかなか自分では見つけられなかったと思います。
ありがとうございました。

またおそらく質問しに来るかもしれませんが、よろしくお願いいたします。

2012/06/28 22:52:36
  • id:papa-tomo
    どんなサイトをお手本にされたのでしょうか?
  • id:cocoa696
    またもやご回答ありがとうございます。
    参考にしているサイトは許可を得ていないので、ちょっと紹介することはできないのですが
    たとえばこういう感じのサイトを作れるようになりたいと思っています。

    丸ビル
    http://www.marunouchi.com/marubiru/

    ファンケル
    http://www.fancl.co.jp/index.html

    骨組みを作るのが難しく感じます・・・
  • id:papa-tomo
    どんなツールやアプリを使ってますか?
  • id:cocoa696
    結局質問にこたえていただいてすみません(^^;)
    ありがとうございます。

    このエディタを使っています。
    http://www.kashim.com/eve/
    今はそれぐらいです。

    実は知り合いのある会社のサイト作成担当にならないか、という話があり、それで勉強中なのです。

    おそらくDreamweaverやPhotoshopなどのソフトは、申請すれば購入してもらえる可能性もありますが、
    自分はまだそこまでの段階ではないと考えています。
    まずはHTMLやCSSの使い方を覚えるのが先かと。

    でも、どういう順番で勉強していったらいいのかよく分からなくなってきて・・・
    ハマッてしまって分からないところを調べる、というやり方だとなんだか大変に感じます。

    ご助言願えればと思います。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません