c
hapter1-03、chapter1-04の画像リンクの不都合を修正

chapter1-03、chapter1-04の画像リンクの不都合を修正Webデザイン・テンプレート集Chapter1-03、Chapter1-04のテンプレートデータについて、特定のサーバーにファイルをアップロードした際、一部の画像が表示されない不具合が見つかりました。
03 写真の大きさにメリハリをつけたシンプルなデザインのサイト04 パーツのモチーフを変えた中性的でポップなデザイン

白ベースの爽やかなデザインのテンプレートと、そのバージョン違いのオレンジがキーカラーのテンプレートです。

こちらのshops.htmlの見出し画像がサーバーにup時表示されないことがあります。
103_104_midashi2d

サーバーにファイルをアップロードした際に起こる現象です。

これは、画像のファイル名とスタイルシート(CSS)に書いているファイル名が違うことが原因です。
CSS上では画像のファイル名の一部が半角大文字で書かれているため、大文字と小文字を判別するタイプのサーバーにファイルをアップロードした際、画像がないと判断されてしまいます。

chapter1-03の修正箇所

CD-ROM>Chapter1>03>common>css>shops.css

「shops.css」25行目付近にある画像ファイル名の大文字を小文字に変更しました。
●修正前「midashi2D.png」→修正後「midashi2d.png」

上記のように変更したあと、「shops.css」を上書き保存してください。

chapter1-04の修正箇所

CD-ROM>Chapter1>04vari>common>css>shops.css

「shops.css」26行目付近にある画像ファイル名の大文字を小文字に変更しました。
●修正前「midashi2D.png」→修正後「midashi2d.png」

上記のように変更したあと、「shops.css」を上書き保存してください。

 
MdNさまの「Webデザイン・テンプレート集」のページでもお詫びと訂正のお知らせを行っています。
こちらでは修正データのダウンロードも用意しています。
あわせてご覧ください。
http://www.mdn.co.jp/di/book/6332/?page=2

 
購入していただいたみなさま、お手数をおかけして申し訳ありません。
今後ともWebデザイン・テンプレート集をよろしくお願いします。

コメント

  1. はじめまして
    この本を見つけた時、私にもホームページが作れると思い迷いながらも購入を決めました。
    店のホームページを作りたいと思いchapter1/02verで
    作ってみました。しかしパソコン上では、みる事ができるのに
    アップしてみたら文字のみしかアップされません。何度やっても画像やスタイルシートも反映しません。試しにCD-Rのサンプルテンプレートをそのまま編集もせずにアップしてみましたが結果は同じ。ファイルは全てファイルマネージャーでアップしました。何かやり方があるのでしょうか。

    1. お返事遅れまして、すみません!
      サーバーの情報や、ご利用しているファイルマネージャーの仕様がわからないのでなんとも言えないのですが、一般的によくアップしたのに見えない原因はパーミッションの設定によることが多いです。

      こちらのサイトがわかりやすかったので、参考になりましたら幸いです。
      (読込・実行にチェックが入っているとOKです)
      http://sugutsukaeru.jp/support/25/#set-permission

コメントは停止中です。