HTMLに同じコードを一括挿入

質問

HTMLに、違う.htmlに同じidやclassに、または同じidやclassを一括で同じコードを打ちこめる機能何てありませんよね。

１、Ｄreamweaverでもaptanaでもそう言った機能があるソフトはあるでしょうか。

２、まずはサイトを作って、後からＡＳＰのコードを入れようと思っているのですが、その場合すべてのファイルを開いてはりつけてを繰り返すしかないでしょうか。

大量にページがあるので、先にテンプレートにＡＳＰのコードを書いておくべきか悩みます。（簡単のため審査はないとして）
（すべてのページに特定の画像をはりつける、はりつける画像を気分で変えたいとも思っています。（画像だけの場合、最悪空のdivを置いておいてあとからcssで背景指定指定でもいいのですが・・・））
回答、アドバイスよろしくお願いします。

回答No.4

oioi_douda · ベストアンサー

#1の人が書いているスニペットを使うか
質問者が書いているテンプレートを使うかは
完全に好みの問題でしょう。

後は推奨はしないけどその部分だけをインラインフレームにしておくって手も一応はある。

なんか知ったかぶりしている人が二人ほど出てきているな。
Web業界は誰でもできると思って入ってくるから(就職できるからは別にして)
底辺の部分の人たちの知識のなさと知ったかぶり感がものすごくから注意した方が良い。

お礼

好みですね；

インラインフレームのことは知りませんでした。
インラインフレーム用の.htmlを最初に打ちこんでおけば、実質一気にコード挿入できるということでしょうか！
ですが、推奨されない理由もがあるのですね。
私が好みそうな方法なのですが・・・

回答ありがとうございました。

知ったかぶりというか、私の質問を理解されていない方がいますね。
私の質問の仕方が極端におかしかったのかと、自分を疑いそうになりました。
被せてお礼申し上げます。

補足

お礼の後に、インラインフレームが推奨されない理由について調べてみました。
ポイントは
・昔は対応していないブラウザが多かったとのこと
これについては今は大丈夫とのこと
・インラインフレームのページはコンテンツとして認められにくい？ので、サイトの記事などをインラインフレームにつかうことは、ＳＥＯ的に悪いとのこと
・逆にアフェリエイト等は、サイトとは関係のないアフェリエイトをインラインフレームにすることでＳＥＯ的に良好とのこと
この情報は確かなのでしょうか。

回答No.3

noname#206842

基本操作をマスターしていますか？・・・
ソフトは関係ないと思いますよ。

Ctrl+Cで選択範囲をコピーし、Ｃｔｒｌ＋Ｖで貼り付けるだけでは？・・・

テキストエディターであれば、すべて可能でしょう。

ソースに、$imageとかの名前をつけ、phpとかjavascriptで、読み込めば、簡単なのでは？・・・

質問の意味が理解できないのは、わたしだけでしょうか？・・・

お礼

ctrl+C等のショートカットキーは知っていました。
ですが、質問にも書いたとおり、その方法では全ページを開いて閉じてを繰り返す非効率な方法だとおもい、効率的な方法はないか質問しました。

＞ソースに、$imageとかの名前をつけ、phpとかjavascriptで、＞読み込めば、簡単なのでは？・・・
これについては、私の知識がたりないためか理解できなかったので、記憶しておこうと思います。

回答ありがとうございました。

回答No.2

ORUKA1951

HTMLを１度学びなおされると良いでしょう。
　そのためのHTMLなのですよ!!

　HTMLは、ある文書を、それを構成する要素(Element)に分解し、それぞれの要素をタグを使ってマークアップするメタ言語です。例えば、見出しでしたら<h1></h1>で括って、それが見出し(レベル1)であるとマークアップします。★デザインのためでしないですよ!!
　そして、用意されたタグ--要素--で足りないときは、
『id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』
　class名やidで文書構造が示します。

　　　HTML5では、(このHTML4.01の説明が理解されなかったために、)
　　　『文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )』

　そのために、1999年のHTML4.01の勧告以来・・・
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より

　とされてきているのですよ。

　例えば、本文中の最初のセクションの背景だけ画像を入れ替えたいなら、
HTML4.01
body>div.section div.section:first-child{background-image:url();}　
HTML5
body>section section:first-child{background-image:url();}　
　ですむはずです。
　(意味:本文の子供である最初に登場する本文の背景)

　また、特定のリンクのみボタン画像を変更したいなら
HTML4.01
div.header div.nav ol li a[href="/books"]{background-image:url();}
HTML5
header nav ol li a[href="/books"]{background-image:url();}
　(意味)header中のナビゲーションリストのhref="/books"属性を持つa要素の背景

　HTMLさえ、きちんと文書構造をマークアップされて書かれていれば、まったく苦労することはないはずです。デザインを切り離さずデザインでHTMLを書いているとこうは出来ないです。

＞（すべてのページに特定の画像をはりつける、はりつける画像を気分で変えたいとも思っています。（画像だけの場合、最悪空のdivを置いておいてあとからcssで背景指定指定でもいいのですが・・・））
　そのための文書構造とプレゼンテーションの分離です。
　単純に、body{background・・・}と外部スタイルシートを一箇所書き直せば良いですよ。
　「空のdivを」は確かに最悪です。

＞HTMLに、違う.htmlに同じidやclassに、または同じidやclassを一括で同じコードを打ちこめる機能何てありませんよね。
　どうしてもなら、高機能なテキストエディタで、該当する箇所を正規表現で検索して該当する箇所があるファイルの該当する場所を取り出せます。

お礼

熱心な回答ありがとうございます。
勉強させていただきます。

空のdivが悪いというのはどこかで見ていたのですが、何故悪いかわらないのと、私が後のために空のdivをテンプレートに置いておく（基本つかわない）手法が好きなために理由を調べた事がありませんでしたので、調べてみようと思います。
回答有難うございました。

回答No.1

Safe_Mode

スニペットを使えるソフトなら、コードをスニペットとして登録しておき、それを使うということでも、かなり省力化出来るかと思いますけど。
Ｄreamweaverでもスニペットの登録が出来るようですから、そういった機能を利用してはどうですか？

お礼

スニペットというのですね。
ですがスニペットの機能を見たところ。
コードのショートカット機能といったところでしょうか。

１つのコードのみをショートカットする場合は貼り付けて行く場合とかわなさそうですね・・・
やはり、私の考えてるような便利機能はないようですね。
回答ありがとうございました。