ＣＳＳをツリー形式で作成するフリーウェア

質問

中学校のサイト作成を、任せれています。
と言うのも、パソコンの分野になると毎回100点を取るので、クラスから推薦されてしまいました。（自慢｛他の教科は聞かないでください。｝）

プログラムを組むのも得意なのですが、ひとつだけ困ったことが。
それは、ホームページ作成関係のプログラムが、まったく分からないことです。
JAVAやC言語は覚えているのですが、HTMLの初歩的なことしか覚えていなくて、困りました。
HTMLに関しては学校の用意してくれたビルダーで何とか間に合いますが、CSSに関しては、ビルダーに簡単に編集できる機能がないようです。
そこで、秘策として、題名のようなものを探しているのですが、ありませんか。

具体的に言うと、よくあるタブ形式のほんのちょっとしか編集できないやつではなく、CSS2まで編集できるものがいいです。
たとえが、悪いかもしれませんが、ビルダー9のイベントの編集みたいな感じで、編集できるのがほしいです。（ただし、プレビュー機能付き）
かなり傲慢な粗探しですが、よろしくお願いします。

回答No.1

pixelflipper · ベストアンサー

ツリー形式という意味がちょっと分からないのですが、Top Style Lite というフリーソフトがあります。海外のソフトなので英語ですが、日本語化パッチもあるみたいです。試されてみてはどうでしょうか。

ここからは蛇足ですが、CSSを生成するソフトはHTMLのオーサリングツールよりもずっと数が少ないです。CSSを効果的に使うにはHTMLを理解したCSSを記述する必要があるので、ソフトで生成できれば終わりという訳にはなかなかいきません。(生成ソフトを使っても、HTMLやCSSを覚えずに済ませることはできないということです。) 単にフォントや背景のカラーを変えたいということでしたら、HTMLでやってしまった方が楽になります。

レイアウトまでCSSに任せようとするとHTMLを書く段階でそういうことを意識しないといけないので、おそらくホームページビルダーは不向きです。本当にCSSが必要かどうかも検討されてみてはどうでしょうか。ブラウザごとの表示差異を考慮するのも面倒ですよ。

参考URL：

http://ringonoki.net/tool/html/topstyle.html

お礼

ありがとうございます。
とりあえず、使ってみます。
一応、一通りのタグはかけるのですが、ダイナミックになるとかけないです。
ＣＳＳの必要性についてですが、担当の教師が新しい事好きで、重くなってもいいから、使えと言われています。
態度が酷い教師なので、友達と一緒にトップページに、3Dで学校の校舎を歩く物を置こうかと画策しています。
ま、ビルダーを使っている間にJavaスクリプトとか勉強しますか。

回答No.3

JumpingQueen

CSSのプレビュー編集ができるので気に入っています。
http://www1.ttcn.ne.jp/~kaneto/hproj2/htmlproject2.html
http://www.vector.co.jp/magazine/softnews/040303/n0403031.html
手打ちしないといけませんが、アシストはしてくれます。

このソフトでHTMLを書くと、以下のサイトで
そう悪い点数にならないので、その点でも気に入っています。
ホームページビルダーで作ったページで
何点取れるのか、ちょっと興味。
http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html

数万円するDreamWeaverから乗り換えたというユーザすらいます。
ただし、よく落ち、暴走するソフトなので、学校では怖いかも。
新バージョンが出ているようなので、改善されていることに期待。

>簡単に編集できる機能がないようです。

CSSをまともにやるなら、簡単にはできないと思います。
以下の理解、回避がどうしても手作業で必要になってくるように思います。
http://members.at.infoseek.co.jp/cssbug/index.html
http://www.fromdfj.net/html/html_css_bug.html
CSSをまともにやろうとすると必ず不幸になります。

回答No.2

SHOO-3

自分の知っている、一番いいスタイルシート編集ソフトは、Visual Studio .net 2003のエディタですね。

スタイルシートに関しては、習得はC言語やJAVA言語、Perl言語などよりもずっと難易度の低いものです。(比べるのも失礼？)
以下のサイトを参考にして、テキストエディタでこちゃこちゃやるのが一番いいと思います。

[とほほのスタイルシート入門]
http://www.tohoho-web.com/css/index.htm
[HTMLクイックリファレンス]
http://www.htmq.com/

テキストエディタに関しては、スタイルシートならばこちらをお勧めします。
[構造化エディタ]
http://www008.upp.so-net.ne.jp/momotan/sted.html

CSS2に関しては、対応も考えて、あまり多用しないほうがよさそうです。

お礼

一通り見た感じでは、タグはc言語とかぶってる点が多いので、一ヶ月頑張ればいいかなと思っています。が、DHTMLやJavascriptと似たようなものも多いので、どれからやろうか悩んでいます。