外出自粛中でも楽しく過ごす!QAまとめ>>

ソースの中に<!-- #BeginLibraryItem -->
というのを見たのですがこれは
SSIファイルの読み込みコマンドの<!--#include file="header.html" -->と一緒の働きをする?ようなのですが、詳しくしりたいので知っている方、よろしくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

DreamweaverのLibrary機能を利用したときに、自動的に挿入されるコードです。



Libraryとは、複数のページで共通する部分(メニューなど)をパーツとしてあらかじめ作成しておき、各ページを作るときにそのパーツを選んで挿入する、というようなイメージです。もし、そのパーツのデザイン変更などあった場合、Libraryを修正するだけで、そのパーツを挿入したページ全てに自動的に反映されるので、便利です。

<!-- #BeginLibraryItem -->というのは、「ここから下の行は、Libraryに登録されたパーツの部分ですよ」という意味です。このコードがあることで、上に説明したような一括修正などが動作します。

SSIと異なるのは、実行時(ページの呼び出し時)にLibraryを見に行くのではなく、あくまでDreamweaverがLibraryに定義されたパーツを使用しているページのHTMLコードを書き換えるものだという点です。なので、Library自体はWebサーバ上に配置する必要はなく、Dreamweaverによって一括で書き換えられたHTMLをサーバに配置する、ということになります。

分かりにくいようでしたら、補足要求お願いします。
    • good
    • 1

このタグはHP作成ツールの「Dreamweaver」が入れているタグだと思われます。


「Dreamweaver」がこのタグを読んだ場合にテンプレートから読み込むなどして、各ページの共通部分を簡単に作成できるという感じらしいです。
HTMLとしてはただのコメントです。

※私はこのツールを使用している訳ではないので、多少違っているかもしれまんせんが・・・
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q

Q独自ドメインからどこのレンタルサーバーを使用してるか調べる方法

独自ドメイン(www.好きな名前.com等)からどこのレンタルサーバーを使用してるか調べる方法を教えて下さい。
またレンタルサーバー専用会社なのか大手プロバイダのレンタルサービスを使用してるかを調べる方法をできれば具体的に教えて下さい。

Aベストアンサー

.comや.orgなどならば http://www.whois.sc/
でドメイン名を入れて検索すると、
その結果表示の中の IP location という項目に
会社名がでます。

.jpならば コマンドプロンプトで"ping サーバ名"で
IPアドレスを取得、次に http://www.nic.ad.jp/
下部左の部分にそのIPアドレスを入れて検索すると
会社名がでます。

でドメインを入れて

QDreamweaver8を使っていますが編集がロックされます

ページミルで作ったファイルをDreamweaver8で編集していますが中に
<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="head" -->

<!-- InstanceEndEditable -->

<!-- InstanceEnd -->

といったタグが埋め込まれ、どうやらこれが原因でロックがかかり編集できません。
全て切り取ると編集できるようになりますが全てのページに埋め込まれていてなんとかならないものかと・・・

このタグの意味とDreamweaver8にて編集可能かどうか教えて下さい。

Aベストアンサー

そのHTMLファイルはあなたが作成したものですか?
Dreamweaverでテンプレートファイルを作成し、そのテンプレートファイルからHTMLファイルを作成した場合、

<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="編集領域名" -->
などが挿入されます。

この場合、「Templates」というフォルダ内にあるindex.dwtを編集すると、index.dwtというテンプレートを元に作成された全てのHTMLファイルが更新できます。
私のOSはWindowsなので、ページミルを使用した事がありませんが、以下のコンテンツを閲覧した限りでは、ページミルにはテンプレート機能はなさそうなので、おそらくDreamweaverでテンプレートを作成して挿入されたコメントだと思います(Dreamweaverで生成・挿入されるものと同じなため)。
http://bach.ss.sugiyama-u.ac.jp/~yamane/close/howto/index.html

ですから、各HTMLファイルから
<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="編集領域名" -->
は削除せず、テンプレートを修正した方が作業も楽だと思います。

なお、このテンプレートという機能は、一つのテンプレートファイルを編集することによって、それを元に作成したHTMLファイルを全て更新するための機能です。
それぞれのHTMLで編集する場合にロックがかからないと、せっかくのテンプレートの意味がありません。

参考URLはMacromediaのDreamweaver MXでテンプレートを作成する場合のTIPSを解説したページです。
Dreamweaver8でも同様の手順で作業できると思います。

また、テンプレートを作成する方法は下記が参考になります。
[ネストされたテンプレートを作成する]
http://www.macromedia.com/jp/support/dreamweaver/ts/documents/dw0386.html

参考URL:http://www.macromedia.com/jp/devnet/dreamweaver/articles/dw_templates.html

そのHTMLファイルはあなたが作成したものですか?
Dreamweaverでテンプレートファイルを作成し、そのテンプレートファイルからHTMLファイルを作成した場合、

<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="編集領域名" -->
などが挿入されます。

この場合、「Templates」というフォルダ内にあるindex.dwtを編集すると、index.dwtというテンプレートを元に作成された全てのHTMLファイルが更新できます。
私のOSはWindo...続きを読む

Q至急お願いします!!「代理でメールを送る場合の上司の書き方」

