²Ä12¦¸§@·~¡]¼ÒÀÀ´Á¤¤¦Òªº«e´ú½m²ß½d¨Ò¡^

 

1.ÃD¥Ø¡G«Ø¥ß«eºÝºô­¶+«áºÝºô­¶¡A¨Ã±q«eºÝ¶Ç»¼°Ñ¼Æ¨ì«áºÝºô­¶¡]PHP¡^¡A¨Ã¤W¶Ç¨ìbytehostºô¯¸ªÅ¶¡¡G

 

¡]1¡^¦Û¦æ¥ÎBootstrap 5¼gºô­¶¡]¤£¥Î¼ÒªO¡^

 

¡]2¡^­×§ïºô¯¸ªºtitle¡A½s½X¡A¼ÐÃD¡A

 

¡]1¡^­º­¶¡Aindex.html

¥²¶·¥Îbootstrap5ªº±Æª©¤èªk¡A«Ø¥ß8­Ó¶W³sµ²¡A¦p¤U¡G

 

 

 

 

¡]2¡^²Ä1ÃDa1.html¡G ª±®a¡A²ø®a¡Aª±¼³§JµP

¤U¸ü¼³§JµP¹Ï¤ù

½Ð¤U¸üpoker¨Ã©ñ¨ìhw12ªº¥Ø¿ý¸Ì­±

 

°õ¦æµ²ªG¦p¤U¡G

 

 

±Æª©³]©w

1.¨â­Órow:

<div class=¡¨container¡¨>

<div class=¡¨row¡¨>

<div class=¡¨row¡¨>

¡K¡K

¡K¡K

 

2.±±¨î¹Ï¤ù¦ì¸m

<img class=¡¨col-3 offset-1¡§

<img class=¡¨col-3 offset-4¡§

col-3¡Gªí¥Ü¤¸¥ó¼e«×3®æ

offset-1¡Gªí¥Ü»P«e­±°¾²¾1®æ

 

3.javascriptªºÅܼƦ³2ºØ¡G

°Ï°ìÅܼÆn1

¥þ°ìÅÜ¼Æ var n1

 

 

¡]3¡^²Ä2ÃDa2.html à ¶Ç»¼¼Æ¾Ú¨ì¶³ºÝp2.php¥h­pºâ¡A¨ÃÅã¥Ü

³]­pµe­±¦p¤U¡G

 

µ²ªG¦p¤U©Ò¥Ü¡G

 

¡]4¡^²Ä3ÃDa3.html à ¶Ç»¼¼Æ¾Ú¨ì¶³ºÝp3.php¥h­pºâ¡A¨ÃÅã¥Ü

³]©wµe­±¦p¤U¡G

 

µ²ªG¦p¤U¡G

 

 

¡]5¡^²Ä4ÃDa4.html à ¶Ç»¼¼Æ¾Ú¨ì¶³ºÝp4.php¥hŪ¨úmysql¸ê®Æ®w

½Ð­×§ï³s½u¥D¾÷ªº¸ê°T¦p¤U¡G

¥D¾÷: ccw-mysql.mysql.database.azure.com

 

±b¸¹: user1

±K½X: 123@Ntut

Port number: 3306

¸ê®Æ®w¦WºÙ: firstdb

¸ê®Æªí¡Gbooks

 

 

³]©wµe­±¦p¤U¡G

 

µ²ªG¦p¤U©Ò¥Ü

 

 

¡]6¡^²Ä5ÃDa5.html ¡G³]­p¤@­Óbootstap 5ªº¤¸¥ó¡Gbootstrap¤¸¥ó¡G¤â­·µ^¡AFlush

 

³]©wµe­±¦p¤U¡G

 

