dreamweaver ソース コピー ｃｓｓ

質問

cssなどでデザインされたwebサイトからソースを丸々コピーしdreamweaverに貼りつけると画像が表示されなかったり、HTMLのみの表示になってしまいます。webサイトで見ているように綺麗な形に復元するにはどうしたらよいのでしょうか？

回答No.1

naokita · ベストアンサー

ワードならそのままコピーできるけど、
テキストエディタでのソースコピーだけでは無理です。

理由はHTMLソースは単なる言語。司令・命令文なのです。
例えば、画像Aを、Bフォルダから、100サイズで表示しろ！って命令。
--------------------------------
<img src="B/A.png" width="100" height="100" alt="">
<p style="background: url(B/A.png)">　　ここにも表示</p>
<p class="a-png">　　ここにも表示</p>
--------------------------------
このソースで画像を表示する場合は、画像AがBフォルダに存在しないと画像が表示されない。　B/A.png　HTMLは命令通りにBフォルダのA画像を探しに行くが、そこに画像Aが無ければ表示出来ないからです。
CSSの場合も同じでリンクされているstyle.cssがなければダメ。
<link rel="stylesheet" href="style.css" type="text/css">
つまり、
そのサイトと同じ構造（ローカルで良い）にしないといけないので、
まず、HTMLソースをコピー　CSSもコピー　画像もコピー
次に、決まった場所に同じ構造で同じ名前で保存するか、
HTMLの画像やCSSのリンク先または保存先を書き換えて指定を変更するか、
保存するときに、任意の名前にして指定先も合わせるか、
または（荒技で）直リンクでリンク参照させてもらうか・・・

お礼

ありがとうございました。参考になりました。

回答No.2

speedygon

テキストオンリーなシンプルなサイトならソースのコピーでも再現できると思いますが、通常のウェブサイトをウェブ上からソースをコピーするだけでは不十分です。

CSSやイメージなど、付随するデーターファイル一式を同じ構造で保存しなければ再現できません。

コピーできないよう処理を施している場合も少なくありませんから、ソースはあくまでも参考程度にしかならないでしょう。

お礼

ありがとうございました。参考になりました。