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で質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- その他(ソフトウェア) ホームページビルダーのバージョンアップ 1 2023/01/15 23:02
- その他(動画サービス) パソコンにダウンロードした動画の一部をトリミングしたいのですが、無料のソフトを教えてください 4 2022/11/13 15:25
- その他(パソコン・スマホ・電化製品) パソコンにダウンロードした動画の一部をトリミングするには? 5 2022/11/13 15:13
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- Windows 10 Windows11でMP3 CDを作る方法 17 2022/10/17 19:17
- ノートパソコン 常駐ソフトを常駐させたくないのに・・・ 3 2022/10/11 11:23
- デジタルカメラ パソコンの写真をCDに焼く 5 2023/07/13 23:31
- YouTube 新しく買ったデスクトップPCを使用すると、今までのGoogleのアカウントが使えなくなった。 1 2023/01/07 00:41
- その他(悩み相談・人生相談) Windows10のブルースクリーンからの復旧について 2 2022/12/31 20:42
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
min-heightとheightの違いについて
-
掲示板もtableを使わず作った方...
-
複数のボタンを等間隔に、かつ...
-
1時間30分を簡単に表したいで...
-
RMS レフトナビ問題
-
html の divとtable の役割
-
<DIV> と </DIV> の間が空です。
-
<div id="container">の使いか...
-
特定範囲内のCSSの継承を断ち切...
-
divを追加すると下に隠れてしまう
-
htmlの見出しタグ(<h1>)の次...
-
セクションをdivで囲むと見出し...
-
文字の下線を画像に変えて表示...
-
見出しタグのつけ方について
-
疑似インラインフレームの文字...
-
IE・NNの独自タグについて
-
スペースを使わず文字位置を揃...
-
CSSで画像を下に配置
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報