• ベストアンサー

HPのソースをそのまま貼り付けたとき、そのHP通りにならないのはなぜでしょうか？

htmlでホームページを作りたいのですが、最初から自分ですべて作り上げるのは無理だと思ったので、あるHPを参考に作ることにしました。 そこで、「そのHPのソースを表示する→それをコピーして貼り付ける→貼り付けたソースをいじって自分のHPにする。」 という手順で作ろうと思ったのですが、ソースからコピーしたものを自分のHP上で表示しても、そのHP通りになりません。 詳しく言うと、文字などはそれ通りになっているものの、枠や線などといったHPを形作っている部分が表示されないのです。 なぜでしょうか。解決方法をご存知の方がいらっしゃいましたら教えて下さい！ それと、上記のようなHPの作り方をして問題ないでしょうか。 内容や写真などは全く別のものにしますし、テンプレートとして使用するつもりもございません（あくまで参考にしたいだけなのですが…）。

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

  • ベストアンサー
  • mamegoma3
  • ベストアンサー率58% (17/29)
回答No.7

使ったことが無いので出来るかわかりませんが、TeraPadで変換できるそうです。 設定箇所は下記のページを参考にShift-JISで保存するように設定してください。 http://www.mlab.im.dendai.ac.jp/~yamada/web/tool/terapad/

その他の回答 (6)

  • mamegoma3
  • ベストアンサー率58% (17/29)
回答No.6

mamegoma3です。 それは文字コードが違うからです。 下記に出ていますので参考にしてみてください。 http://oshiete1.goo.ne.jp/qa22367.html

patricia09
質問者

お礼

確かにスタイルシートの方の文字コードが違うようです！ ですが「Shift-JISで再度読み取り」という動作をしても、文字コードはUTF-8(N)のままです。 なぜ変わってくれないのでしょう…。

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

＞提示してもらったHPで検査をしようとしたのですが、対象のHPのアドレスに漢字が入っていて、検査できないようでした・・・。 　URLに日本語は含められないです。 　ですので、その場合のURLは、実際にはURLエンコードされているはずですから、URL欄をクリックして選択状態にして、それを貼り付ければ、URLエンコードされたURLがでてくるはず。もしうまく行かなければ、ブラウザを変えてみてください。

patricia09
質問者

お礼

ありがとうございます！ それでできました＾＾

  • mamegoma3
  • ベストアンサー率58% (17/29)
回答No.4

mamegoma3です。 そのソースのＵＲＬが、たとえばｈｔｔｐ：//ｗｗｗ/xxx.xx/ｘｘ.htmlならｈｔｔｐ：//ｗｗｗ/xxx.xx/style.cssをＵＲＬに打ち込めばソースが表示されると思います。これをコピーしてstyle.cssでファイルを保存してください。ｘｘ.htmlとstyle.cssを同じフォルダ（階層）に入れれば同じレイアウトで見られるとおもいます。

patricia09
質問者

お礼

ありがとうございます！ その方法でソースがわかりました。 それから何度もすいません。 スタイルシートを一緒に保存したところ文字化けしてしまいます。 保存する場所が悪いのでしょうか。

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

