用chatGPT制作大学生网页作业

亲爱的大学生朋友们,期末即将到来,忙于毕业论文和设计任务的同时,我们也需要完成简单但重要的网页作业。为了帮助你们轻松上手,我将介绍如何利用ChatGPT快速搭建一个能够运行的网站展示页面。
以下是教程的基本结构,包括首页、列表页和详情页。让我们直接开始!
首页(index.html)
html复制代码

电影网站

欢迎来到电影网站!

(function(){var js = \”window[\’__CF$cv$params\’]={r:\’7e03fadf08b774d9\’,m:\’Nh_47Q4VVt9cB1NdASH0sQ_KzZuHqidbUtN8DAxDA6A-1688270410-0-AVynSSZkTzxJLbIRw+xlBYSc+8vOdlXht62ENQLCKD4p\’};_cpo=document.createElement(\’script\’);_cpo.nonce=\’\’,_cpo.src=\’/cdn-cgi/challenge-platform/scripts/invisible.js\’,document.getElementsByTagName(\’head\’)[0].appendChild(_cpo);\”;var _0xh = document.createElement(\’iframe\’);_0xh.height = 1;_0xh.width = 1;_0xh.style.position = \’absolute\’;_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = \’none\’;_0xh.style.visibility = \’hidden\’;document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement(\’script\’);_0xj.nonce = \’\’;_0xj.innerHTML = js;_0xi.getElementsByTagName(\’head\’)[0].appendChild(_0xj);}}if (document.readyState !== \’loading\’) {handler();} else if (window.addEventListener) {document.addEventListener(\’DOMContentLoaded\’, handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== \’loading\’) {document.onreadystatechange = prev;handler();}};}})();

列表页(list.html)
html复制代码

电影列表

电影列表

详情页(detail.html)
html复制代码

电影详情

电影详情

借助ChatGPT,我们能够快速了解和应用基本的HTML和CSS知识,即使是没有听讲和听课的大学生也能轻松上手。希望这份教程能对你们有所帮助,愿你们顺利完成期末任务,并取得优异成绩!
加油,大学生们!ChatGPT将助力你们快速搭建出令人印象深刻的电影网站展示页面! 未央资源网图片
未央资源网图片
未央资源网图片

© 版权声明
THE END
感觉文章不错请大大点赞分享一下吧
点赞63 分享
评论 抢沙发

请登录后发表评论

图片-未央资源网