用chatGPT制作大学生网页作业
亲爱的大学生朋友们，期末即将到来，忙于毕业论文和设计任务的同时，我们也需要完成简单但重要的网页作业。为了帮助你们轻松上手，我将介绍如何利用ChatGPT快速搭建一个能够运行的网站展示页面。
以下是教程的基本结构，包括首页、列表页和详情页。让我们直接开始！
首页（index.html）
html复制代码
电影网站</t<img src="http://cdn.u1.huluxia.com/g4/M01/B0/66/rBAAdmSg5bKASIKkAAE-5OAlP_0109.png"/><img src="http://cdn.u1.huluxia.com/g4/M01/B0/66/rBAAdmSg5bKAPxtPAAFXA0jmp6I850.png"/><img src="http://cdn.u1.huluxia.com/g4/M01/B0/66/rBAAdmSg5bOAAKB3AAE8TSmG2Ls176.png"/></div>
<div class="article-pl">
<div class="title">
评论列表
</div>
<div class="panel ribbon-comment">
<div id="comment-place">
<div class="comment-post" id="comment-post">
<div class="cancel-reply" id="cancel-reply" style="display:none"><div id="respond"><a href="javascript:void(0);" onclick="cancelReply()">取消回复</a></div></div>
<a name="respond"></a>
<form method="post" name="commentform" action="http://zyw.i6.gs/index.php?action=addcom" id="commentform">
<input type="hidden" name="gid" value="16966" />
<p><textarea name="comment" id="comment" rows="7" tabindex="4" placeholder="来都来了，不随便说两句吗？"></textarea></p>
<p class="form-submit">
<span class="submit-tool">
<input type="text" name="qq" id="qq" placeholder="输入QQ号" value=""><!--QQ*（输入QQ即可获取资料）-->
<input type="hidden" name="comname" id="comname" value="" placeholder="昵称">
<input type="hidden" name="commail" id="commail" value="" placeholder="邮箱">
<input type="hidden" name="comurl" id="comurl" value="" placeholder="网址">
</span>
<button class="sendpl" type="submit" id="comment_submit">发布评论</button>
</p>
<input type="hidden" name="pid" id="comment-pid" value="0" size="22" tabindex="1"/>
</form>
</div>
</div>
<ol class="comment-list">
<div id="pagenavi">
</div>
</ol>
</div>
</div>
</div>
<div class="right detail-right">
<div class="article-right">
<div class="title">
热门文章
</div>
<ul class="list">
</ul>
</div>
<div class="article-right">
<div class="title">
随机推荐
</div>
<ul class="list">
<li><a href="http://zyw.i6.gs/?post=19015" target="_blank" ><i>1</i> 【分享】WPS国际版更新〓18.5.4〓支持AI写作 </a></li>
<li><a href="http://zyw.i6.gs/?post=17488" target="_blank" ><i>2</i> 【分享】怪兽漫画v1.0.68 白嫖全网漫画更新快画质高 </a></li>
<li><a href="http://zyw.i6.gs/?post=16683" target="_blank" ><i>3</i> 【资源分享】CapCut 8.5.0 安卓剪映国际版 </a></li>
<li><a href="http://zyw.i6.gs/?post=5778" target="_blank" ><i>4</i> 情侣头像制作大全v5.8.7会员版 </a></li>
<li><a href="http://zyw.i6.gs/?post=13255" target="_blank" ><i>5</i> 【资源分享】KillApps1.28.1 </a></li>
<li><a href="http://zyw.i6.gs/?post=20155" target="_blank" ><i>6</i> WordPress一为主题绕授权 </a></li>
<li><a href="http://zyw.i6.gs/?post=14007" target="_blank" ><i>7</i> 【分享】M手势 3.3.13 </a></li>
<li><a href="http://zyw.i6.gs/?post=9950" target="_blank" ><i>8</i> Pink留言岛V2.0带后台 </a></li>
<li><a href="http://zyw.i6.gs/?post=7374" target="_blank" ><i>9</i> 校园跑腿小程序 </a></li>
<li><a href="http://zyw.i6.gs/?post=17850" target="_blank" ><i>10</i> 【安卓】AdGuard 最强广告拦截 </a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="layui-clear container">
<div class="left">
<p>本站内容来源于互联网，如果有侵权内容、不妥之处，请第一时间联系我们删除。敬请谅解! E-mail：1245047831@qq.com</p>
<ul class="layui-clear">
<li><a href="/ht/7.html" target="_blank" rel="nofollow">版权声明</a></li>
<li><a href="/ht/10.html" target="_blank" rel="nofollow">侵权处理</a></li>
<li><a href="https://wpa.qq.com/msgrd?v=3&uin=1245047831&site=qq&menu=yes" target="_blank" rel="nofollow">广告合作</a></li>
<li><a href="/ht/8.html" target="_blank" rel="nofollow">我要投稿</a></li>
<li><a href="sitemap.xml" target="_blank" rel="nofollow">网站地图</a></li> <li></li>
<li><a target="_blank"></a></li>
<li style="float: right;margin-right: 0px;"><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1279685557&web_id=1279685557"></script></li> </ul>
</div>
</div>
</footer>
<script src="http://zyw.i6.gs/content/templates/htzyw/lib/js/layui.all.js"></script>
<script src="http://zyw.i6.gs/content/templates/htzyw/lib/js/common.js"></script>
<script src="http://zyw.i6.gs/include/lib/js/common_tpl.js" type="text/javascript"></script>
<script>
function myrefresh()
{
window.location.reload();
}
$(function () {
Lotto = {};
Lotto.comment = function(){
$("#qq").blur(function(){
$('#qq').attr("sl",true);
layer.msg('QQ资料获取中', {icon: 16,shade: 0.01});
$.getJSON('http://zyw.i6.gs/content/templates/htzyw/inc/qq.php?qq='+$('#qq').val()+'&callback=?', function(q){
if(q.name){
$('#comname').val(q.name);
$('#commail').val($('#qq').val()+'@qq.com');
$('#comurl').val('http://user.qzone.qq.com/'+$('#qq').val());
$('#qq').attr("disabled",false);
}else{
layer.msg('QQ资料获取失败', {icon: 16,shade: 0.01});
$('#qq').attr("sl",false);
}
});
});
}
Lotto.run = function(){this.comment();};
Lotto.run();
});
$("#commentform").on("submit", function(event) {
event.preventDefault();
if ($("#comment").val() == "") {
layer.msg('请填写评论', { icon: 5 });
return;
}else{
$("#comment_submit").html('<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>');
}
var a = $("#commentform").serialize();
var reg = /<div class=\"main\">[\r\n]*<p>(.*?)<\/p>/i;
$.ajax({
type: 'POST',
url: $("#commentform").attr("action"),
data: a,
async:true,
beforeSend:function(){
},
success:function(a){
if(reg.test(a)){
if(a.match(reg)[1]=='评论发表成功，请等待管理员审核'){
layer.msg(a.match(reg)[1], { icon: 1 });
setTimeout('myrefresh()',150)
}else{
layer.msg(a.match(reg)[1], { icon: 2 });
}
}else{
layer.msg('评论成功', { icon: 1 });
setTimeout('myrefresh()',150)
}
},
complete:function(){
$("#comment_submit").html('发布评论');
},
error:function(){
//请求出错处理
}
});
});
</script>
<script src="http://zyw.i6.gs/content/templates/htzyw/lib/js/jquery.prettify.js"></script>
<script type="text/javascript">
$(function() {
$('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto');
window.prettyPrint && prettyPrint();
});
</script>
</body>
</html> 
