HTML学生个人网站作业设计:动漫网站设计——火影忍者动漫(7页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

news/2025/3/14 17:47:37/

一、作品介绍

1.作品简介 :html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

2.作品编辑:作品下载后可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。

3.知识应用:技术方面主要应用了大学生网页课程中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件),基本期末作业所需的知识点全覆盖。

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码展示
  • 四、戳下方👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码展示

代码说明:以下仅展示部分代码供参考~

<!DOCTYPE html><head><meta charset="utf-8" /><title>个人网页设计</title><link href="css/style.css" rel="stylesheet" />
</head><body><div id="wrapper"><div id="header"><a href="#"><img src="images/logo.png" class="logo"/></a></div><div id="menu"><ul><li><a href="index.html">个人主页</a></li><li><a href="jieshao.html">故事介绍</a></li><li><a href="renwu.html">主要人物</a></li><li><a href="meitu.html">个人美图</a></li><li><a href="zhuce.html">注册用户</a></li><li><a href="liuyan.html">随笔留言</a></li></ul></div><div id="main"><div class="content"><ul class="list"><li><img src="images/zy1.jpg" /><h5>“草帽”蒙奇·D·路飞</h5><p>初次登场:漫画第1话 年龄:17岁→19岁 生日:5月5日 血型:F型 身高:172cm→174cm 身份:草帽 故乡:东海·风车村 ...</p><a href="#">详情...</a></li><li><img src="images/zy2.jpg" /><h5>“小贼猫”娜美</h5><p>初次登场:漫画第8话 年龄:18岁→20岁 生日:7月3日 血型:X型 身份:阿龙海贼团测量员→草帽 故乡:东海▪可可亚西村...</p><a href="#">详情...</a></li><li><img src="images/zy3.jpg" /><h5>“海贼猎人”罗罗诺亚·索隆</h5><p>初次登场:漫画第3话 年龄:19岁→21岁 生日:11月11日 血型:XF型 身份:东海海贼赏金猎人→草员 故乡:东海·霜月村...</p><a href="#">详情...</a></li><li><img src="images/zy4.jpg" /><h5>“GOD”▪乌索普</h5><p>初次登场:漫画第23话 年龄:17岁→19岁 生日:4月1日 血型:S型 身份:乌索普海贼团船长→狙击手 故乡:东海▪西罗普村...</p><a href="#">详情...</a></li></ul></div><div class="sidebar"><div class="denglu"><h2>用户登录</h2><p><span>账号:</span><input type="text" /></p><p><span>密码:</span><input type="password" /></p><div class="btn"><a href="#"><img src="images/denglu.png" /></a><a href="#"><img src="images/zhuce.png" /></a></div></div><div class="chengyuan"><h2>草帽海贼团成员</h2><ul><li><a href="#">“草帽”蒙奇·D·路飞</a></li><li><a href="#">“海贼猎人”罗罗诺亚·索隆</a></li><li><a href="#">“小贼猫”娜美</a></li><li><a href="#">“GOD”▪乌索普</a></li><li><a href="#">“黑足”山治</a></li><li><a href="#">“爱吃棉花糖的驯鹿”托尼托尼·乔巴</a></li><li><a href="#">“恶魔之子”妮可·罗宾</a></li><li><a href="#">“改造人”弗兰奇</a></li><li><a href="#">“灵魂之王”布鲁克 </a></li></ul><img src="images/chengyuan.jpg" /></div></div></div><div id="footer"><p>底部信息</p></div></div>
</body></html>

四、戳下方👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻


http://www.ppmy.cn/news/673187.html

相关文章

【华为OD机试】篮球比赛(python, java, c++, js)

篮球比赛 前言:本专栏将持续更新华为OD机试题目,并进行详细的分析与解答,包含完整的代码实现,希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等,如有任何疑问,欢迎联系我,wechat:steven_moda;email:nansun0903@163.com;备注:CSDN。 题目描述 篮球(5…

STM32外设系列—sg90(舵机)

文章目录 一、sg90简介二、引脚连接三、控制方法四、程序设计4.1 配置定时器4.2 编写控制程序 五、360舵机 一、sg90简介 首先介绍说一下什么是舵机。舵机是一种位置&#xff08;角度&#xff09;伺服的驱动器。适用于一些需要角度不断变化的&#xff0c;可以保持的控制系统。…

白日门修改超级会员QQ号码

打开服务端目录下brm/data/long/script/gui/PanelSuperVip.lua用N打开&#xff0c;修改18行的客服QQ。即可

便利蜂超级会员限时特惠年卡仅需5折

便利蜂2017年10月开始推出付费会员——超级会员&#xff0c;会员权益不断探索&#xff0c;进行了几次小规模的迭代&#xff0c;截至今天&#xff0c;初具雏形的付费会员体系已经呈现在用户面前。可以看出&#xff0c;实际上企业是愿意站在为用户省钱的立场上。   便利蜂打造…

如何免费成为CSDN的VIP会员

CSDN是一个中国的软件开发者社区&#xff0c;提供了丰富的技术资源和知识分享服务。作为会员&#xff0c;您可以获得许多优质的服务和特权&#xff0c;如下载高清视频、无限制下载资源、免费发布博客等。 如果您想成为CSDN的VIP会员&#xff0c;可以尝试以下方法&#xff1a; …

超级淘推出“翻牌子”活动,为会员送百万福利

临近年中&#xff0c;加上618购物狂欢节的来临&#xff0c;各大网购商城的优惠活动、福利都成为关注的热门。各大电商平台也推出了各种大型卖场、嘉年华等活动&#xff0c;各种促销活动也纷纷亮相。国内新晋热门导购APP——超级淘&#xff0c;为回馈广大新老用户&#xff0c;也…

ROM制作工具如何开通超级会员?超级会员体系有什么样的功能?

如果你是一个经常制作手机ROM的人&#xff0c;相比你对ROM制作工具应该并不陌生&#xff0c;ROM制作工具包含ROM解包&#xff0c;ROM精简&#xff0c;ROM封包&#xff0c;等一系列ROM制作功能。 那么如果你想要更深入的精简体验更优质的多样化服务时你要怎么操作呢&#xff1f;…

内测福利!百度超级链数字藏品转赠券限量发放

2022年5月18日&#xff0c;百度超级链开启数字藏品转赠内测。内测期间&#xff0c;百度超级链钱包将不定期限量发放转赠券&#xff0c;通过空投形式发放给用户。 如果您领取成功&#xff0c;可在“我的藏品”查看该券&#xff0c;一旦使用&#xff0c;该券将被消耗从藏品栏中消…