½Ð¦Û¦æ¨ìbootstrap 5ªº©xºô¡A´M§ä¡y¤â­·µ^¡AFlush¡z¤¸¥ó¡A½Æ»sµ{¦¡½X¨Ó­×§ï

 

¨ä¤¤ªºÅã¥Ü¤ôªG¤º®e¤å¦r¦p¤U¡G

Ä«ªGªº¦n³B

Ä«ªG¬O¤@ºØÀç¾i»ù­ÈÂ×´Iªº¤ôªG¡A§t¦³Â×´Iªººû¥Í¯À C¡B¹[¡B¿¯­¹ÅÖºûµ¥Àç¾i¦¨¤À¡CÄ«ªGªº¦n³B¥]¬A¡G
­°§CÁx©T¾J¡GÄ«ªG¤¤ªº¿¯­¹ÅÖºû¥i¥HÀ°§U­°§CÁx©T¾J¤ô¥­¡A­°§C¤ßŦ¯fªº­·ÀI¡C
¹w¨¾Àù¯g¡GÄ«ªG¤¤ªº¦h×ô¥i¥HÀ°§U¹w¨¾Àù¯g¡A¨Ò¦pµ²¸zÀù¡BªÍÀù¡B¯Ø¸¢Àùµ¥¡C
§ïµ½®ø¤Æ¡GÄ«ªG¤¤ªº¿¯­¹ÅÖºû¥i¥HÀ°§U«P¶i®ø¤Æ¡A¹w¨¾«K¯µ¡C
¼W±j§K¬Ì¤O¡GÄ«ªG¤¤ªººû¥Í¯À C ¥i¥HÀ°§U¼W±j§K¬Ì¤O¡A©è¿m¯e¯f¡C

¸²µåªº¦n³B

¸²µå¬O¤@ºØÀç¾iÂ×´Iªº¤ôªG¡A§t¦³Â×´Iªººû¥Í¯À C¡B¹[¡B¿¯­¹ÅÖºû¡Bªá«C¯Àµ¥Àç¾i¦¨¤À¡C¸²µåªº¦n³B¥]¬A¡G
§Ü®ñ¤Æ¡G¸²µå¤¤ªºªá«C¯À¨ã¦³±j¤jªº§Ü®ñ¤Æ§@¥Î¡A¥i¥HÀ°§U«OÅ@²Ó­M§K¨ü¦Û¥Ñ°òªº¶Ë®`¡C
¹w¨¾¤ßŦ¯f¡G¸²µå¤¤ªº¦h×ô¥i¥HÀ°§U­°§CÁx©T¾J¤ô¥­¡A­°§C¤ßŦ¯fªº­·ÀI¡C
¹w¨¾Àù¯g¡G¸²µå¤¤ªº¦h×ô¥i¥HÀ°§U¹w¨¾Àù¯g¡A¨Ò¦pµ²¸zÀù¡BªÍÀù¡B¨Å¸¢Àùµ¥¡C
§ïµ½µø¤O¡G¸²µå¤¤ªºªá«C¯À¥i¥HÀ°§U§ïµ½µø¤O¡A¹w¨¾¶À´³Åܩʵ¥²´³¡¯e¯f¡C

¬h¤Bªº¦n³B

¬h¤B¬O¤@ºØÀç¾iÂ×´Iªº¤ôªG¡A§t¦³Â×´Iªººû¥Í¯À C¡B¹[¡B¿¯­¹ÅÖºûµ¥Àç¾i¦¨¤À¡C¬h¤Bªº¦n³B¥]¬A¡G
¼W±j§K¬Ì¤O¡G¬h¤B¤¤ªººû¥Í¯À C ¥i¥HÀ°§U¼W±j§K¬Ì¤O¡A©è¿m¯e¯f¡C
¹w¨¾·P«_¡G¬h¤B¤¤ªººû¥Í¯À C ¥i¥HÀ°§U¹w¨¾·P«_¡C
¹w¨¾¤ß¦åºÞ¯e¯f¡G¬h¤B¤¤ªº¹[¥i¥HÀ°§U­°§C¦åÀ£¡A­°§C¤ß¦åºÞ¯e¯fªº­·ÀI¡C
¹w¨¾Àù¯g¡G¬h¤B¤¤ªººû¥Í¯À C ©M¦h×ô¥i¥HÀ°§U¹w¨¾Àù¯g¡A¨Ò¦pµ²¸zÀù¡BªÍÀù¡B¨Å¸¢Àùµ¥¡C

 

¡]7¡^²Ä6ÃDa6.html ¡Gà ¶Ç»¼¼Æ¾Ú¨ì¶³ºÝp6.php¥hŪ¨úmysql¸ê®Æ®w¡A¨Ã§@ÃöÁä¦r¬d¸ß

½Ð­×§ï³s½u¥D¾÷ªº¸ê°T¦p¤U¡G

¥D¾÷: ccw-mysql.mysql.database.azure.com

 

±b¸¹: user1

±K½X: 123@Ntut

Port number: 3306

¸ê®Æ®w¦WºÙ: firstdb

¸ê®Æªí¡Gbooks

 

 

³]©wµe­±¦p¤U¡G

 

µ²ªG¦p¤U©Ò¥Ü¡G

 

 

¡]7¡^²Ä7ÃDa7.html ¡Gbootstrap¤¸¥ó¡G¹Ï¤ù½ü¬y¼½©ñ¡A¦³»¡©ú¦r¹õ(Carousel)

³]©wµe­±¦p¤U¡G

 

 

½Ð¦Û¦æ¨ìbootstrap 5ªº©xºô¡A´M§ä¡y¹Ï¤ù½ü¬y¼½©ñ¡A¦³»¡©ú¦r¹õ(Carousel)¡z¤¸¥ó¡A½Æ»sµ{¦¡½X¨Ó­×§ï

 

¤U¸ü3±i­·´º¹Ï¤ù¡A½Ð¤U¸ü¨Ã©ñ¨ìhw12ªº¥Ø¿ý¸Ì­±¡G

 

³]©w3±i¹Ï¤ù½ü¬y¼½©ñ®É¡AÅã¥Üªº¦r¹õ¦p¤U¡G

 

²Ä1±i¹Ï¤ù

¦b«n·¥ªº®L¤Ñ¡A®ü¤Ñ¤@¦â

 

²Ä2±i¹Ï¤ù

¤i¶§¦è¤U¡A´º¦â«Üº}«G

 

²Ä3±i¹Ï¤ù

®L¤Ñ¦b¤½¶é¡A§â´U¤l©ñ¦b¯ó¦a¤W

 

 

 

¡]5¡^¤W¶Ç¨ìbyethostºô¯¸¡]¥i¥H³B²z«áºÝºô­¶¡Aphp¡^

https://cpanel.byethost7.com/

 

¡]6¡^ºô§}¤W¶Ç¨ìzuvioªº§@·~°Ï¡A§¹¦¨§@·~