デザインの仕事について／表示がいきなり崩れた(階層がずれた)時の対処法／[自分のサイトを作成する]で最低限実装してクリアするべきチェック項目

デザインの仕事

2chまとめ　デザイン系の仕事って実際どうなの？
http://bipblog.com/archives/4494735.html

てんやわんやのグラフィックデザイン業界
http://www4.osk.3web.ne.jp/~works501/file/3df_01/3d_01.html
(現行サイト http://osakadesign.com/?86,42)

デザインの現場
http://artdesignjobs.bijutsu.co.jp/


新人Webデザイナーにありがちな
５つのコミュニケーショントラブルとその解消法
http://lpo.gaprise.com/blog/web-designers-communication-2045/


2014年6月2日これが欲しかった！フリーフォント22選
【日本語対応／商用可／無料】
http://liskul.com/freefont-2626

相場の価格表が毎年出るサイト http://w3q.jp/t/4482 http://w3q.jp/t/137

http://touch.allabout.co.jp/gm/gc/296956/?spref=http%3A%2F%2Fwebdc76.blog.fc2.com%2Fblog-entry-51.html

ほか参考 http://m.chiebukuro.yahoo.co.jp/detail/q1076997925 http://cyblog.jp/modules/weblogs/11774 http://www.webcreatorbox.com/tech/low-budget-projects/ http://e0166.blog89.fc2.com/blog-entry-401.html

---

さっきまで出来ていたhtmlファイルの表示がいきなり崩れた
画像が全部いきなりでなくなった。

WEB 第５回 4/25

↑の画像3枚を読んで階層を理解しましょう。

[相対パス]
今編集しているhtmlファイルから見て表示したいファイルがどこにあるか
今編集しているhtmlファイルの

　１つ外のフォルダ(１階層上)に表示したい画像がある場合= ../フォルダ名/画像名

　２つ外のフォルダ(２階層上)に表示したい画像がある場合= ../../フォルダ名/画像名

　同じ階層のフォルダに表示したい画像がある場合=  フォルダ名/画像名

[絶対パス]
ネット上のどこにそのファイルがあるか

http://自分のサイトのURL/フォルダ名/画像名
　

参考：絶対パスと相対パス  [１時間で作るホームページ WEBデザインの素]
http://www.shoshinsha.com/hp/1hour/know/pass.html

---

[自分のサイトを作成する]で最低限実装してクリアするべきチェック項目

2学期に向けてこれらを考慮してフローチャートを作成しよう


※フレームを使用しない事(例)。　
※段組みレイアウトを使うこと。(例：２段組みレイアウト ３段組みレイアウト)

index.htmlがあるか 
menuバーがあるか 
テンプレートにmenuが組み込まれているか     
基本のテンプレートデザインを完成する(※段組みレイアウトになっているか)
CSSを書き出す
複製して各コンテンツを作成する
ツールを組み込んでより高度なサイト作成を行う
オリジナリティのあるサイトを作成し完成する

以下のうちのどれかの条件を盛り込んであるか
★画像の多いサイトを作成する場合lightboxやwebフォトギャラリーを使う 
★SNSを外部表示するjsツールを使用する 
★オンラインジェネレーターを使用する