白ベースの爽やかなデザインのテンプレートと、そのバージョン違いのオレンジがキーカラーのテンプレートです。
こちらのshops.htmlの見出し画像がサーバーにup時表示されないことがあります。
サーバーにファイルをアップロードした際に起こる現象です。
これは、画像のファイル名とスタイルシート(CSS)に書いているファイル名が違うことが原因です。
CSS上では画像のファイル名の一部が半角大文字で書かれているため、大文字と小文字を判別するタイプのサーバーにファイルをアップロードした際、画像がないと判断されてしまいます。
chapter1-03の修正箇所
CD-ROM>Chapter1>03>common>css>shops.css
24 25 26 27 |
h2 { background: url(../img/midashi2D.png) no-repeat left center; width: 350px; height: 30px; |
↓
24 25 26 27 |
h2 { background: url(../img/midashi2d.png) no-repeat left center; width: 350px; height: 30px; |
「shops.css」25行目付近にある画像ファイル名の大文字を小文字に変更しました。
●修正前「midashi2D.png」→修正後「midashi2d.png」
上記のように変更したあと、「shops.css」を上書き保存してください。
chapter1-04の修正箇所
CD-ROM>Chapter1>04vari>common>css>shops.css
25 26 27 28 |
h2 { background: url(../img/midashi2D.png) no-repeat left center; width: 350px; height: 30px; |
↓
25 26 27 28 |
h2 { background: url(../img/midashi2d.png) no-repeat left center; width: 350px; height: 30px; |
「shops.css」26行目付近にある画像ファイル名の大文字を小文字に変更しました。
●修正前「midashi2D.png」→修正後「midashi2d.png」
上記のように変更したあと、「shops.css」を上書き保存してください。
MdNさまの「Webデザイン・テンプレート集」のページでもお詫びと訂正のお知らせを行っています。
こちらでは修正データのダウンロードも用意しています。
あわせてご覧ください。
http://www.mdn.co.jp/di/book/6332/?page=2
購入していただいたみなさま、お手数をおかけして申し訳ありません。
今後ともWebデザイン・テンプレート集をよろしくお願いします。
はじめまして
この本を見つけた時、私にもホームページが作れると思い迷いながらも購入を決めました。
店のホームページを作りたいと思いchapter1/02verで
作ってみました。しかしパソコン上では、みる事ができるのに
アップしてみたら文字のみしかアップされません。何度やっても画像やスタイルシートも反映しません。試しにCD-Rのサンプルテンプレートをそのまま編集もせずにアップしてみましたが結果は同じ。ファイルは全てファイルマネージャーでアップしました。何かやり方があるのでしょうか。
お返事遅れまして、すみません!
サーバーの情報や、ご利用しているファイルマネージャーの仕様がわからないのでなんとも言えないのですが、一般的によくアップしたのに見えない原因はパーミッションの設定によることが多いです。
こちらのサイトがわかりやすかったので、参考になりましたら幸いです。
(読込・実行にチェックが入っているとOKです)
http://sugutsukaeru.jp/support/25/#set-permission