动漫网页设计 期末大作业 [大二学生网页作业]

??? 精彩专栏推荐????????????
?? 作者主页: 【进入主页—??获取更多源码】
?? web前端期末大作业： 【??HTML5网页期末作业 (1000套) 】
?? 程序员有趣的告白方式：【??HTML七夕情人节表白网页制作 (110套) 】

??文章目录

• 二、??网站介绍
• 三、??网站效果
• • ??1.视频演示
  • ?? 2.图片演示
• 四、?? 网站代码
• • ??HTML结构代码
  • ??CSS样式代码
• 五、??更多源码

二、??网站介绍

??网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

??网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

??网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

??网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

??网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如： 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）??html文件包含：其中index.html是首页、其他html为二级页面；
（2）?? css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）?? js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

三、??网站效果

??1.视频演示

B24JP 蜡笔小新-3页

?? 2.图片演示

四、?? 网站代码

??HTML结构代码

??CSS样式代码

/*通用类*/* {	margin: 0;	padding: 0;}body {	min-width: 1000px;	margin: 0 auto;	font-size: 14px;	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;	background: #fff;	text-align: justify;	color: #010000;	position: relative;}h1, h2, h3 {	font-weight: 500;}img {	border: none;}a {	cursor: pointer;	color: #333;	text-decoration: none;	outline: none;}ul {	list-style-type: none;}em {	font-style: normal;}.lt {	float: left;}.rt {	float: right;}div.clear {	font: 0px Arial;	line-height: 0;	height: 0;	overflow: hidden;	clear: both;}.clearfix::after {	content: "";	display: block;	clear: both;}/*wrapin 主体容器宽度*/.wrapin {	width: 1000px;	margin-left: auto;	margin-right: auto;}/*公用CSS 开始*//*header 开始*/header {	background: #cf2212;	line-height: 60px;	padding: 0 15px;}header .logo {	float: left;	font-size: 24px;	color: #fff;	font-weight: bold;	line-height: 60px;}header .nav {	float: right;}header .nav li {	width: 120px;	text-align: center;	font-size: 16px;	display: inline-block;}header .nav li a {	color: #fff;}来源：STU网页优选
                                                        
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！