1. HTML/CSSãšå¯æ¥ã®é¢é£æ§
HTMLãšCSSã¯WebããŒãžãäœæããããã®åºç€ãšãªãèšèªã§ããããã®ç¥èãšã¹ãã«ãæã€ããšã§ãå€ãã®å¯æ¥ã®ãã£ã³ã¹ãã€ããããšãã§ããŸãã以äžã§ã¯ããã®å ·äœçãªé¢é£æ§ãã¡ãªãããåžå Žååãæªçµéšè ã§ãå§ããããå¯æ¥ã®å¯èœæ§ã«ã€ããŠèª¬æããŸãã
1.1 HTML/CSSã®åœ¹å²ãšéèŠæ§
HTMLïŒHyper Text Markup LanguageïŒã¯ãWebããŒãžã®éªšæ Œãäœæããããã®ããŒã¯ã¢ããèšèªã§ããã¯ãã£ãŒãåç»ããªã³ã¯ãªã©ã®èŠçŽ ãWebããŒãžäžã«é 眮ãã圹å²ããããŸããäžæ¹ãCSSïŒCascading Style SheetsïŒã¯ããããã®èŠçŽ ã®èŠãç®ïŒè²ããã©ã³ããã¬ã€ã¢ãŠããªã©ïŒã調æŽããããã®ã¹ã¿ã€ã«ã·ãŒãèšèªã§ãã
ãããã®èšèªã¯ç¬ç«ããŠããŸãããå ±ã«äœ¿çšããããšã§ããåªããWebãã¶ã€ã³ãå¯èœã«ãããããWebå¶äœã«æºããè ã«ãšã£ãŠå¿ é ã®ã¹ãã«ãšèšããŸããå€ãã®äŒæ¥ãã€ã³ã¿ãŒããããå©çšããããžãã¹ã«åãå ¥ããŠããçŸä»£ã«ãããŠãHTML/CSSã®åœ¹å²ãšéèŠæ§ã¯ãŸããŸãå¢ããŠããŸãã
ç¿åŸãæ¯èŒç容æã§ãããªãããWebå¶äœã®åºç€ãç解ããäžã§æãåºæ¬çãªèŠçŽ ãåŠã¹ãHTML/CSSã®ç¥èã¯ãå¯æ¥ãšããŠã®ãŠã§ãéçºããã¶ã€ã³ã«ãããæ¥åéè¡åãæ Œæ®µã«åäžãããŸãã
1.2 HTML/CSSãçšããå¯æ¥ã®ã¡ãªãã
HTML/CSSãçšããå¯æ¥ã®äžã€ã«ãããªãŒã©ã³ã¹ã®Webãã¶ã€ããŒãã³ãŒããŒãšããŠæŽ»åãããšããéããããŸãããããã®å¯æ¥ã¯ãææç©ããªã¢ãŒãã§äœæããã€ã³ã¿ãŒãããçµç±ã§çŽåããããšãäžè¬çãªãããå Žæãéžã°ããèªå® ãã«ãã§ãªã©èªåã®å¥œããªç°å¢ã§äœæ¥ããããšãå¯èœã§ãã
ãŸããå€ãã®äŒæ¥ãå人ãWebãµã€ããå¿ èŠãšããŠãããããéèŠã¯éåžžã«é«ããå°éçãªèœåãããã°å²é«ã®å ±é ¬ãåŸãããšãå¯èœã§ãããããŠãäžåºŠç¿åŸããŠããŸãã°ãæ°ããªã¹ãã«ãåŠã¶ããšãªãé·æçã«å©çãåŸãããšãå¯èœã§ãããããã¯ãHTML/CSSãçšããå¯æ¥ã®å€§ããªã¡ãªãããšèšããŸãã
ããã«ãã¯ã©ã€ã¢ã³ãã®èŠæã«å¿ããã«ã¹ã¿ãã€ãºãå¯èœã§ãããããèªå·±å®çŸã®å ŽãšããŠãå å®æãåŸãããŸããåã ã®ãããžã§ã¯ããçµããããšã«ã¹ãã«ãè²ã¡ãçµéšå€ãäžããã®ãé åã®äžã€ã§ãã
1.3 å¯æ¥ã«ãããHTML/CSSã®åžå Žåå
è¿å¹Žã®åãæ¹ã®å€æ§åããªã¢ãŒãã¯ãŒã¯ã®æ®åã«äŒŽããHTML/CSSã®ã¹ãã«ãæã€ããªãŒã©ã³ã¹ã®ããŒãºã¯å¢ããŠããŸããç¹ã«ã¹ã¿ãŒãã¢ããäŒæ¥ãäžå°äŒæ¥ã§ã¯ãéãããäºç®å ã§å¹ççã«Webãµã€ããæ§ç¯ããããšèããäŒæ¥ãå€ããHTML/CSSã®ã¹ãã«ãæã€ããªãŒã©ã³ã¹ã«é«ãéèŠããããŸãã
ãŸãããŠã§ãéçºã®åéã§ã¯æ°ããæè¡ããã¬ã³ããæ¥ã çãŸããŠããŸãããHTML/CSSã¯ãã®åºç€ãšãªãæè¡ã§ãããããåžžã«éèŠããããŸããçæéã§ã®ä»äºã®å泚ãå¯èœã§ãä»äºéãéžã¹ããããå¯æ¥ãšããŠé©ããŠããŸãã
ããè¯ããµãŒãã¹æäŸã®ãããäŒæ¥ã¯ç©æ¥µçã«Webãµã€ãã®å¶äœãæ¹åãè¡ã£ãŠããããã®æµãã¯ä»åŸãç¶ããšäºæž¬ãããŠããŸãããã®ãããHTML/CSSã®ã¹ãã«ã掻ãããå¯æ¥åžå Žã¯ãä»åŸãæ¡å€§ãèŠèŸŒãŸããŸãã
1.4 æªçµéšè ã§ãå§ããããå¯æ¥ã®å¯èœæ§
HTML/CSSã¯ãä»ã®ããã°ã©ãã³ã°èšèªãšæ¯ã¹ãŠåŠç¿ããããããããããã°ã©ãã³ã°æªçµéšè ãITæ¥çãžã®è»¢è·ãèããŠããæ¹ãæåã«åŠã¶ã¹ãèšèªã§ãã
æªçµéšè ã§ãçæéã§ç¿åŸå¯èœã§ãããã€ã³ã¿ãŒãããäžã«ã¯å€ãã®åŠç¿ãªãœãŒã¹ããããããèªåã®ããŒã¹ã§åŠãã§ããããšãã§ããŸããäžåºŠåºæ¬çãªç¥èãšã¹ãã«ã身ã«ã€ããã°ããã®ã¹ãã«ãçãããŠå¯æ¥ãå§ããããšãå¯èœã§ãã
ãããŠãHTML/CSSãçšããWebå¶äœã¯çµæãç®ã«èŠãããããèªåã®ã¹ãã«ãæé·ããŠããã®ãæãæããéææãåŸãããããšã倧ããªé åã§ãããã®ãããèªåã®ã¹ãã«ã身ã«çããŠå¯æ¥ãå§ããäžæ©ãšããŠãHTML/CSSã¯éåžžã«é©ããŠããŸãã
2. HTML/CSSã®å¯æ¥ã§çšŒãããã®å¿ èŠã¹ãã«
HTML/CSSã掻çšããå¯æ¥ãå ·äœçã«ã¯Webãµã€ããWebãµãŒãã¹ã®ããã³ããšã³ãéçºã®ä»äºãç²åŸããããã«ã¯ãããã€ãã®äž»èŠãªã¹ãã«ãå¿ èŠã«ãªããŸããããã§ã¯ãã®äž»èŠã¹ãã«ãšãã®ç¿åŸæ¹æ³ã«ã€ããŠè©³ããèŠãŠãããŸãããã
2.1 HTML/CSSã®åºæ¬çãªç¥èãšæè¡
HTMLã¯ãã€ããŒããã¹ãããŒã¯ã¢ããèšèªã®ç¥ã§ãWebãµã€ãã®å ·äœçãªæ§é ãèšèšããããã®èšèªã§ãã察ããŠCSSïŒã«ã¹ã±ãŒãã£ã³ã°ã¹ã¿ã€ã«ã·ãŒãïŒã¯ãHTMLã§äœæãããWebãµã€ãã«è²åœ©ãã¬ã€ã¢ãŠããè¿œå ããããã®ã¹ã¿ã€ã«ã·ãŒãèšèªã§ãããããã®èšèªã¯Webéçºã®åºç€çãªäžéšã§ãããå¯æ¥ã§Webéçºãè¡ãå Žåã¯ãããã®èšèªãç¿åŸããããšã第äžæ©ãšãªããŸãã
HTML/CSSã®åºæ¬çãªç¥èãšããŠãHTMLã®ã¿ã°ã®äœ¿ãæ¹ãCSSã®ããããã£ã®æ±ããç解ããããšãéèŠã§ãããŸããã¬ã¹ãã³ã·ããã¶ã€ã³ã®ãã©ã¯ãã£ã¹ãããã©ãŠã¶ã®éãã«ãã衚瀺厩ãã解決ãããã¯ããã¯ãå¿ èŠãšãªãã§ãããã
2.2 åšèŸºæè¡ïŒJavaScript, PHPïŒã®ã¹ãã«
HTMLãšCSSã¯Webãµã€ãã®éçãªéšåãèšèšããè£ é£Ÿããããã®ãã®ã§ãããWebãµã€ãã«åçãªæ©èœãè¿œå ããããããŒã¿ããŒã¹ãšã®ããåããããããã«ã¯ä»ã®ããã°ã©ãã³ã°èšèªãå¿ èŠã«ãªããŸãããããJavaScriptãšPHPã§ãã
JavaScriptã¯ã¯ã©ã€ã¢ã³ããµã€ãã§åãããã°ã©ãã³ã°èšèªã§ãWebãµã€ãã«ã€ã³ã¿ã©ã¯ãã£ããªèŠçŽ ãè¿œå ããããã«äœ¿çšãããŸããäžæ¹ãPHPã¯ãµãŒããŒãµã€ãã§åãèšèªã§ãããŒã¿ããŒã¹ãšã®ã³ãã¥ãã±ãŒã·ã§ã³ããããŒã¿ã®æäœãªã©ãè¡ããŸãã
2.3 UI/UXãã¶ã€ã³ã¹ãã«
ãŠãŒã¶ãŒã«ãšã£ãŠå¹ççã§äœ¿ããããWebãµã€ããéçºããããã«ã¯ãUIïŒUser InterfaceïŒããã³UXïŒUser ExperienceïŒãã¶ã€ã³ã¹ãã«ãäžå¯æ¬ ã§ããUIã¯ãŠãŒã¶ãŒã補åããµãŒãã¹ãšå¯Ÿè©±ããããã®ã€ã³ã¿ãŒãã§ãŒã¹èšèšããUXã¯ãŠãŒã¶ãŒã補åããµãŒãã¹ã䜿çšããéã®äœéšå šäœãèšèšãããã®ã§ãã
HTML/CSSã®ã³ãŒãã£ã³ã°ã«ããWebãµã€ãæ§ç¯ã ãã§ãªãããŠãŒã¶ãŒã®ããŒãºã«åã£ãèšèšããçŽæçã«æäœã§ããã€ã³ã¿ãŒãã§ãŒã¹äœãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãåäžãããããã®ãã¶ã€ã³æèãªã©ãéèŠãšãªãã§ãããã
2.4 ææ¡åã»ã³ãã¥ãã±ãŒã·ã§ã³èœå
æåŸã«ãæè¡çãªã¹ãã«ã ãã§ãªããããè¯ã補åããµãŒãã¹ãæäŸããããã«ã¯ãææ¡åãã³ãã¥ãã±ãŒã·ã§ã³èœåãéèŠã§ãã
ã¯ã©ã€ã¢ã³ãã®èª²é¡ãèŠæãç解ããããã«å¯ŸããŠæé©ãªãœãªã¥ãŒã·ã§ã³ãææ¡ããããã®èœåãæ±ããããŸãããŸãããã«ã¿ã€ã ã®ä»äºãšäžŠè¡ããŠå¯æ¥ãè¡ãå Žåãæé管çã®ã¹ãã«ããªã¢ãŒãã¯ãŒã¯ã«ãããã³ãã¥ãã±ãŒã·ã§ã³ã®åãæ¹ãªã©ãéèŠã«ãªããŸãã
3. ããŒããã©ãªãªã®äœæãšæ·»å
3.1 ããŒããã©ãªãªã®éèŠæ§ãšäœææ¹æ³
ããŒããã©ãªãªã¯ãèªå·±PRã®ããã®éèŠãªããŒã«ã§ãããç²åŸãããå¯æ¥æ¡ä»¶ã®ã¯ã©ã€ã¢ã³ãã«å¯ŸããŠãèªåã®æè¡åã蚌æããããã®èšŒæ ãšãªããŸããHTML/CSSã®ã³ãŒãã£ã³ã°ã¹ãã«ã ãã§ãªãããã¶ã€ã³æèŠãå®è·µçãªçµéšã®èç©ã瀺ãå ŽãšãªããŸãã®ã§ãé·æçãªèŠç¹ã§äœæããåžžã«æŽæ°ãæ ããªãããã«ããããšãéèŠã§ãã
ããŒããã©ãªãªã®äœææ¹æ³ãšããŠã¯ãèªèº«ãå¶äœãããŠã§ããµã€ãããããžã§ã¯ãããŸãšãããã®éã®åœ¹å²ãéæããçµæã䜿çšããæè¡ã®å ·äœçãªèª¬æãä»ããããã«ããŸãããŸããèªè ã®ç®ãåŒããããªããžã¥ã¢ã«ãèæ ®ãããã¶ã€ã³ããçŽæçãªããã²ãŒã·ã§ã³ãéèŠãšãªããŸãã
æåã¯ç°¡çŽ ãªå 容ã§ãæ§ããŸãããéèŠãªã®ã¯ãèªèº«ã®æé·ãšãšãã«ãããéæã¢ããããŒãããŠããããšã§ããæè¡è ã®ä»äºã¯åŠã³ç¶ãããã®ã§ããããããã®æé·ãæ確ã«ç€ºãããŒããã©ãªãªã¯åŒ·åãªèªå·±PRããŒã«ãšãªããŸãã
3.2 ããŒããã©ãªãªã®å ·äœçãªå 容
ããŒããã©ãªãªã¯åºæ¬çã«ãããªãèªèº«ã®äœæ¥ã®ã¢ãŒã«ã€ããšèŠãããšãã§ããŸããèªåãé¢ãã£ããããžã§ã¯ããããããã®ãããžã§ã¯ãã§ã®åœ¹å²ãšè²¢ç®ã䜿çšæè¡ãéæçµæçãæçã«ç€ºããŸãã
ãŸããããªãã®å°éæ§ã蚌æããããã«ãã©ã®ãããªæè¡ã䜿ãã©ã®ãããªåé¡ã解決ããã®ãã瀺ãäºäŸãå«ãããšè¯ãã§ããããå ·äœçãªæ°åãææãè¿°ã¹ãããšã§ãããä¿¡é Œæãæã£ãŠã¯ã©ã€ã¢ã³ãã«è©äŸ¡ããŠããããŸãã
ããã«ãèªå·±çŽ¹ä»ãé£çµ¡å ãèªåã®å°éé åãªã©ãäžç·ã«æ²èŒããããšã§ãããèªåèªèº«ãã¯ã©ã€ã¢ã³ãã«äŒããããŸããHTML/CSSã³ãŒãã£ã³ã°ã®æè¡ã ãã§ãªããèªèº«ã®ããŒãœããªãã£ãå¿åæ§ãã¢ããŒã«ããã®ãããŒããã©ãªãªã§ãã
3.3 ããŒããã©ãªãªã®è©äŸ¡åºæº
ããŒããã©ãªãªãè©äŸ¡ããéã®åºæºãšããŠã¯ããŸãèªåãå®éã«ã©ã®ãããªã¹ãã«ãæã£ãŠããã®ãããããæ確ã«ç解ã§ããããéèŠã§ããææ§ãªè¡šçŸã§ã¯ãªããå ·äœçãªæè¡ãææãæ瀺ããããšãæ±ããããŸãã
次ã«ãããŒããã©ãªãªãé²èŠ§ããåŽãçŽæçã«ããã²ãŒãã§ãããã¶ã€ã³ãå¹æçã§ããæ å ±ãæŽçããäœç³»çã«èŠããã圢ã§æ瀺ããããšã§ãé²èŠ§è ã®ã¹ãã¬ã¹ãæžãããé·æéé²èŠ§ããŠããããå¯èœæ§ãé«ããŸãã
ãŸãããŠãŒã¶ãŒã€ã³ã¿ãã§ãŒã¹ããã¶ã€ã³ã®ã»ã³ã¹ãããŒããã©ãªãªã®éèŠãªè©äŸ¡åºæºãšãªããŸããã¯ã©ã€ã¢ã³ãã¯ãããªããã©ã®ããã«ãŠã§ããµã€ãããã¶ã€ã³ã»å®è£ ããããç¥ãããããã§ãã
3.4 ããŒããã©ãªãªã®æ¹åç
ããŒããã©ãªãªã®æ¹åçãšããŠã¯ããŸãå®æçãªã¢ããããŒããæããããŸããèªèº«ã®èœåãçµéšã¯çµ¶ããé²åããŠããããããããåæ ããããã«ããŒããã©ãªãªãæŽæ°ãç¶ããå¿ èŠããããŸãã
ãŸãã客芳çãªãã£ãŒãããã¯ãåŸãããšãæ¹åçã®äžã€ã§ããä»è ããèŠããšãã«ãèªåã®èœåãã©ã®çšåºŠäŒããã®ããã©ã®éšåããããã«ããã®ããªã©ã確èªããããšãéèŠã§ãã
ããã«ãèªåãç®æãããžã·ã§ã³ãæ¡ä»¶ã«ã€ããŠå ·äœçã«ã¢ããŒã«ããããšã倧åã§ããããªããåŸæãšããåéãããããããã£ã¬ã³ãžãããæè¡ãªã©ãå ·äœçã«è¡šçŸããããšã§ãã¯ã©ã€ã¢ã³ãã«ãšã£ãŠçæ³ã®ããŒãããŒãšãªãèŠèŸŒã¿ã瀺ãããšãã§ããŸãã
4. å¯æ¥æ¡ä»¶ãæ¢ãæ¹æ³
HTML/CSSã®ã³ãŒãã£ã³ã°ã¹ãã«ã掻ãããå¯æ¥âãããããªãã®æ¬¡ã®äžæãããããŸãããããããããã«ã¯ã©ã®ããã«ããã°è¯ãã®ã§ããããïŒä»¥äžã§ã¯ãå¯æ¥æ¡ä»¶ãèŠã€ããéžã³ãå¿åãããããŠé·æçã«æ¡ä»¶ãç²åŸããããã®æ¹æ³ãã玹ä»ããããŸãã
4.1 å¯æ¥æ¡ä»¶ãæ¢ããã©ãããã©ãŒã
æ§ã ãªãã©ãããã©ãŒã ããããŸãããç¹ã«ãããããªã®ãã¯ã©ãŠããœãŒã·ã³ã°ãµã€ãã§ããã¯ã©ãŠããœãŒã·ã³ã°ãµã€ãã¯ãããªãŒã©ã³ã¹ãšäŒæ¥ãã€ãªãããªã³ã©ã€ã³ãã©ãããã©ãŒã ã§ãã¯ã©ãŠãã¯ãŒã¯ã¹ãã©ã³ãµãŒãºãªã©ãååšããŸãããããã£ããµã€ãã§ã¯å€çš®å€æ§ãªæ¡ä»¶ãåžžã«æŽæ°ãããŠãããèªåã®ã¹ãã«ãæéã«åãããŠéžã¶ããšãã§ããŸãã
ãŸãããšãŒãžã§ã³ããå©çšããæ¹æ³ããããŸãããšãŒãžã§ã³ãã¯ãæè¡çãªã¹ãã«ãæã€ããªãŒã©ã³ã¹ãšæºè¶³åºŠã®é«ãã¹ãã«ãæ±ããäŒæ¥ããããã³ã°ãã圹å²ãæãããŸããã¬ãããã¯ããªãŒã©ã³ã¹ãITããããŒãããŒãºãªã©ã®ãšãŒãžã§ã³ãã¯ãHTML/CSSã®å¯æ¥æ¡ä»¶ã«åŒ·ããšãããŠããŸãã
æåŸã«ãèªèº«ã®ãããã¯ãŒã¯ã掻çšããããšãæå¹ã§ããç¥ãåããSNSãéããŠæ¡ä»¶ã®æ å ±ãæŽãããšãå¯èœã§ãã
4.2 å¯æ¥æ¡ä»¶ã®éžã³æ¹
æ¡ä»¶ãéžã¶éã®äžã€ã®ãã€ã³ãã¯ãããªãã®ã¹ãã«ã¬ãã«ãšæ¡ä»¶ã®é£æ床ããããããŠãããã©ããã§ããåå¿è ã®æ¹ã¯ç°¡åãªä¿®æ£ãè¿œå ãè¡ãæ¡ä»¶ããå§ããã¹ãã«ãç©ã¿éããããšã§åŸã ã«å€§ããªæ¡ä»¶ã«ææŠããŠãããšããã§ãããã
ãŸããæ¡ä»¶ã®å ±é ¬ãéèŠãªéžæåºæºã§ããããããå ±é ¬ã ãã§ãªãããã®æ¡ä»¶ãèªèº«ã®ãã£ãªã¢ã¢ããã«ã€ãªãããã©ãããèŠéã«å ¥ããã¹ãã§ãã
ãããŠãã©ã®äŒæ¥ããã®æ¡ä»¶ãªã®ãã確èªããŠãããšè¯ãã§ãããããã®äŒæ¥ãå«ççã«åé¡ã®ããäºæ¥ãè¡ã£ãŠããªããããŸãã¯äžé©åãªè¡åããšã£ãå ±åããªãããªã©ããªãµãŒãããããšãéèŠã§ãã
4.3 æ¡ä»¶å¿åæã®ã¢ããŒã«ãã€ã³ã
æ¡ä»¶ãžã®å¿åæã«ã¯ãèªåã®åŸæåéãçµéšããã£ãããšã¢ããŒã«ããŸããããå®çžŸã瀺ãããŒããã©ãªãªããããšãããªãã®æè¡åãçŽæ¥ç€ºãããšãã§ãã匷åãªã¢ããŒã«ãšãªããŸãã
ãŸããã³ãã¥ãã±ãŒã·ã§ã³èœåãã¢ããŒã«ããããšã倧åã§ããåæ»ãªã³ãã¥ãã±ãŒã·ã§ã³ã¯ããããžã§ã¯ããã¹ã ãŒãºã«é²è¡ãããŸãããã®ãããæè»æ§ãååæ§ã瀺ããšããœãŒããæ·»ããŠãããšããã§ãããã
ããã«ãèªåãæã€èª²é¡è§£æ±ºèœåãã¢ããŒã«ããããšãæå¹ã§ããå ·äœçãªäºäŸãæããã©ã®ããã«åé¡ã解決ããã®ãã玹ä»ããããšã§ãããªãã®äŸ¡å€ãçžæã«ç解ããŠãããããããªããŸãã
4.4 é·æçãªæ¡ä»¶ç²åŸã®ããã®å¯Ÿç
åçºã®æ¡ä»¶ãããªãã ãã§ãªããé·æçãªæ¡ä»¶ãç²åŸããããšã§åå ¥ãå®å®ãããããšãã§ããŸãããã®ããã«ã¯ãèªèº«ã®ã¹ãã«ç£šããæ ããªãããšãéèŠã§ããæ°ããæè¡ããã¬ã³ããåŠã³ç¶ããèªèº«ã®æè¡åãç¶æããåäžãããããšãæ±ããããŸãã
ãŸããåžžã«è¯å¥œãªã³ãã¥ãã±ãŒã·ã§ã³ãå¿æããããšã倧åã§ããã¯ã©ã€ã¢ã³ããšã®è¯å¥œãªé¢ä¿æ§ã¯ãé·æçãªæ¡ä»¶ã®åãçµã¿ãå¯èœã«ããŸãã
ããã«ãèªèº«ã®ã¹ãã«ã掻ãããå¯æ¥ãåæ³ã§ããããšã確èªããããšã倧åã§ããç¹ã«ãµã©ãªãŒãã³ã®æ¹ã¯ãäŒç€Ÿã«å¯æ¥ã®èš±å¯ãåŸããªã©ããŠãèªèº«ã®ç¶æ³ã«å¿ãã察å¿ãåãããšãå¿ èŠã§ãã
5. å¯æ¥ã§ã®ä»äºç®¡çãšæé管ç
å¯æ¥ã§ãæ¬æ¥ã§ãå®éã«çšŒãããã©ããã¯ãä»äºã®åªå é äœä»ããæé管çãã³ãã¥ãã±ãŒã·ã§ã³ãäŒæ©ãã¹ãã«ã¢ããã®æ¹æ³ãéèŠã«ãªããŸããHTML/CSSã䜿ã£ãå¯æ¥ã§æåããããã«éèŠãªãã€ã³ãã解説ããŠãããŸãã
5.1 ä»äºã®åªå é äœä»ããšã¹ã±ãžã¥ãŒãªã³ã°
å€ãã®æ¡ä»¶ãåæé²è¡ãããšãå®æãéã«åããªãå¯èœæ§ãåºãŠããŸããããã§ã¿ã¹ã¯ã®åªå é äœä»ããå¿ é ã§ãããããžã§ã¯ãã®ç·æ¥æ§ãé£æ床ãæéãªã©ãèæ ®ã«å ¥ããããšã倧åã§ãã
ãŸããäœæ¥æéãèšç»çã«èšå®ããã¹ã±ãžã¥ãŒãªã³ã°ãã¹ãã§ããæ¢åã®ä»äºãšã®äž¡ç«ãã¯ãããããé©åãªæéå²ãäœæããããšãå¿ èŠã§ãã
ãããã®ããã»ã¹ãéããŠãèšç»æ§ãæã€ããšãæé管çã®åºæ¬ãšãªããŸãã
5.2 ãªã¢ãŒãã¯ãŒã¯ã§ã®ã³ãã¥ãã±ãŒã·ã§ã³
ãªã¢ãŒãã¯ãŒã¯ã§ã¯äœèª¿ç®¡çã ãã§ãªããåæ»ãªã³ãã¥ãã±ãŒã·ã§ã³ãéèŠã§ããéåžžã®ãªãã£ã¹ã¯ãŒã¯ãšã¯ç°ãªãããªã¢ãŒãã¯ãŒã¯ã§ã¯å¯Ÿé¢ã§ã®ã³ãã¥ãã±ãŒã·ã§ã³ãé£ãããããé»è©±ãã¡ãŒã«ããã£ããããŒã«ãªã©ã掻çšããããšãéèŠã§ãã
ãŸããçžæã®åå¿ãèŠãªãã話ãããšãé£ãããããçºä¿¡æ å ±ãé©åã«äŒããããã«ãè¡šçŸãèšèé£ãã«å·¥å€«ãå¿ èŠã§ãã
ããã«ãã³ãã¥ãã±ãŒã·ã§ã³ã®é »åºŠã倧åã§ããå¿ èŠä»¥äžã«é£çµ¡ãåããšçžæãç ©ãããŠããŸãå¯èœæ§ããããŸãã®ã§ãé©åãªãã©ã³ã¹ãèŠã€ããããšãæ±ããããŸãã
5.3 é©åãªäŒæ©æéãšãªãã¬ãã·ã¥æ¹æ³
é·æéã®äœæ¥ã¯ããã©ãŒãã³ã¹äœäžããã¹ãæããããé©åºŠãªäŒæ©ã¯å¿ é ã§ããå ·äœçã«ã¯äœæ¥æéã®30ïŒ ãäŒæ¯æéã«ãããšè¯ããšãããŠããŸãã
ãŸããäŒæ©æéã«ã¯è±åžããŠã¹ãã¬ãããè¡ã£ãããé©åºŠãªæåã«ãã§ã€ã³ãªã©ã«ãããªãã¬ãã·ã¥ãå¹æçã§ãã
ããã«ãããéäžåã®ç¶æãšçç£æ§ã®åäžãå®çŸããããšãã§ããŸãã
5.4 ç¶ç¶çãªåŠç¿ãšã¹ãã«ã¢ããã®æ¹æ³
æè¡ã®é²æ©ã¯æ¥é²ææ©ã§ãããããã£ãŠãåžžã«ææ°ã®æè¡ååãææ¡ããå¿ èŠãªã¹ãã«ã身ã«ã€ããããã®ç¶ç¶çãªåŠç¿ã¯äžå¯æ¬ ã§ãã
åŠç¿æ¹æ³ã«ã¯ããªã³ã©ã€ã³ææã®å©çšãæžç±ã®èªã¿èŸŒã¿ãå°éã®ã»ãããŒãžã®åå çããããŸããèªåã«åã£ãæ¹æ³ãèŠã€ããããšãéèŠã§ãã
ãŸããå®éã«æãåãããŠäœããäœããšãããå®è·µçãªåŠç¿ããå¹æçã§ããããã«ããå³æŠåãšããŠæŽ»èºããããã®ã¹ãã«ã確å®ã«èº«ã«ã€ããããšãã§ããŸãã
6. å¯æ¥ãšäž»æ¥ã®å Œãåã
å ã ã¯æ¬æ¥ã®æéã䟵ããªãç¯å²ã§ã®åå ¥æºãšããæå³åãã匷ãã£ãå¯æ¥ã§ãããè¿å¹Žã¯åã ã®ã¹ãã«ãç掻ã¹ã¿ã€ã«ã«åãããŠãããæè»ãªåœ¢ã§æŽ»åããããšãæ±ããããŠããŸãããã®ç« ã§ã¯ãHTML/CSSã®å¯æ¥ãè¡ãéã®æ³šæç¹ã玹ä»ããŸãã
6.1 å¯æ¥èš±å¯ã®æç¡ã確èªããéèŠæ§
ãŸãéèŠãªã®ãå¯æ¥èš±å¯ã®æç¡ã®ç¢ºèªã§ããèªå·±å€æã§å¯æ¥ãè¡ã£ãŠããŸããšãå Žåã«ãã£ãŠã¯äŒç€Ÿã®èŠå®ã«éåããŠããŸãå¯èœæ§ããããŸãããã®ãããèªç€Ÿã®èŠå®ã確èªããå¿ èŠã§ããã°äžåžã人äºéšéã«çžè«ããããšãå¿ èŠã§ãã
å¯æ¥ãå§ããåã«ãã£ãããšç¢ºèªãè¡ãããšã§ã现ãããã©ãã«ãæªç¶ã«é²ããŸãã
ãŸããå¯æ¥ã§åŸãåå ¥ã«ã€ããŠãæ£ç¢ºã«å ±åããããšãèå¿ã§ãã
6.2 æ±ãããªã¹ã¯ãšãªã¹ã¯åé¿ã®æ¹æ³
å¯æ¥ãå§ããããšã§æ±ãããªã¹ã¯ãšããŠã¯ãæé管çããã©ãã«çºçæã®å¯Ÿå¿åãæããããŸãã綿å¯ãªèšç»ãã¹ã±ãžã¥ãŒã«ç®¡çãæ¬ ãããããŸãå¯æ¥ã«å¯Ÿãã蚱容床ã調æŽèœåãéèŠãšãªããŸãã
äžç¢ºå®ãªèŠçŽ ãå€ãå¯æ¥ã§ã¯ãããã®ã®ããªã¹ã¯ç®¡çããã£ãããšè¡ãã°ããŸãç«ã¡åãããšãå¯èœã§ãã
ããäžç¢ºå®æ§ãæ°ã«ãªãå Žåã¯ããã£ãããšã¡ãªããã»ãã¡ãªãããæ€èšããèªåèªèº«ãå¯æ¥ãè¡ãããšã«å¯ŸããŠã©ã®çšåºŠã®èŠæãããã®ããå確èªããŸãããã
6.3 å¯æ¥ã®åçãšçšã«ã€ããŠç解ãã
å¯æ¥ããã®åçã¯çšéã®å¯Ÿè±¡ãšãªããŸããå¯æ¥ãè¡ã£ãå Žåããã®åå ¥ã«å¿ããçšéãçºçããŸãã®ã§ããã£ãããšçšé察çãç«ãŠãŠããããšã倧åã§ãã
ãŸããå¯æ¥ããã®åçã¯ç¢ºå®ç³åã®å¯Ÿè±¡ãšãªãããã確å®ç³åã«ã€ããŠãç解ããŠããããšãéèŠã§ãã
é©åãªçšé察çãè¡ãããšã§ãå¯æ¥ããã®åçãæ倧éã«æŽ»çšããããšãã§ããŸãã
6.4 è·æ¥äººçèšèšãšå¯æ¥ã®äœçœ®ä»ã
å¯æ¥ãè¡ãããã§å€§åãªã®ããèªèº«ã®è·æ¥äººçèšèšã«å¯æ¥ãã©ã®ããã«äœçœ®ã¥ããã®ããšããç¹ã§ãã
å¯æ¥ã¯ãããŸã§ãå¯ãã®æ¥åã§ãããæ¬æ¥ã®ããã©ãŒãã³ã¹ãç¶æããäžã§ã®æŽ»åãæ±ããããŸãããã®ãããå¯æ¥ã®æé管çããã¡ããšè¡ããæ¬æ¥ãžã®åœ±é¿ãæå°éã«æããããåªåããŸãããã
ãŸããå¯æ¥ãã¹ãã«ã¢ããããã£ãªã¢åœ¢æã®äžç°ãšæããã°ãããçç£çãªæŽ»åãšãªããŸããèªå·±åçºã®äžç°ãšããŠå¯æ¥ãåãçµãããšã§ãããå€æ¹é¢ã«èªåã®å¯èœæ§ãåºããããšãã§ããŸãã