上司の代理でメールを送ることになりました。
その際は、上司の名前を呼び捨てにし、●●の代理で送らせていただきます。と記載していいのでしょうか。
CCに上司も入れるのですが、やはり肩書き「部長」などを付けるのは、間違いでしょうか。
自信が持てませんでしたので、質問させていただきました。
申し訳ありませんが、早速のアドバイスをお願いいたします。

Aベストアンサー

社外に送られるんですよね?
身内以外に送るのでしたら呼び捨てで大丈夫です。
メールだけでなく電話などの場合でも同様です。

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Qlist-style-type部分だけ大きくしたい

list-style-typeでdiscを選択して黒丸を表示しているのですが、
そもそもこの黒丸のサイズが小さすぎていけません。
かといって、黒丸に続くリストの文章の文字サイズは大きくしたくはありませんから、
list-style-typeのサイズだけを大きくするにはどう記述指定すればいいでしょうか?

Aベストアンサー

他に1台あるパソコンのブラウザも最新版に近いので、試す環境がないのですが…
こちらに対応ブラウザ・バージョンがずらっと並んでいるので、
list-style-image は、結構使えるように思います。
(参考URLとおなじものです)

http://www.htmq.com/style/list-style-image.shtml

参考URL:http://www.htmq.com/style/list-style-image.shtml

Qスペースを使わず文字位置を揃える方法

素人な者で大変申し訳ありません
以下のように、複数行の文字位置を揃えるタグはどうなるのでしょうか?
(下の例は揃っていませんが・・・)

1.あ        :ABC
2.abc       :ABC
3.あいう      :ABC
4、えお       :ABC

のように、空白部にスペースを使わずに文字位置を揃える方法です
ワードなどの「tabキー」の役割をするタグなんてありますか?

ご教示の程、宜しくお願い致します

以上

Aベストアンサー

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(Li)、原子量6.941、リチウムイオン電池</dd>
</dl>

<h3>元素</h3>
<ol class="periodic table">
<li><span class="element">水素</span>元素記号(H)、原子量1.008、酸素と共に水をくつる。</li>
<li><span class="element">ヘリウム</span>元素記号(He)、原子量4.003、不活性ガス</li>
<li><span class="element">リチウム</span>元素記号(Li)、原子量6.941、リチウムイオン電池</li>
</ol>

これに対して、スタイルシートを次のように書いたりします。
dl.periodic.table{counter-reset: atomicNum 0;padding-left:2em;}
dl.periodic.table dt{float:left;font-weight:bold;}
dl.periodic.table dt:before{
content: counter(atomicNum) ". ";
counter-increment: atomicNum;
}
dl.periodic.table dd{margin-left:7em;}
dl.periodic.table dd:before{content:": ";}

ol.periodic.table span.element{float:left;width:7em;position:relative;font-weight:bold;}
ol.periodic.table span.element:before{content:": ";position:absolute;right:0.5em;}

★他にどのようにマークアップされていても、用語とその説明がが区別できるようにマークアップされていれば、デザインはできます。
★デザインのためにDIVやSAPNを追加しているわけではありません。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ものです。デザインのために書いてしまうと、デザインのためにtableを使ったのと大差ありません。
 HTML5では、
※DIVやSPANは他に適した要素がないときのための最後の手段
※文書構造を示すため
 となります。

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(L...続きを読む

Q▲△帳簿に書く時どっちがマイナスでしたっけ?

▲と△ですが、どっちがプラスかマイナスか教えてください。

Aベストアンサー

マイナスを表記するときだけ、△を使うケースがあります。確定申告書がそうです。
どちらか一方の場合は、プラスには無表記、マイナスには△か▲、両方使うときはプラスで△、マイナスで▲でしょうか。

Qサイト内の不要なファイルを検索・削除するツール

ウェブサイト内で使われていない画像やhtml(内部でどこからもリンクされていないファイル)を検索・削除するツールはありますか?
現在ドリームウィーバーでサイト管理しています。

Aベストアンサー

Dreamweaverにそういう機能がありますよ。

「サイト全体のリンクチェック」と言う項目がメニューの中にあります。
それで検索をかけて出てきたファイルをリンク修正および削除すればよろしいかと~。
「破損リンク」「外部ファイル」「単独ファイル」の三種類で検索できますので必要に応じてやってみて下さい。

検索結果をダブルクリックすれば、該当htmlファイルが
開きます。
リンク切れ箇所がコードインスペクタなどで該当箇所が選択状態になっていると思いますので、「単独ファイル」ならファイル一覧から直接消すなりすればいいです。

その後、ローカルとリモートを比べてローカルにないファイルをリモート側から削除していけばいいのではないでしょうか(Dreamweaverではミラーリングは出来なかったかと…)。
WindowsXP版のDreamweaver使用していますが私はこれでやってます。

Qイラストレーターに取り込んだ画像の白い部分を透明にできますか?

例えば図面などのデータがあったとした場合、その線の部分、つまり黒い部分だけを残し、残りの白紙部分を全て透明にすることはできますか?
以前フォトショップで白紙部分をDeleteして透明にし、それをtifで保存すればイラストレーターに持ってきてもその部分は透明なまま作業ができると聞いたことがあったのですが、やってみてもできませんでした。
画像の白紙部分を簡単に透明にできる方法がありましたら教えていただければと思います。

Aベストアンサー

Illustrator 上に、すでに配置されている白黒画像であれば、画像を選択して、透明を「乗算」 に変更してみてください。
画像の下のパスが、透けて見えます。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング