htmlでホームページを作りたいのですが、最初から自分ですべて作り上げるのは無理だと思ったので、あるHPを参考に作ることにしました。
そこで、「そのHPのソースを表示する→それをコピーして貼り付ける→貼り付けたソースをいじって自分のHPにする。」
という手順で作ろうと思ったのですが、ソースからコピーしたものを自分のHP上で表示しても、そのHP通りになりません。
詳しく言うと、文字などはそれ通りになっているものの、枠や線などといったHPを形作っている部分が表示されないのです。
なぜでしょうか。解決方法をご存知の方がいらっしゃいましたら教えて下さい!
それと、上記のようなHPの作り方をして問題ないでしょうか。
内容や写真などは全く別のものにしますし、テンプレートとして使用するつもりもございません(あくまで参考にしたいだけなのですが…)。
No.7ベストアンサー
- 回答日時:
使ったことが無いので出来るかわかりませんが、TeraPadで変換できるそうです。
設定箇所は下記のページを参考にShift-JISで保存するように設定してください。
http://www.mlab.im.dendai.ac.jp/~yamada/web/tool …
No.6
- 回答日時:
確かにスタイルシートの方の文字コードが違うようです!
ですが「Shift-JISで再度読み取り」という動作をしても、文字コードはUTF-8(N)のままです。
なぜ変わってくれないのでしょう…。
No.4
- 回答日時:
mamegoma3です。
そのソースのURLが、たとえばhttp://www/xxx.xx/xx.htmlならhttp://www/xxx.xx/style.cssをURLに打ち込めばソースが表示されると思います。これをコピーしてstyle.cssでファイルを保存してください。xx.htmlとstyle.cssを同じフォルダ(階層)に入れれば同じレイアウトで見られるとおもいます。
ありがとうございます!
その方法でソースがわかりました。
それから何度もすいません。
スタイルシートを一緒に保存したところ文字化けしてしまいます。
保存する場所が悪いのでしょうか。
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. … )
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 )
とか、
ご返答ありがとうございます!
提示してもらったHPで検査をしようとしたのですが、対象のHPのアドレスに漢字が入っていて、検査できないようでした・・・。
アドレスに日本語を入れることって問題ないのでしょうか…?
No.2
- 回答日時:
文字が表示されて、レイアウトや文字の大きさなどが違うのでしたらスタイルシートが使われています。
ソースの上のほうに
<link href="common.css" rel="stylesheet" type="text/css">
みたいな表記があれば、http://www/xxx.xx/common.css の内容もコピーしてないと正しく表示されません。
<link href="css/common.css" rel="stylesheet" type="text/css">
のように別の階層にある場合には、cssというフォルダを別につくり、そこにcommon.cssというファイル名でソースを貼り付けてください。
まったく同じものをアップしないで、参考にして自分なりに変更してホームページを作るのは問題ないと思いますよ。
ご返答ありがとうございます!
ソースを見たら<head></head>間に
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
と使われていました。
この場合、私のパソコンにはスタイルシートのファイルが無いわけですから、参考にしたいHPのようには出来上がらないということですよね。
ということは、どうやら私が参考にしたかった部分というのはスタイルシートの部分だったようです。
例のソースからスタイルシートの部分の作り(?)は見ることができないのでしょうか?できないのであれば、それに似たスタイルシートのテンプレートを探せばいいわけですよね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
歩いた自慢大会
「めちゃくちゃ歩いたエピソード」を教えてください。 長時間でも長距離でも結構です。
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
HTMLのソースをワードパッドで開くと文字化けするのは?
その他(パソコン・スマホ・電化製品)
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
windows版のarcブラウザでのス...
-
画像録画ソフト Apower RECの解...
-
http://cloth-gallery.net/inde...
-
Qoo10で注文をキャンセルしたら...
-
窓の杜というサイト
-
インターネット用語について教...
-
無料サーバーなどのアドレス(...
-
SBI証券に繋がらないのですが
-
au光のIPv4/IPv6デュアルスタッ...
-
有料サイトの開設方法
-
FC2 BLOG <AUDIO TAGを入れプ...
-
ホームページ
-
サーバーログイン情報とFTP接続...
-
自分のドメインが他者のサイト...
-
インターネットの環境をポケッ...
-
Slackの料金体系に詳しい方教え...
-
アフェリエイトって登録したサ...
-
任意団体名でも開設できますか
-
あいみょんというワードが検索...
-
イントラネットを構築したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
無線LANのSSIDを変更する方法
-
HPのソースをそのまま貼り付け...
-
fc2ホームページでCSSが反映さ...
-
小窓を開くサイズ指定について
-
ホームページ公開時期について...
-
HPについて
-
テキストがボックスを出てしまう
-
ホームページのお気に入り表示名
-
WEBページで電光掲示板のように...
-
ホームページビルダーの表について
-
HPビルダーで、スクロールの色...
-
ホームビルダー9で左右2分割の...
-
swfへの直リンは勘弁してくださ...
-
マウスを置いたときのリンクの...
-
htmlで改行タグを入れていない...
-
隠しページの探し方
-
アクセスログの「HEAD」と...
-
http://www.joho-hi.ed.jp/inde...
-
数値Lについて
-
大きくなった文字を元に戻すには?
おすすめ情報