　原因はページのプレゼンテーションがスタイルシートで行われているためでしょう。 　サイト自体をファイルメニューから(完全)保存して見ないとだめですね。 　確かに優れたサイトを見て、その書き方を学ぶのはとても役立ちますが、あまり現実的でもありません。 ・内容が異なるためそのまま流用できない ・文章・画像等が多い場合、それを書き換えるのが大変 ・見栄えはよくても、正しいものではない。 　---W3Cの勧告にあっていない、言い換えればWEB標準でないものが大多数 　そのためには、まず、そのサイトを下記検証システムでチェックしてみること HTMLのチェック The W3C Markup Validation Service ( http://validator.w3.org/ ) Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) CSSのチェック W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/ ) 　また、ブラウザがFirefox( http://mozilla.jp/firefox/ )なら、拡張機能(アドオン)のJSView ( https://addons.mozilla.jp/firefox/details/2076 )，Mozilla Japan - Firefox 用アドオン - Html Validator ( https://addons.mozilla.jp/firefox/details/249 )、Firebug ( https://addons.mozilla.jp/firefox/details/1843 )などでの評価も出来ます。 　すくなくとも、これらで好評かなものでないと、害にはなっても役には立たないでしょう。 　それよりも、ネット上に色々あるテンプレートを使うほうがよいでしょう。 たとえば 現実的な記述の為の XHTML1.1 入門 ― MAYAH.JP ( http://mayah.jp/article/2002/xhtmlintro ) 　→HTML 文書作成例 ( http://mayah.jp/article/2002/strict ) 　　→完成品 ( http://mayah.jp/resources/2008/09/dhiblihtml.txt ) とか、

patricia09
質問者

お礼

ご返答ありがとうございます！ 提示してもらったHPで検査をしようとしたのですが、対象のHPのアドレスに漢字が入っていて、検査できないようでした・・・。 アドレスに日本語を入れることって問題ないのでしょうか…？

  • mamegoma3
  • ベストアンサー率58% (17/29)
回答No.2

文字が表示されて、レイアウトや文字の大きさなどが違うのでしたらスタイルシートが使われています。 ソースの上のほうに <link href="common.css" rel="stylesheet" type="text/css"> みたいな表記があれば、ｈｔｔｐ：//ｗｗｗ/xxx.xx/common.css　の内容もコピーしてないと正しく表示されません。 <link href="css/common.css" rel="stylesheet" type="text/css"> のように別の階層にある場合には、cssというフォルダを別につくり、そこにcommon.cssというファイル名でソースを貼り付けてください。 まったく同じものをアップしないで、参考にして自分なりに変更してホームページを作るのは問題ないと思いますよ。

patricia09
質問者

お礼

ご返答ありがとうございます！ ソースを見たら<head></head>間に <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css"> と使われていました。 この場合、私のパソコンにはスタイルシートのファイルが無いわけですから、参考にしたいHPのようには出来上がらないということですよね。 ということは、どうやら私が参考にしたかった部分というのはスタイルシートの部分だったようです。 例のソースからスタイルシートの部分の作り(？)は見ることができないのでしょうか？できないのであれば、それに似たスタイルシートのテンプレートを探せばいいわけですよね。

  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.1

スタイルシートを利用している可能性が有ります。 スタイルシートが外部ファイルの場合、単にコピーだけでは入手出来ません。 ホームページの制作に関しては、他の人ソースを参考にして制作するのは良いと思いますが、是非ともオリジナルのホームページに進化させてください。

patricia09
質問者

お礼

ご返答ありがとうございます！ スタイルシートというものがあるんですね。 知識不足でした…。スタイルシートの方ももうちょっと勉強する必要がありそうです。 ＞他の人のソースを参考にして制作するのは良い 安心しました＾＾

  1. カテゴリ
  2. インターネット・Webサービス
  3. インターネット接続・通信
  4. レンタルサーバ・ASP

関連するQ&A

  • テーブルの設置方法

    ＨＰのトップページに、お知らせなどをテーブル内に書き込みたいのですが、いろんな素材サイトを参考にしても上手くいきません。 ちゃんとソースをコピーして、ソースに貼り付けてるのですが、枠が表示されなかったりします。 単純に枠だけでいいんですが、色を変えたくても、どこが枠の色、文字色なのかもわかりません、、、 枠のみを自分の好きな大きさ、色で作る方法がありましたらよろしくお願いします。 ホームページビルダー５で、WINDOWS XPで作ってます。 初心者なので、言葉足らずかもしれませんが、よろしくお願いします。

  • テンプレート・ページのソースを表示。違い

    超初心者です。 ＨＰ作りをホームページビルダーでやっています。 お気に入りのＨＰを見つけたので「ページのソースを表示」させてコピー。それをホームペジビルダーにペーストしてみましたが、そのままのレイアウトになってくれませんでした。画像の位置などずれています。 どうして？ あと、テンプレートというのはどういったものでしょうか？「ページのソースを表示」させてコピーする方法とおんなじって事はないですか？

  • HPのソースが見れない。

    私は、パソコン初心者です。 今、他の人のホームページを参考にして自分のも作ってみようと思っています。 そこで問題なのですが、右クリック→ソースの表示をしても ソースが表示されません。 友人のパソコンではできたので設定の問題だとおもうのですが・・・ 回答お願い致します。 ＯＳは、ＷｉｎＸｐでＩＥは、Ｖｅｒ6.0です。

    • ベストアンサー
    • HTML
  • ＨＰのタイトルはどこを変更すればいいのでしょうか

    ＨＰを作成して公開し、サイトをＩＥのお気に入りに登録したら テンプレート16と表示されます フリー素材のテンプレートを使った為タイトルがそうなったのだと思います 全ページをＨＴＭＬソースで表示させテンプレート16の文字を変更したのですが まだ　ＩＥのお気に入りに登録しようと思うと　テンプレート16と出ます ほかに直すところがあるのでしょうか WINXP ホームページビルダー7

  • プラウザでHPのソースを見た時

    プラウザでHPのソースを見た時、IBM HomePage Builderと書いてある場合は 殆どが文字なども、ソースの中でも見えるのですが 文字も何もソースに見えないのは どうやってHPを作成してるのでしょうか。

  • ホームページのソースを表示させ、コピーすると枠や線が消えます

    Windpws Vistaを利用し、秀丸かメモ帳をテキストエディタとして利用しています。 ＨＰ作成の勉強を始めたばかりなのですが、勤め先のＨＰ更新を任されてしまいました。 ＨＰの各ページを開いて、「ソースの表示」→「ソースをコピーしてメモ帳に貼り付け」→「html形式で保存」→「開く」をしたときに消えてしまう線（枠線など）があります。 枠も含めて表示させるには、どのようにすればよいのでしょうか。 または、どのようなことを勉強すれば解決するのか、キーワード等ご教示いただけますと幸いです。 消えてしまうのは、たとえばこのような線です。 （これらのＨＰの管理をしているわけではありません。念のため。） ttp://www.yomiuri.co.jp/book/review/ ttp://www.h.u-tokyo.ac.jp/job/index.html#71 （頭にhを足してください） どうぞよろしくお願いいたします。

  • ネット上でHTMLソースを見ると日本語部分が文字化け

    ホームページビルダー１０を使っています。 他の人のＨＰのＨＴＭＬを参考にしようと思ってソースを見ると 日本語部分はきちんと表示されているのに 自分が作成したＨＰのソースをネットで見ると文字がおかしくなってます。出鱈目なカタカナになってたり文字化けしています。 どうすれば直せますか？

  • HPのソースが表示されなくなりました

    ＩＥを使用しています。先日までＨＰのソース表示が出来ていたのですが、今日、自分のＨＰのソースを見ようとしても全く表示されなくなりました。どうしてでしょうか？（他のＨＰも表示しません）「右クリック」でも「表示」からでも不能です。ノートンやＰＣゲートも無効にしてみましたが駄目でした。 どうしたらソースが見れるようになるのでしょうか？

  • HPのウィンドウについて聞きたいのですが。

    HP製作初心者です。よろしくお願いします。 HPのウィンドウについて質問があります。 色々なホームページをみるとFlashで作ったものの多くは 新しいウィンドウで表示された場合、枠のみだったり、 枠の現れ方が工夫されたりしているのですが（例えば枠が線上でかこまれたりしています。http://www.jazztronik.com/main.htmlなんかでつかわれています。）　どのようにつくればよいのでしょうか？？ ご存知の方おしえてください。 お願いします！！

  • すみません初心者ですが、HPの枠？ってどう作るんですか？

    HPのトップページによく四角い枠内に 「2月22日更新！」 とかスクロールする枠を設定しているのはどうやるんですか？ 背景は大体、みなさん白で、見る人がそこにカーソルをおいて文字を消したり、文字を打ちこむのも可能です。（そうする意味はないですが。） または右の矢印を押すと過去の記事もスクロールして見る事も出来ます。 よくヤフオクの出品テンプレートを貸し出してくれるHPにも 「HTML言語」 をその中に書き込んで、こちらをコピーや編集してお使いください。などと貸し出しています。 いろいろ調べてはいるのですが、そもそもその枠の事をなんていうのかもわからず検索しても見つからず、1週間が経過してしまったので質問させて下さい。 ちなみにホームページビルダー6．0を使用してます。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する