- ベストアンサー
ビルダー 不要なタグの生成を止めたい
- Dreamweaverを使用してWEBサイトを作っています。相手がホームページビルダーを使用しているため、テキストを打つと不必要なタグが入ることがあります。フォント指定がバラバラだったり、HTMLソースに不要なタグが残ったりします。設定や相手の操作によって改善される可能性もありますが、具体的な方法は分かりません。
- ビルダーでテキストを打つと不必要なタグが入る問題についてです。相手がホームページビルダーを使用しているため、HTMLソースに不要なタグが生成されてしまいます。フォント指定がバラバラだったり、<SPAN>や<p>タグが余分に入ったりします。設定や相手の操作によって改善される可能性もありますが、具体的な方法は不明です。
- Dreamweaverを使用してWEBサイトを作成している際に、相手がホームページビルダーを使用しているため、テキストを打つと不要なタグが生成されます。フォント指定がバラバラだったり、HTMLソースに不要なタグが残ったりします。設定や相手の操作によって改善される可能性もありますが、具体的な方法はわかりません。
- mondoM
- お礼率92% (65/70)
- ホームページ作成ソフト
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ホームページビルダーのバージョンはいくつでしょうか？ ホームページビルダーは、最新になればなるほど余計な機能が付いております。 私が使っているビルダー（古いバージョン）では、 ホームページビルダー以外で作成したページを編集することがよくあるのですが、 CSSテンプレートを使っているページを編集したりしても、 文字入力のない部分が<span lang=EN-US style='font-size:10.0pt'></span>のようになったりしません。 「ホームページNinja」シリーズや「ホームページZERO」のような HTML自動生成するタイプのアプリケーションソフトだと上記のようになることはあります。 （それでも、「ホームページNinja」・「ホームページZERO」で作成したままのソースになり、 ホームページビルダーではそれをそのまま再現しているだけです。） 私がやっていることは、以下の通りです。 （※注意：新しいバージョンだと、このようにやっても上手くいかないかもしれません。） 「HTMLソースを自動整形する」をOFF 編集スタイルは、スタンダードかエディターズ（かんたんスタイルだと、設定に関わらず自動整形されるため） 「DOCTYPEを出力する」をOFF（ONにするなら、事前に宣言文を設定欄に入力しておく） 標準モードで作成する（どこでも配置モードは使わない） スタイリッシュエフェクトは使わない ページ編集画面で直接文字入力する（MSword形式で入力したり、wordなどを経由しない） CSSテンプレートで細かく指定している場合は、入力する際のカーソルの位置に注意する （ページ編集画面では、どこからどこまでが<p>～</p>とか<span>～</span>なのかわかりづらいため。 例えば、通常の文章を入力したいのに、前後のタグの要素の中にその文章が入ることがあります。） 位置がわかりづらい時は、HTMLソース画面で編集してもらうほうが本当は入力者にとっては楽なんです。 HTMLソース画面では、コメント部分・タグ部分・属性部分とテキスト部分で色分けすることができます。 いじってはいけない部分（タグや属性など）に色を付け、それ以外の部分で文字編集してもらうようにすると、 HTMLタグに不慣れな人でもわかりやすいです。 >改行タグの前の<SPAN lang=EN-US><o:p></o:p></SPAN>も困ります。 <o:p></o:p>を見て、MSwordでのホームページ作成・編集を思い出しました。 ホームページビルダーだと、MSwordで入力した文章をコピーして、ページ編集画面にて貼り付けると、 <span>～</span>やら<o:p></o:p>やら、余計なタグがぞろぞろ付いてきます。 ホームページビルダーだけで編集するのであれば、<o:p></o:p>が入るのは今まで見たことがありません。 一度、具体的にどのように編集しているのか確認してみてください。
その他の回答 (1)
- mp20palpunte
- ベストアンサー率49% (258/523)
ソフトウェアには大して詳しくないので、根本的な解決方法は答えられないのですが…… 自分はwebデザイナーなどでなく、むしろその依頼人さんのようなポジションで、サイトの更新などを行っていました。 Dreamweaverは、いじりながらある程度のプレビューが見れるので、使える環境のときはDreamweaverを使っていました（少し前のことなので、古いバージョンですが）。 そのときの経験から、デザインビューのウィンドウで更新をかけると、いわゆる不要タグが入りやすいと感じました。 例えば、テーブルの大きさを、デザインビュー側でドラッグして広げるなどの行為をするとです。 そこで、更新はコードビュー側で行うようにしたところ、不要タグは入らなくなりました。 これはおそらく、デザインビューでの変更は簡単に微調整できる半面、ソフトウェア内部でその行為に対するさまざまな処理を肩代わりできるようにするために必要なことだと思うので、それをなくすことはできないのではないでしょうか。 ですから、対処としては、依頼人さんが変にレイアウトを触らないよう、ソース自体を明確にしてあげるなどすると良いと思います。 <option value="1">1月</option> <option value="2">2月</option> <option value="3">3月</option> こういう箇所があったとします。 この程度であればいいですが、もう少し複雑になると不慣れな人は何がどうなって、どこを変更すればいいかわからなくなります。 そうすると、デザインビュー側ではサイトで閲覧できる部分だけが表示されているので、そちらを触りたくなってしまいます。 すると、長文であれば続けて入力すれば範囲内で自動で折り返してくれるのに、自分でエンターを押して改行してしまったりして、<br>が入ればまだいいものの、<p>が入ってさらに まで…… なんてことになってしまいます。 なので、コードと触るテキスト部分を明確に分けてしまうのです。 <option value="1"> 1月 </option> わかる人には冗長で、ムズムズするかもしれませんが、このくらいハッキリと分かれていれば、「あ、1月のところを変えればテキストが変わるな」と気づくことができます。 また、前後に空行を入れることで、コードの変なところを触る危険を減らすこともできます。 小さなことですし、これで解決できるわけではありませんが、こうやって徐々に依頼人さんにコード側での更新を習慣づけていくことができれば、そのうちスムーズに更新作業が進むようになるかもしれません。
お礼
丁寧な回答ありがとうございます！ 返事が遅くなり申し訳ありません。 依頼人の更新作業のやり方を見せてもらいました。 結果、原因はワードで作った文章をコピーし、ページ編集画面へペーストすることで 不要なタグがたくさん生まれていたようです。 ワードの文章が明朝だったら、明朝のフォント指定が入っていました。 その後、出てきた赤いエラーのマーク？を適当に消していたそうで(-_-;; その繰り返しで、余白に変なタグが残ったのかもしれないと思いました。 ワードの文章をコピーし、ソース編集画面にペーストすると、変なタグは付かずにコピーでき、 コピー後の操作（改行したり追加したり削除したり）は、 ページ編集画面でしても不要なタグは生成されていないので ワードからページ編集画面への直接コピペが原因だったようです。 依頼人も理解してくれて、これからはソース画面にペーストしてくれるそうです。 （前は面倒だと嫌がられていましたが^-^;) 依頼人が更新しやすいように作ったつもりではいましたが アドバイスいただいたように、コード部分とペースト領域をはっきり分けて 依頼人がもっと作業しやすいように、私の方でも気をつけたいと思います。 ありがとうございました！
お礼
丁寧な回答ありがとうございます！ 返事が遅くなって申し訳ありませんでした。 どんなやり方をしているのか、実際見てきました。 ビルダーのバージョンはわかりませんが、新しいと思います。 依頼人のやり方は ワードで作成した文章をコピーし、ページ編集画面でペースト。 その後、出てきた赤いエラーのマーク？を適当に消していたそうです(-_-;; コピーしてペーストした時点で、質問時に記したようなタグが挿入されていました。 これを繰り返し、その後文章を消したりして、余白に変なタグが残ったのかもしれないと思いました。 ワードの文章をコピーし、ソース編集画面にペーストすると、変なタグは付かずにコピーでき、 コピー後の操作（改行したり追加したり削除したり）は、 ページ編集画面でしても不要なタグは生成されていないので ワードからページ編集画面への直接コピペが原因だったようです。 依頼人も理解してくれて、これからはソース画面にペーストしてくれるそうです。 私の方でも、アドバイスいただいたように HTMLタグに不慣れな人でもわかりやすいように、見せ方を考えたいと思います。 ありがとうございました！