LogoMark.png

WebDesign/BasicFAQ の変更点


#author("2019-05-26T03:27:43+00:00","default:inoue.ko","inoue.ko")
*Basic FAQ
Webデザイン実習中によくある質問
~

***CONTENTS
#contents2_1


~

***HTMLを書き直して保存したが、ブラウザ上の表示が変わらない。
-ブラウザの更新ボタンを押してみて下さい。
HTML以外のCSSやJSなど、リンクでインクルードするファイルについては、単にリロードしただけでは更新されない場合もあります。以下の方法で閲覧履歴(キャッシュ)ごとリフレッシュして見てください。
--Firefox:Shift + 「再読み込み」| Ctrl + F5 |Ctrl + R (Mac では ⌘ + R)
--Google Chrome:Ctrl + Shift + R (Mac では ⌘ +Shift + R)
--Safari: Shift + 「再読み込み」|Ctrl + F5 or  Ctrl + R (Mac では ⌘ + R)
--Internet Explorer:Ctrl +「最新の情報に更新」| Ctrl-F5 
-あなたが今編集したファイルとチェックしているファイルは同じですか?
初心者の方によくある例ですが、ファイルをコピー、移動しているうちに、自分が編集しているファイルがどれか?混乱しているケースがあります。
-ファイル名の大文字/小文字の区別は問題ありませんか。
ローカルのPC上では大文字/小文字の区別がない場合があり、大文字小文字が間違っていてもリンクがつながる場合がありますが、サーバー上では区別されますので「リンク切れ」になります。
~
~

***画像が表示されない。
-リンク切れになっていませんか。
・配置したあと「いらない」と思って消した。
・配置したあとで場所を移動した。
・配置したあとでファイル名を変更した。
これらはすべてリンク切れの原因となります。

-画像ファイルは汎用のRGB画像ですか? 
ファイル形式はJPEG、GIF、PNGなど汎用のものでなければなりません。CMYKモードの画像は、RGBモードに変換して保存し直す必要があります。Photoshop で作ったPSD形式の画像やIllustrator で作成したAI形式はブラウザでは表示できません 
~
~

***Safariでは表示される画像が、他のブラウザでは表示されない
-原因は、以下のようなところにあるようです。
--Photoshop形式の画像(.psd)を、拡張子のみ .jpg に書き換えた
--ファイル名は、XXXX.png だが、データの実体はPNG形式ではない
--画像のモードがCMYKになっている(illustratorから書き出したケース)
-MacのSafariはこのようなケースでも、画像を表示してくれるようですが、これでOKと勘違いすると、他のブラウザでは表示されません。ページの動作確認をSafariのみで行なっていると、このような問題に気づかないまま作業を進めることになってしまいますので、動作確認は複数のブラウザで行うように心がけて下さい。
-解決方法ですが、その表示されない画像を、もういちどPhotoshop等で開いて、正しい形式で保存し直して下さい。また、画像のモードがRGBモードになっているかについても確認して下さい。保存の際に「拡張子を隠す」というチェック項目がありますが、拡張子は隠してはいけません。Web用の画像に限らず、''実際のデータフォーマットと拡張子は正しくそろえる''のが基本です。
~
~

***アップロードできない(接続はできるが、正常に転送完了しない)
学園サーバーの場合、個人のディレクトリがすでに容量限界・・という場合があります。不要なファイルを削除して余裕を持たせて下さい。 
~
~

***アップロードに時間がかかる(フリーズした感じ)
フォルダの中に、Illustrator や Photoshop のオリジナルデータ、あるいは、重たい動画や音楽ファイルが含まれていませんか?数MBという程度でも、FTP転送では、重い部類に入ります(なかなか転送が完了せず、フリーズしたように見えます)。公開する必要のないファイルや重すぎるファイルをアップしないよう、オリジナル素材は別フォルダに入れて管理しましょう。
~
~
~