• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:mozilla系wysiwygのソース編集について)

Mozilla系WYSIWYGのソース編集について

このQ&Aのポイント
  • Mozilla系WYSIWYGのソース編集について
  • Mozilla系WYSIWYGのソース編集についての使い勝手情報を教えてください
  • Mozilla系WYSIWYGのソース編集についての使いかって手法操作を教えてください

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

そのレベルでしたら、wysiwygは必要ないというか、卒業しても良いのじゃないですか? テキストエディタだけ使うほうが楽です。 私は、EmEditorでブラウザでの確認ボタンを組み込んでいて、ソースを変更したらブラウザで確認、firefoxのアドオンを、いくつか併用しています。 openwith  IE,Chrome,Opera,Ietester,Lynx・・ firebug   width height margin padding などの確認とHTML/CSSの変更の確認 HTML Validator IE tab ・・・ 現在の私の製作方法ですが、  ⇒ホームページのナビゲーションについて教えてください - ホームページ作成ソフト - 教えて!goo( http://okwave.jp/qa/q8388912.html ) を参考にされると分かりますが、ひたすらテキストエディタでHTMLを書いていきます。テンプレートを用意しているので内容を書き込むだけです。  HTML自体は、ご覧のようにきわめてシンプルですが、見本にも書いたように要素や使い道を知らないと書けないですが、これはどんな高価なオーサリングツールでも不可能です。内容を理解して構成要素に分解し最適な要素(タグ)を選択する事は機械では無理です。 ・・・基本的にHTMLは、ここまでで、あとは触ることがありません・・・  HTMLが完成したら、スタイルシートを書きますが、そのセレクタの書き方を見ると分かるようにオーサリングツールでは、あのような効果的で分かりやすいセレクタは書いてくれません。文書構造を理解している人間でないと無理。  あとはEmEditorのブラウザ確認ボタンでブラウザを起動して、firebugで細かい修正をして確認したら、スタイルシートを修正する。  上記のサンプルを参考に効率的な製作手法を身につけてください。wysiwygより効率的です。 1) まずHTMLを書く 2) 画像などの素材を用意する。 3) スタイルシートを書く 4) firebugでチェック、修正 5) 完成  

odasaga09
質問者

お礼

過去質問の際も、いつもORUKA1951さまには大変情報的なお世話をいただいております。誠にありがとうございますm(__)m 「HP作成ジャンル」の質問回答を見に来てる度数は大きな間延び間歇でしかありませんが、リンク張っていただいた参考URLは偶然この質問前に目に入って通読させていただいておりましたm(__)m いつも、いずれ時間がある時に追試検証しよう・・・と思いながら。。。 宿題がどんどん溜まります(^^; ◆時間があれば手直し必要ページ過去作成(未熟レベル)膨大なのと、ページを増やすにも、たいてい過去ページ起こしていじって変えているのが実態です。  wysiwygしかいじれない(ソース系習得の気もない)、しかし、ここ直しといてと頼んじゃうしかない身内助手さんもいる事情で(^^;汗 また個人的には似たような画一的テンプレは使いたくないのと、といって、自己で組んだ統一的なテンプレートが確立してるわけでもなく・・・一品生産的に思いつきデザインが多様なので wysiwygはいろいろ諸事情、うまい併用がやはり課題です。。。m(__)m またご指導ご教示をどうぞよろしくお願いいたしますm(__)m  

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • WYSIWYG編集型HTMLエディタでフレーム対応ってありますか?

    いままで、KompoZerとSeaMonkeyを使用しておりました。 しかし、この双方とも、フレームに対応していなく メモ帳で、フレームソースを書いたHTMLファイルを作成して KompoZerまたはSeaMonkeyにて、編集するとフレームの書式が 無効になってしまいます。 また、直にKompoZerまたはSeaMonkeyにてフレームソースを書き込むと 保存ができないです。なんとか保存ができて開いてみると フレームの書式が無効になってしまいます(消えています)。 わたしも、検索して色々探しましたが、クリックすると404になって おりまして、すでにない状態のものがたくさんありました。 有料ソフトしかないでしょうか>< できれば、フリーウェアがいいのですが、もし有料しかないので あれば(フレーム対応でWYSIWYG編集型のもの) どれがお奨めでしょうか? KompoZerまたはSeaMonkeyはフレーム対応ということがわからないで、何 度も何度も色々とやっては繰り返し、やっと無理だということが わかりました。

  • 軽い、WYSIWYGタイプのWebサイト作成ソフトはありませんか

    現在、WinXP+SP2でGoLive5を使っています。 GoLive5が作業中にフリーズすることが多いので、そろそろ見切りをつけようと思っています。 タグ打ちタイプではなく、WYSIWYGタイプ(WYSIWYGって最近聞きませんが、タグ打ちでないタイプをどういったらいいのでしょう?)のもので、軽快に動作するものを探しています。よろしくお願い致します。 条件は以下の通りです。 ・WinXP SP2対応 ・フリー、シェア、市販を問いません。 ・WYSIWYGタイプがメインですが、必要に応じてタグを編集できる。 ・不要な部分のタグを勝手に変更・整形しない

  • タグソース、エディター配置整形した文章がバラバラに

    いつもこんなもんだとテキトーにしてきましたが・・・、 一度HTML文として読みやすく 行分けや空白行など整形したタグソース文配置が、 開ける都度、(表示できる文としては間違ってはいませんが)とても読みにくく位置バラバラになります。 見映えデザイン変更時などに、つい簡便にmoziila composer系whsiwyg ソフトとか起こしちゃうので、(主にソースエディターEmEditor (pro版)で整形してますが)、完全に一本使いではなく併用なので・・・ whsiwyg系でいじっちゃうと当然ソースを勝手に成型するので、まーそういうもんだと割り切っていましたが・・・ ◆どうも、ソースエディターEmEditorでも、タグソース文を行位置や行頭マージンをとってタグ関係わかりみやすく整形しておいても、(一度もwhsiwyg系に渡したおぼえもないのに) タグ文配置が一定の位置固定性を保たず読みにくい配置でやたら行が空いたりスペースバラバラになってしまいます。 スタンドアローン環境なので他の人の様子、情報に恵まれないので、それが普通なのか異常なのかよくわかりません。 皆さんのアドバイスをぜひよろしくお願いいたします。 (なおCSSは別link relにしないで、まーいいやで、その場所限りでタグ加えている程度の編集で。。 ので<font>デザイン系タグはまだあちこち散在します^^;恥、)

    • ベストアンサー
    • HTML
  • firefox のアドオン ソースエディット操作

    Edit source 1.01 と SourceEditor 0.2d をアドオンしています。(OS:XP sp3) また全体ソースエディターにTera Padをconfig設定しています firefox でローカルのhtmlファイルを赤枠移動で一部分表示、ソース編集が効くようなので非常に重宝・・・ と思ったのですが、編集後のwysiwyg上では改訂できているのですが、結局はソースページとして保存できてません(´_`。) 赤枠で部分ソース編集した後は、ページをどう上書き保存するのでしょうか? 操作方法、体系がもう何日、どうトライしても理解できません。 どなたか、ご教示いただけましたらm(__)m

  • Composerのようなホームページ作成ソフトはありませんか?

    Composerはとても使いやすく気に入っておりました。 これに似た使い勝手のいいホームページ作成ソフトってありませんか? このまえまでは、KompoZerというソフトウェアで作成して いましたが最近気が付いたのですが、HTMLソースの不具合というか ちょっと改造をするときに、メモ帳で開いてみましたら HTMLソースが、改行なしで永遠と横一列に並んでおりました。 これでは、編集はとてもわかりにくいです。 Composerのときは、適切に改行されていたので、メモ帳で開いても 直感的にわかりました。 たとえば、テスト的にこのようなことをしてみました。 テスト1 テスト2 テスト3 テスト4 テスト5 のようなものを作成したとしてですが Composerでは、だいたいこんな形でソースが整理されています。 <title>テスト</title></head> <body>テスト1<br> テスト2<br> テスト3<br> テスト4<br> テスト5 </body></html> KompoZerでは、イメージ的には、このようになります。 これが何行も続いているとわけがわからなくなります。 <title>テスト</title></head> <body>テスト1<br>テスト2<br>テスト3<br>テスト4<br>テスト5</body></html> メモ帳でHTMLを書き上げる能力も知識もないし、タイプミスが 多くて私には難しいです。 Composerみたいな感じのソフトで、ソースもまとまりのいい形で 表記されているソフトでフリーウェアってありますか? やはり、シェアウェアでないとないですか^^; どちらも不可でしょうか?

  • 以前、ホームページを自分で編集して作りました。

    以前、ホームページを自分で編集して作りました。 (HTML形式でソースを編集してのタグ入力、PCはWindowsXPです) 随分と更新していなかったので久しぶりに編集しようとしたところ何故かソースを表示しても横のバーに(以前は無かった)見慣れない数値の枠があり、編集しようにもどうにも出来ません。 実は以前はその度にネットに接続操作を行うようにしていたのを最近、フレッツ光ケーブルの工事をし、常にネットにつなぎっっぱなし状態になったのですがそのことが影響なんでしょうか? とはいえこれではソース編集が出来ないので仕方なく(偶然試してみた)Wordによる編集をやっているのですが楽な反面、背景画面の変更が出来ないなど不便な事も多いのです。 このような状態でソース編集を行うことは可能なんでしょうか? お知恵を拝借願いますm(__)m

  • ホームページビルダーで、急に表の幅を変えられなくなる!!

    こまってます よろしくおねがいします ◆ソフト◆ ホームページビルダーV6.5 自分のHPは表を多用するページなのですが、 作業していると、表の幅や高さを変えられなくなります 「マウスドラッグ」や「属性の変更」の操作をしても 「ページ編集」「プレビュー」どちらも変えることが 出来なくなります。 ※ HTMLソースで確認すると、幅の値は変わって いるのですが、それが視覚的に反映されません 困っています。 お助け下さい

  • 教えて下さい。フレームのページの編集が出来ない訳。

    ここ2、3日ろくに寝もしないでこんな時間までやってた甲斐合ってなんとなーくhtmlも読めるようになってきた気がします。 素人ですがどなたかまたお付き合いください。 テンプレートを加工してwebを作っているんですが、 肝心のトップページであるindex,htmlの編集が出来ません。 htmlの作成はもじらのコンポーザーでやっています。。 トップページを読み込んで開くと「不明な理由でこのページは編集出来ません」とメッセージが出ます。ソースを開いて見てみると 下のようなものしかなく、なにか出来ないかと思って頭の部分を入れてみたりしたのですが、次には 「<body>タグがないからです」ってメッセージが出ます。 このトップページってルールだけなんですよね?<body>タグなんてどこに入るんでしょうか? ココを編集してやりたい事は、縦の3分割になっているうちの "index-left.html"の割合が大きすぎて、メニューバーである真ん中のページを足すとほぼ半分ウィンドウを占めてしまい、IEなどに至ってはメインページである右側部分がほとんど見えなくなってしまいます。 それで、左側の"index-left.html"の割合を少なくしたいのですが、 それも重ねてわかりますでしょうか。 環境はMacOSX、ブラウザは基本的にサファリです。IEもネスケももじらもFIREFOXも持ってます。 何を書き込めばいいのか教えて下さい! (このページにあったソースはこれで全部です。) <frame name="l" src="index-left.html"  frameborder="0" scrolling="no"><frame name="menu" src="index-menu.html"  scrolling="no" frameborder="0"><frame name="main" src="index-main.html"  frameborder="0" scrolling="auto"> <noframes><BODY> <p>このページにはフレームが使用されていますが、お使いのブラウザではサポートされていません。</p> </BODY> </noframes>

  • 消えた ホームページ アイコン

    現状を説明いたしますので、どうか、お知恵をお貸し下さい。「alphaEDIT」でホームページを作成し、公開が出来ほっとしたのも束の間。デスクトップ上に表示していた、ホームページ編集画面へのショートカットアイコン 「alphaEDIT」 から何日ぶりかに編集しようとしたところ、アイコンが消えていました。ゴミ箱も、すべてのプログラムも探しましたがありません。フラッシュメモリにバックアップしたはずのデータも消えてました。 残っているのは「IEマーク」の付いたホームページのそれぞれのページです。なんとか、元の 「alphaEDIT」の WYSIWYG ・HTMLソース ・プレビューの3つがセットの画面が復元できないでしょうか?できればアドレス変更しないで。 弱り果てておりますどうかよろしくお願い致します。

  • デジカメでムービーシアター5 動画が反映されない

    デジカメでムービーシアター5を利用しています。 パソコンはWindows10を利用しています。 iPhoneXSで撮影した動画がムービーシアターでは反映されません。 mov形態で、なぜか反映できるものと反映できなものがあります。 MP4に形態を変更しても同様のことが起こります。 どうにか動画を反映させて編集したいのですが… お詳しい方、是非教えてください。よろしくお願いします。 ※OKWAVEより補足:「ソースネクスト株式会社の製品・サービス」についての質問です。

専門家に質問してみよう