
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
私も、SeaMonkey(
http://www.seamonkey.jp/ )をお勧めします。有料無料を問わず、もっともウェブ標準に準拠したHTMLを出力できることで定評があります。
→SeaMonkey - Wikipedia ( http://ja.wikipedia.org/wiki/SeaMonkey )
ただ、ビルダーを使われていた方が、このような「まっとうな」オーサリングを使うと、難しいと感じられるかもしれません。
なぜなら、HTMLやスタイルシートの作成は、本来はオーサリングツールには決してできない部分がたくさんあるのです。オーサリングツールを「HTMLやCSSを知らなくてもウェブページができるツール」と誤解されている方がビルダーユーザーにはとても多いのです。
これは、とんでもない誤解--もっと言えば大嘘---です。
そもそもHTMLは、ウェブ化したい文書を読み解き、内容を理解して、その文書を構成する要素に分解して、その要素が何であるかをタグでマークアップする言語--メタ言語です。
すなわち、この部分は見出し<h1>~<h6>、ここからここまではひとつの段落<p>、この部分は引用の段落<blockquote>、この部分は重要<strong>というふうに。用意されているタグで足りないときは、divやspanとid,class名を組み合わせて、この部分は完結した記事<div class="article"><article>、この部分はヘッダ<div class="header"><header>、この部分はナビゲーション<div class="nav"><nav>とマークアップしなければなりません。(注)後ろのタグはHTML5で導入される新しい要素( http://standards.mitsue.co.jp/resources/w3c/TR/h … )
【引用】____________ここから
DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[HTML4.01仕様書( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
このように、HTMLはデザインを一切考えずに文書を分解してマークアップするものです。そしてスタイルシートを使って、この文書構造に基づいてデザインしていくのです。
たとえば、ナビゲーションは、横一列のボタンなら
div.nav ul,div.nav ul li{display:block;list-style:none;float:left;*
とか
すでにビルダーを利用された経験があるとお分かりのように、まったく異なる手法だと思います。
オーサリングツールは、タグの綴り間違い、閉じ忘れ、タグ候補などは提示してくれますが、肝心の文書を読み解き、内容を理解して最適な要素(を示すタグ)を選択することは、絶対に不可能なのです。それをできると宣伝して、それを使ってきた方には、まっとうなオーサリングはハードルが高いと感じられるかもしれません。
しかし、覚えなきゃならないタグなんて、せいぜい数十個です。中学校で習う英単語2,000語に比較したら微々たる物です。それを覚えてしまったら、オーサリングツールを使うのすら煩わしくなる。だって、仕様書+ソフトのマニュアル+ソフトの欠点まで身につけなければならないのですから・・
言い換えると、HTMLやCSSを身につけてこそ、オーサリングツールは真価を発揮しますが、それなしでは、かえってとんでもないページを作ってしまいます。
→ホームページビルダー作成したウェブサイトの影響 ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )
seamonkeyのような優れたオーサリンングツールを使うにしても、テキストエディタでHTMLやCSSが記述できるくらいの技術は必要です。そして、それはソフトを使いこなすことに比べたらはるかに容易です。
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
★1と2の間辺りからはじめるCSS講座 ( http://www6.plala.or.jp/go_west/beginner/css/ )
あたりから、始められることをお勧めします。
優れたテキストエディタがそのうち欲しくなります。( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83% … )
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
h1のテキストサイズよりh2の方...
-
div要素が重なってします
-
スペースを使わず文字位置を揃...
-
body>div{}の意味を知りたい
-
html の divとtable の役割
-
複数のボタンを等間隔に、かつ...
-
<div id="container">の使いか...
-
inline-blockをネストすると表...
-
リストで画像を右に表示したい
-
CSSで画像を下に配置
-
html リストのマークについて
-
ブログのサイドバーが下にくる
-
1サイト内にHTML5とXHTMLが混在...
-
iframeを使わずに上下50%ずつに...
-
htmlの文字が縦書きになる
-
含む含まないという概念自体の...
-
【CSS】ヘッダーの高さが不明の...
-
CSSで「overflow:scroll」をしてい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
複数のボタンを等間隔に、かつ...
-
スペースを使わず文字位置を揃...
-
<div id="container">の使いか...
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
<!-- #BeginLibraryItemとは
-
body>div{}の意味を知りたい
-
IEだとリンクされるが他ブラウ...
-
CSSについて教えてください...
-
ウェブサイトの作成方法について
-
div要素が重なってします
-
SEO対策のタイミングはHP作成前...
-
IE10でホームページがもの凄く...
-
スタイルシート<記述>
-
.レスポンシブウェブデザインに...
-
グリッドレイアウトで"auto-fit...
-
CSS(初歩的)な質問です…float...
おすすめ情報