WD101: Webã®ãã¶ã¤ã³ã¯æ ã®ãªãä¸çã§ãã
ãã®ã·ãªã¼ãºã§ã¯ Web Design101ï¼WD101ï¼ã¨åä»ãã¦ãã¦ã§ããã¶ã¤ã³ãããæ·±ãç解ããããã®æåã®ä¸æ©ã«ãªãç¥èããã¦ãã¦ãã³ã©ã å½¢å¼ã§ç´¹ä»ãã¦ããã¾ãã
- Webã¯è¦ãç®ã®ã³ã³ããã¼ã«ããããªã
- ã¢ãã¿ã¼ã®å¤ããã¶ã¤ã³ããã®ã大åã§ãã
- Webã¯å¯å®¹æ§ããã¶ã¤ã³ããå ´ã§ãã
Webãµã¤ãã®ãã¶ã¤ã³ã¯ãã°ã©ãã£ãã¯ãã¶ã¤ã³ãã¨ãã£ããªã¢ã«ãã¶ã¤ã³ã¨åããããªæè¦ã§ãã¶ã¤ã³ãããã¨ãæè»æ§ã»æ¡å¼µæ§ãæ¬ ãããã®ã«ãªãã ãã§ãªããç¹å®ã®ç°å¢ã§ããè¦ããªããã®ã«ãªããã¨ãããã¾ãã
ãããªãã²ã¨ã¤ã®è¦å ã¨ãã¦ãã°ã©ãã£ãã¯ãã¶ã¤ã³ãã¨ãã£ããªã¢ã«ãã¶ã¤ã³ããç¹å®ã®ç°å¢ã§è¦ãã¨ãããã¨ãåæã«ãã¦ãã¶ã¤ã³ãã¦ããããã ã¨èãããã¾ããA4ã®ç´ã§ãã£ãããååºãµã¤ãºã ã£ãããç¹æ³¨ã®ã³ã¼ãã£ã³ã°ãæ½ãããã«ãã¼ããªã©ã決ããããæ ã®ä¸ã§ä¸çãä½ãä¸ãããã¶ã¤ã³ã«å¯¾ããWebã¯æ ãããããã§ããã¾ãããä½ãä¸ããä¸çãã¾ã¨ããããã®ãæ ããåå¨ããªãã®ã Web ã§ãã
ã©ã®æ ã«ãããå®ããããªã
ä¸è¦ãWebã§ãæ ãããããã«è¦ãã¾ããã¢ãã¿ã¼ã®å¤§ããããWebãã©ã¦ã¶ã®ãµã¤ãºãããã§ãããCSS ã® width
ã height
å±æ§ã§èªç±ã«æ ãè¨å®ãããã¨ãã§ããã§ãããããããããããã®ãæ ãã¯ãããç¹å®ã®ç¶æ
ã§ããåå¨ãã¾ããããã½ã³ã³ã«ããã¤ã¹ãéå®ããã¨ãã¦ãæ§ã
ãªå¤§ãããããã¾ãããWebãã©ã¦ã¶ãã¦ã¼ã¶ã¼ã«ãã£ã¦èªç±ãªå¤§ããã«å¤ãããã¨ãã§ãã¾ããã17ã¤ã³ãã®ã¢ãã¿ã¼ã§ããã©ã¦ã¶ã 1024 x 768 ã®å¤§ããã«å¤æ´ãã¦è¦ã¦ãã ãããã¨ãå©ç¨è
ã«æ示ããã§ãããããããã¾ã§ããªãã¨ãæ ãæèãããã¶ã¤ã³ã¯åºæ¥ãªãããã§ããããããªè¦æãå©ç¨è
ã«å¼·ãããã¨ã¯ã§ãã¾ããã
æ§ã ãªã¢ãã¿ã¼ãµã¤ãºããã£ãã¨ã¯ããããã½ã³ã³ã¯æ¯è¼çã·ã³ãã«ã§ããã800ãã¯ã»ã«ã960ãã¯ã»ã«ãªã©ãæ代ã«ãã£ã¦ãã ãããæ¨æºãã¨å¼ã°ããæ¨ªå¹ ãµã¤ãºãããããã®ãµã¤ãºãåºå®ã§æå®ããã°ãã¶ã¤ã³ããä¸ã§å¿ è¦ã¨ãªãæ ãæã«å ¥ãããã¨ãåºæ¥ã¾ãããæ¬ä¼¼çã«æ ãä½ããããã£ãç°å¢ã ã£ããã¨ãããç´ãã¶ã¤ã³ã®ãããªä½ãæ¹ãåºæ¥ãã®ããããã¾ãããããããã¿ãã¬ãããã¹ãã¼ããã©ã³ã«ãªãã¨ç¶æ³ã¯å¤§ããç°ãªãã¾ãã
æ¥æ¬ã ãã§ã 100以ä¸ã® Android æ©å¨ãããããµã¤ãºã ãã§ãªã解å度ãæ§ã ã§ãã iOS ã«çµã£ãã¨ãã¦ã 4ã¤ã®ç°ãªããµã¤ãºãåå¨ããä»ç§åºãã¨åããã¦ãã iPhone 5 ãç»å ´ãããã¨ã«ãã£ã¦æ°ããªãµã¤ãºãå ããããããã¾ããã
ç¾ç¶ 4種é¡ãããªã iOS ã«çµãã®ã§ããã°ãããããç°ãªãæ ã«å¯¾ãã¦ãã¶ã¤ã³ãããã¨ãåºæ¥ãããããã¾ãããããããå©ç¨è æ°ãèæ ®ããã¨ãiOS ã«éå®ããã®ã¯ç¾å®çã§ã¯ããã¾ãããã·ã§ã¢ãé«ãããã¤ã¹ã«çµãã¨ãã£ã¦ããæã® Windows vs. Mac ã®ã¨ãã®ããã«ãé ä½ãä»ããããã»ã©æ確ã§ã¯ããã¾ããã
ããã§ãããã¤ã¹ãç¹å®ãããã¨ã§ãæ ã¨ããæ¦å¿µãå°ãã§ãæ´»ããããã¶ã¤ã³ãããã®ããããã¨ãã¬ã¹ãã³ã·ãWebãã¶ã¤ã³ãã¯ããã¨ãããå¯å¤ã°ãªãããç¨ããæ ã«æãããªãä½ãæ¹ã«ãã¦ããã®ããã±ã¼ã¹ãã¤ã±ã¼ã¹ã§ããããããã«ãããç´ããã«ãã¼ãã®ãããªæ確ãªæ çµã¿ã®ä¸ã§ä¸çãä½ãåºããã¨ã¯å°é£ã ã¨ããã¾ãã
æ ããªãã¨ããæ°ããªå¶ç´
ç´ã«ã¯ä¸ä¸å·¦å³ã«æ ãããã¾ãã
ããã¦ããã®æ ãæ大éã«æ´»ããããã¶ã¤ã³ãããã®ããç´ã®ãã¶ã¤ã³ã®é¢ç½ãã¨ããã§ãããè
ã®è¦ãæã§ããç´ã®æ ã¯ãç´ã¨ããåªä½ã®ç¹å¾´ã§ããã¨åæã«ããã¶ã¤ã³ã«ãããå¶ç´ã§ããããã¦ãããããå¶ç´ãç解ããæ´»ç¨ãã¦ãããããããåªä½ã«é©ãããã¶ã¤ã³ãå¯è½ãªããã§ãã
Webã«ã¯ããã®ãæ ãã¨ããå¶ç´ãããã¾ããã
æ確ãªæ ãããã®ã¯ãä¸é¨ã ãã§ããã®ä¸é¨ãã©ãããã横å¹
ãããã®ãåãããªãã¨ããããããµããªãã®ã§ããä¸é¨ã¯ã³ã³ãã³ãã®é·ããã£ã¦å¤å¹»èªå¨ã«å¤ããã¾ããã両èãåããããªãã¨ãããã¾ããã¤ã¾ããç´ã®ãã¶ã¤ã³ã«ãããå¶ç´ããWebã§ã¯åå¨ããªãããã§ããããããå¶ç´ãããããã«æ ãå¼ãã¦ãã¶ã¤ã³ãããã¨ã¯åºæ¥ã¾ãããWebã¨ããåªä½ã«é©ããä½ãæ¹ã¨ãããããã¯ãç´ã«ä¼¼ããããã®æ¬ä¼¼çãªæ段ã«éãã¾ããã
é©ãããã¶ã¤ã³ãããã«ã¯ãæ±ãåªä½ã«ãããç¹æã®å¶ç´ãç解ãã¦ãåãã¦å®è£ ã§ãã¾ããç´ã«ã¯ãæ ããããã¨ããå¶ç´ããããWebã«ã¯ãæ ããªããã¨ããå¶ç´ãåå¨ãã¾ããå¶ç´ãç解ããã«ãå¥ã®åªä½ã®å¶ç´ãç¡çã«æã¡è¾¼ããã¨ãããããWebã¯é£ããããç´ã¯é£ãããã¨ãããã¨ã«ãªãããã§ãã
Webã¸ç¹ããããã¤ã¹ãã¾ãã¾ãå¢ãã¦ããä¸ã§ãä»å¾ããä¸å±¤ãæ ããªãã¨ããå¶ç´ãç解ããæ´»ç¨ãããã¶ã¤ã³ãå¿ è¦ã¨ããã¦ãã¾ããæ ããªãä¸çã§ã©ããã¶ã¤ã³ãã¦ããã®ãããããããªæ¨¡ç´¢ãä»ãç¶ãããã¦ãã¾ãã