個人網站副本 | Programming Project | OrangeApple Learning Platform

{"id":554035,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003e導覽列設計\u003c/title\u003e\\n\\t\u003c!-- 引入 Bootstrap 樣式表 --\u003e\\n\\t\u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\"\u003e\\n\\t\u003cstyle\u003e\\n\\t\\t.navbar-dark .navbar-brand {\\n\\t\\t\\tcolor: #fff;\\n\\t\\t}\\n\\t\u003c/style\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n\\t\u003cnav class=\\\"navbar navbar-expand-lg navbar-dark bg-dark\\\"\u003e\\n\\t\\t\u003ca class=\\\"navbar-brand\\\" href=\\\"#\\\"\u003e\\n\\t\\t\\t\u003cimg src=\\\"logo.png\\\" width=\\\"30\\\" height=\\\"30\\\" class=\\\"d-inline-block align-top\\\" alt=\\\"\\\"\u003e\\n\\t\\t\\t柔妤的個人網站\\n\\t\\t\u003c/a\u003e\\n\\t\\t\u003cbutton class=\\\"navbar-toggler\\\" type=\\\"button\\\" data-toggle=\\\"collapse\\\" data-target=\\\"#navbarNav\\\" aria-controls=\\\"navbarNav\\\" aria-expanded=\\\"false\\\" aria-label=\\\"Toggle navigation\\\"\u003e\\n\\t\\t\\t\u003cspan class=\\\"navbar-toggler-icon\\\"\u003e\u003c/span\u003e\\n\\t\\t\u003c/button\u003e\\n\\t\\t\u003cdiv class=\\\"collapse navbar-collapse\\\" id=\\\"navbarNav\\\"\u003e\\n\\t\\t\\t\u003cul class=\\\"navbar-nav\\\"\u003e\\n\\t\\t\\t\\t\u003cli class=\\\"nav-item active\\\"\u003e\\n\\t\\t\\t\\t\\t\u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e影片創作\u003c/a\u003e\\n\\t\\t\\t\\t\u003c/li\u003e\\n\\t\\t\\t\\t\u003cli class=\\\"nav-item\\\"\u003e\\n\\t\\t\\t\\t\\t\u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e故事繪本\u003c/a\u003e\\n\\t\\t\\t\\t\u003c/li\u003e\\n\\t\\t\\t\\t\u003cli class=\\\"nav-item\\\"\u003e\\n\\t\\t\\t\\t\\t\u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e圖片作品\u003c/a\u003e\\n\\t\\t\\t\\t\u003c/li\u003e\\n\\t\\t\\t\\t\u003cli class=\\\"nav-item\\\"\u003e\\n\\t\\t\\t\\t\\t\u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e音樂作品\u003c/a\u003e\\n\\t\\t\\t\\t\u003c/li\u003e\\n\\t\\t\\t\u003c/ul\u003e\\n\\t\\t\u003c/div\u003e\\n\\t\u003c/nav\u003e\\n\\t\u003cdiv class=\\\"container-fluid bg-dark\\\"\u003e\\n  \u003cdiv class=\\\"row\\\"\u003e\\n    \u003cdiv class=\\\"col-md-8 order-md-2 mx-auto\\\"\u003e\\n      \u003cdiv class=\\\"embed-responsive embed-responsive-16by9\\\"\u003e\\n        \u003ciframe class=\\\"embed-responsive-item\\\" src=\\\"https://clipchamp.com/watch/m5e3kQMwJG1/embed\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-4 order-md-1 mx-auto text-light\\\"\u003e\\n              \u003ch2\u003e世界上最刺激的地方：我的極限旅行挑戰\u003c/h2\u003e\\n      \u003cp class=\\\"mt-3\\\"\u003e這部影片記錄了一隻勇敢的海獺叩叮，他在世界各地進行了一系列驚險刺激的極限運動挑戰。從跳傘到滑翔翼，從潛水到攀岩，叩叮總是不畏艱險，勇往直前。這個影片將帶您跟隨叩叮的腳步，體驗他的冒險之旅，並感受到他的勇氣和決心。。\u003c/p\u003e\\n    \u003c/div\u003e\\n  \u003c/div\u003e\\n\u003c/div\u003e\\n\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\"\u003e\u003c/script\u003e\\n\\t\u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n\\t\u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\\n\u003cdiv class=\\\"container\\\"\u003e\\n  \u003cdiv class=\\\"row\\\"\u003e\\n    \u003cdiv class=\\\"col-md-5\\\"\u003e\\n      \u003ch2\u003e魔法鼠\u003c/h2\u003e\\n      \u003cp\u003e這本繪本的故事背景設定在一個遙遠的魔法世界裡，主角奧利弗是一隻聰明機智的老鼠，擅長使用魔法和技巧來應對各種困難。然而，這個和平的世界很快被一位邪惡的巫師貝爾蒙特打破了。貝爾蒙特想要掌握所有的魔法力量，他開始追捕老鼠們，並且威脅要把他們變成青蛙。\u003c/p\u003e\\n      \u003cp\u003e在故事的發展中，奧利弗發現了貝爾蒙特的魔法力量來自一個神秘的魔法水晶，他決定要找到這個水晶，並且摧毀它。奧利弗帶著他的好友們展開了一場冒險之旅，他們經過了許多危險的場所，最終來到了貝爾蒙特的城堡。在城堡裡，奧利弗和貝爾蒙特展開了一場激烈的鬥爭。奧利弗使用他的魔法和技巧，成功地摧毀了魔法水晶，貝爾蒙特的魔法力量也因此消失了。\\n\\n最終，奧利弗和他的好友們成功地保護了村莊裡的老鼠，並且讓這個和平的世界回到了它原本的樣子。奧利弗成為了村莊裡的英雄，他的魔法和技巧也讓他成為了所有老鼠的榜樣。故事的結局充滿著和平和希望，奧利弗和他的好友們繼續在村莊裡生活，他們也開始傳授自己的魔法和技巧給其他老鼠，讓整個村莊變得更加繁榮和和平。\u003c/p\u003e\\n      \u003cp\u003e這本繪本的風格融合了神秘和詼諧，故事情節跌宕起伏，充滿了冒險和魔法元素，適合年幼讀者閱讀。故事中的主角奧利弗是一個非常有智慧和勇氣的角色，他的行動和決策都能夠啟發讀者的勇氣和創造力。同時，故事中的反派貝爾蒙特也是一個非常有特色的角色，他的邪惡行為和最終的結局也能夠教導讀者關於道德和正義的觀念。\\n\\n整本繪本的畫風非常精美，插圖生動而富有細節，能夠讓讀者更好地理解故事情節和角色性格。這本繪本的主題是關於勇氣、友誼和正義，能夠啟發年幼讀者的想像力和創造力，同時也能夠教導他們關於道德和價值觀的重要性。總的來說，這本繪本是一個非常值得閱讀的奇幻故事，能夠帶給讀者一個充滿魔法和冒險的世界。\\n\\n\u003c/p\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-7\\\"\u003e\\n      \u003ciframe src=\\\"https://www.canva.com/design/DAFmjqg-dTM/view?embed\\\" width=\\\"100%\\\" height=\\\"800px\\\"\u003e\u003c/iframe\u003e\\n    \u003c/div\u003e\\n  \u003c/div\u003e\\n\u003c/div\u003e\\n\u003cdiv class=\\\"container\\\"\u003e\\n  \u003cdiv class=\\\"row justify-content-center\\\"\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"6.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e巫師與他的老鼠\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"9.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e滑翔叩叮\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"11.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e老鼠王國\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"7.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e被冰山環繞的叩叮\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"8.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e巫師老鼠之戰\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"10.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e攀登山峰的叩叮\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"col-md-3\\\"\u003e\\n      \u003cdiv class=\\\"card\\\"\u003e\\n        \u003cimg src=\\\"12.png\\\" class=\\\"card-img-top\\\" alt=\\\"...\\\"\u003e\\n        \u003cdiv class=\\\"card-body text-center\\\"\u003e\\n          \u003ch5 class=\\\"card-title\\\"\u003e施展法術的巫師\u003c/h5\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n  \u003c/div\u003e\\n\u003c/div\u003e\\n\u003cdiv class=\\\"container\\\"\u003e\\n  \u003ch2\u003e音樂作品\u003c/h2\u003e\\n  \u003cul class=\\\"list-group\\\"\u003e\\n    \u003cli class=\\\"list-group-item\\\"\u003e\\n      \u003cdiv class=\\\"row\\\"\u003e\\n        \u003cdiv class=\\\"col-md-4 order-md-2\\\"\u003e\\n          \u003caudio controls\u003e\\n            \u003csource src=\\\"mp3/1.mp3\\\" type=\\\"audio/mpeg\\\"\u003e\\n          \u003c/audio\u003e\\n        \u003c/div\u003e\\n        \u003cdiv class=\\\"col-md-8 order-md-1\\\"\u003e\\n          \u003ch3\u003e小星星\u003c/h3\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/li\u003e\\n    \u003cli class=\\\"list-group-item bg-light\\\"\u003e\\n      \u003cdiv class=\\\"row\\\"\u003e\\n        \u003cdiv class=\\\"col-md-4 order-md-2\\\"\u003e\\n          \u003caudio controls\u003e\\n            \u003csource src=\\\"mp3/2.mp3\\\" type=\\\"audio/mpeg\\\"\u003e\\n          \u003c/audio\u003e\\n        \u003c/div\u003e\\n        \u003cdiv class=\\\"col-md-8 order-md-1\\\"\u003e\\n          \u003ch3\u003eHiphop風格曲\u003c/h3\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/li\u003e\\n    \\n  \u003c/ul\u003e\\n\u003c/div\u003e\\n\\n\",\"css\":\"\",\"js\":\"\"}","created_at":"2023-06-26T18:41:30.661+08:00","updated_at":"2023-06-26T18:41:30.661+08:00","name":"個人網站 副本","language":"web","screenshot":{"url":null},"parent_id":553970,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":307,"hashid":"yeysq99yk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":12634761,"file_name":"9.png","project_id":554035,"asset_id":640724,"created_at":"2023-06-26T18:41:30.674+08:00","updated_at":"2023-06-26T18:41:30.674+08:00"},{"id":12634762,"file_name":"10.png","project_id":554035,"asset_id":640725,"created_at":"2023-06-26T18:41:30.678+08:00","updated_at":"2023-06-26T18:41:30.678+08:00"},{"id":12634763,"file_name":"koding.png","project_id":554035,"asset_id":302342,"created_at":"2023-06-26T18:41:30.680+08:00","updated_at":"2023-06-26T18:41:30.680+08:00"},{"id":12634773,"file_name":"1.png","project_id":554035,"asset_id":640716,"created_at":"2023-06-26T18:42:15.918+08:00","updated_at":"2023-06-26T18:42:15.918+08:00"},{"id":12634765,"file_name":"1.mp3","project_id":554035,"asset_id":640730,"created_at":"2023-06-26T18:41:30.682+08:00","updated_at":"2023-06-26T18:41:30.682+08:00"},{"id":12634766,"file_name":"2.mp3","project_id":554035,"asset_id":640731,"created_at":"2023-06-26T18:41:30.685+08:00","updated_at":"2023-06-26T18:41:30.685+08:00"},{"id":12634767,"file_name":"7.png","project_id":554035,"asset_id":640722,"created_at":"2023-06-26T18:41:30.686+08:00","updated_at":"2023-06-26T18:41:30.686+08:00"},{"id":12634768,"file_name":"8.png","project_id":554035,"asset_id":640723,"created_at":"2023-06-26T18:41:30.688+08:00","updated_at":"2023-06-26T18:41:30.688+08:00"},{"id":12634769,"file_name":"11.png","project_id":554035,"asset_id":640726,"created_at":"2023-06-26T18:41:30.689+08:00","updated_at":"2023-06-26T18:41:30.689+08:00"},{"id":12634770,"file_name":"12.png","project_id":554035,"asset_id":640727,"created_at":"2023-06-26T18:41:30.690+08:00","updated_at":"2023-06-26T18:41:30.690+08:00"},{"id":12634771,"file_name":"6.png","project_id":554035,"asset_id":640721,"created_at":"2023-06-26T18:41:30.691+08:00","updated_at":"2023-06-26T18:41:30.691+08:00"}]