个人设计web前端大作业
这是当时大二第一学期web前端课的课后作业,要求个人设计一个网站各个页面样式,当时还是有太混了,没意识到应该继续学习js,jq,vue。屏幕前的你可不要学当时的我啊。源代码我个人的CSDN下载找,不需要积分,需要一个关注自己设计的界面肯定不会和你同学的重复(滑稽)样式:懒得截图了代码:<html><head><meta charset="UTF-8"><t
·
这是当时大二第一学期web前端课的课后作业,要求个人设计一个网站各个页面样式,当时还是有太混了,没意识到应该继续学习js,jq,vue。屏幕前的你可不要学当时的我啊。
源代码我个人的CSDN下载找,不需要积分,需要一个关注
自己设计的界面肯定不会和你同学的重复(滑稽)
样式:
懒得截图了
代码:
<html>
<head>
<meta charset="UTF-8">
<title>web作业</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div id="biaoti">
<ul>
<li><img id="sa" src="images/logo.png" alt="logo" width="125" height="45" ></a></li>
<li><a class="active" href="index.html">首页</a></li>
<li><a href="xiangce.html">相册</a></li>
<li><a href="zixun.html">资讯</a></li>
<li><a href="manzhan.html">漫展</a></li>
<li><a href="yinyue.html">音乐</a></li>
<li><a href="xiaoshuo.html">小说</a></li>
<li><a href="zhoubian.html">周边</a></li>
<li><a href="liuyan.html">留言</a></li>
<form><input type="text" name="username"/> <input type="reset" value="搜索"/></form>
</ul>
</div>
<div id="banner">
<div id="banz">
<img src="images/banner1.png" alt="banner1" width="585px" height="400px">
</div>
<div id="bany">
<img src="images/banner2.png" alt="banner2" width="500px" height="200px">
<div id="byw">
<a href="#">舞台剧《忧国的莫里亚蒂》公开视觉图和全…</a>
</div>
<div id="byw">
<a href="#">《Blood》系列真人电影续篇明年夏季上映</a>
</div>
</div>
</div>
<div id="main">
<div id="left">
<div id="lea">
<img src="images/zixun1.jpg" alt="zx1" id="tupian" >
<h3><a href="#">剧场版动画《来自深渊》公布前导短片 </a></h3>
<p class="note"> 周一(12月16日),剧场版动画《来自深渊 </p>
<p class="note">深魂的黎明(日语:メイドインアビス 深き魂... </p>
<span class="pv">资讯 | 计科三班 2019-12-01 阅读(1803)</span>
</div>
<div id="lea">
<img src="images/zixun2.jpg" alt="zx2" id="tupian" >
<h3><a href="#">动画《织田肉桂信长》1月10日开始播出</a></h3>
<p class="note"> 周四(12月5日)TV版动画《织田肉桂信长》
<p class="note">在其官方公布了动画的具主视觉图、本预告篇... </p>
<span class="pv">资讯 | 计科三班 2019-12-01 阅读(1803)</span>
</div>
<div id="lea">
<img src="images/zixun3.jpg" alt="zx3" id="tupian" >
<h3><a href="#">神谷浩史、高桥李依加盟动画隐瞒之事 </a></h3>
<p class="note"> 根据日本漫画家久米田康治原作漫画改编的 </p>
<p class="note">TV动画《隐瞒之事》中后藤可久士由神谷… </p>
<span class="pv">资讯 | 计科三班 2019-12-01 阅读(1803)</span>
</div>
<div id="lea">
<img src="images/zixun4.jpg" alt="zx4" id="tupian" >
<h3><a href="#">剧场版《Fate/stay night [HF]》最终章 </a></h3>
<p class="note"> Aimer日前在个人巡回演唱会仙台公演中, </p>
<p class="note">发表了将为2020年春季上映的剧场版《Fate… </p>
<span class="pv">资讯 | 计科三班 2019-12-01 阅读(1803)</span>
</div>
<div id="lea">
<img src="images/zixun5.jpg" alt="zx5" id="tupian" >
<h3><a href="#">《炎炎消防队》21卷特装版附带画集 </a></h3>
<p class="note"> 日本漫画家大久保笃的漫画《炎炎消防队》 </p>
<p class="note">第21卷于12月17日发售通常版与附带小册子... </p>
<span class="pv">资讯 | 计科三班 2019-12-01 阅读(1803)</span>
</div>
</div>
<div id="right">
<div id="bang">
<h3 id="h3r">热门文章</h3>
<div id="pwa"><p id="pa">TOP ARTICLES</p></div>
<ul>
<li class="qb">1.<a href="#">漫画《从指尖开始认真的热情-青梅竹马是消防员-》动画版今年7月播出</a></li>
<li class="qb">2.<a href="#">动画《从指尖开始认真的热情-青梅竹马是消防员-》普通版、完全版两种宣传片播出</a></li>
<li class="qb">3.<a href="#">真人版《咖啡遇上香草》福原遥、樱田通主演</a></li>
<li class="qb">4.<a href="#">动画《家有女友》公开第二部宣传片</a></li>
<li class="qb">5.<a href="#">《拳愿阿修罗》动画续篇将于10月播出</a></li>
<li class="qb">6.<a href="#">动画《关于我转生后成为史莱姆的那件事》将推出第二季</a></li>
<li class="qb">7.<a href="#">动画《鬼灭之刃》11名声优公布,主题曲由LiSA演唱</a></li>
<li class="qb">8.<a href="#">漫画《为什么老师会在这里!?》单行本将捆绑完全无修正动画DVD</a></li>
<li class="qb">9.<a href="#">漫画《citrus ~柑橘味香气~》番外篇《citrus+》12月18日开始连载</a></li>
<li class="qb">10.<a href="#">电影《HiGH&LOW THE WORST》凤仙学院新</a></li>
<li class="qb">11.<a href="#">动画《理科生坠入情网,故尝试证明。》片尾曲动画解禁</a></li>
<li class="qb">12.<a href="#">《Fate》系列将推出新年前夜特别节目</a></li>
<li class="qb">13.<a href="#">动画《座敷童子塌塌米酱》公布6名新声优</a></li>
<li class="qb">14.<a href="#">舞台剧《排球少年 最强的挑战者》公开视觉图</a></li>
<li class="qb">15.<a href="#">舞台剧《我的英雄学院》首次Live明年7月举行</a></li>
<li class="qb">16.<a href="#">《LoveLive!虹咲学园学园偶像同好会》TV动画化</a></li>
<li class="qb">17.<a href="#">动画《科学超电磁炮》第三季本宣传片播出</a></li>
<li class="qb">18.<a href="#">漫画《Darling In The Franxx》将在3话后完结</a></li>
<li class="qb">19.<a href="#">动画电影《交错的想念》公开视觉图、特报影片等情报</a></li>
<li class="qb">20.<a href="#">Type-Moon透露三部新《命运-冠位指定》漫画</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="foot">
<img src="images/bannar.jpg" alt="banner" width="1100px" height="150px">
<div id="yincang">
<p>三班动漫论坛</p>
<p>提供动漫资讯,介绍周边文化。
致力于为计科打造有趣的动漫平台</p>
</div>
</div>
</body>
</html>
上面是主页其他不粘贴了,有兴趣下载一下,又没设置积分
更多推荐
已为社区贡献1条内容
所有评论(0)