HTMLに、違う.htmlに同じidやclassに、または同じidやclassを一括で同じコードを打ちこめる機能何てありませんよね。
1、Dreamweaverでもaptanaでもそう言った機能があるソフトはあるでしょうか。
2、まずはサイトを作って、後からASPのコードを入れようと思っているのですが、その場合すべてのファイルを開いてはりつけてを繰り返すしかないでしょうか。
大量にページがあるので、先にテンプレートにASPのコードを書いておくべきか悩みます。(簡単のため審査はないとして)
(すべてのページに特定の画像をはりつける、はりつける画像を気分で変えたいとも思っています。(画像だけの場合、最悪空のdivを置いておいてあとからcssで背景指定指定でもいいのですが・・・))
回答、アドバイスよろしくお願いします。
No.1
- 回答日時:
スニペットを使えるソフトなら、コードをスニペットとして登録しておき、それを使うということでも、かなり省力化出来るかと思いますけど。
Dreamweaverでもスニペットの登録が出来るようですから、そういった機能を利用してはどうですか?
スニペットというのですね。
ですがスニペットの機能を見たところ。
コードのショートカット機能といったところでしょうか。
1つのコードのみをショートカットする場合は貼り付けて行く場合とかわなさそうですね・・・
やはり、私の考えてるような便利機能はないようですね。
回答ありがとうございました。
No.2
- 回答日時:
HTMLを1度学びなおされると良いでしょう。
そのためのHTMLなのですよ!!
HTMLは、ある文書を、それを構成する要素(Element)に分解し、それぞれの要素をタグを使ってマークアップするメタ言語です。例えば、見出しでしたら<h1></h1>で括って、それが見出し(レベル1)であるとマークアップします。★デザインのためでしないですよ!!
そして、用意されたタグ--要素--で足りないときは、
『id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
class名やidで文書構造が示します。
HTML5では、(このHTML4.01の説明が理解されなかったために、)
『文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/h … )』
そのために、1999年のHTML4.01の勧告以来・・・
【引用】____________ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
とされてきているのですよ。
例えば、本文中の最初のセクションの背景だけ画像を入れ替えたいなら、
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.3
- 回答日時:
基本操作をマスターしていますか?・・・
ソフトは関係ないと思いますよ。
Ctrl+Cで選択範囲をコピーし、Ctrl+Vで貼り付けるだけでは?・・・
テキストエディターであれば、すべて可能でしょう。
ソースに、$imageとかの名前をつけ、phpとかjavascriptで、読み込めば、簡単なのでは?・・・
質問の意味が理解できないのは、わたしだけでしょうか?・・・
ctrl+C等のショートカットキーは知っていました。
ですが、質問にも書いたとおり、その方法では全ページを開いて閉じてを繰り返す非効率な方法だとおもい、効率的な方法はないか質問しました。
>ソースに、$imageとかの名前をつけ、phpとかjavascriptで、>読み込めば、簡単なのでは?・・・
これについては、私の知識がたりないためか理解できなかったので、記憶しておこうと思います。
回答ありがとうございました。
No.4ベストアンサー
- 回答日時:
#1の人が書いているスニペットを使うか
質問者が書いているテンプレートを使うかは
完全に好みの問題でしょう。
後は推奨はしないけどその部分だけをインラインフレームにしておくって手も一応はある。
なんか知ったかぶりしている人が二人ほど出てきているな。
Web業界は誰でもできると思って入ってくるから(就職できるからは別にして)
底辺の部分の人たちの知識のなさと知ったかぶり感がものすごくから注意した方が良い。
この回答への補足
お礼の後に、インラインフレームが推奨されない理由について調べてみました。
ポイントは
・昔は対応していないブラウザが多かったとのこと
これについては今は大丈夫とのこと
・インラインフレームのページはコンテンツとして認められにくい?ので、サイトの記事などをインラインフレームにつかうことは、SEO的に悪いとのこと
・逆にアフェリエイト等は、サイトとは関係のないアフェリエイトをインラインフレームにすることでSEO的に良好とのこと
この情報は確かなのでしょうか。
好みですね;
インラインフレームのことは知りませんでした。
インラインフレーム用の.htmlを最初に打ちこんでおけば、実質一気にコード挿入できるということでしょうか!
ですが、推奨されない理由もがあるのですね。
私が好みそうな方法なのですが・・・
回答ありがとうございました。
知ったかぶりというか、私の質問を理解されていない方がいますね。
私の質問の仕方が極端におかしかったのかと、自分を疑いそうになりました。
被せてお礼申し上げます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP 掲示板を作成しておりアップロードファイルとメッセージを並べたいので、アドバイスお願い致します 2 2023/07/17 21:01
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
iframeを使わずに上下50%ずつに...
-
html の divとtable の役割
-
[CSS]リキッドレイアウト上で、...
-
cssにてボタン位置を下揃えしたい
-
1時間30分を簡単に表したいで...
-
h1のテキストサイズよりh2の方...
-
3カラムレイアウトで「常に残り...
-
特定範囲内のCSSの継承を断ち切...
-
スライド部分のリンクが貼れな...
-
html5でheader,footerこみのwra...
-
マウスをのせると画像が動くcss...
-
CSSのh1,h2,h3の色付けをしたい
-
開閉式の隠し要素が一瞬表示さ...
-
DD,DT,DDを横並び。paddingとma...
-
ブラウザの表示幅で100%指定が...
-
ローカルとWeb上で見え方が違う...
マンスリーランキングこのカテゴリの人気マンスリー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を埋め込む
-
hタグの右横に画像を表示
-
divを横に並べる方法
-
インラインフレームのページ内...
おすすめ情報