Web 网页设计技术报告：我爱动漫的设计与实现

点击超链接，跳转到相应页面。比如鼠标放到“首页”上时​​，文字颜色和背景会发生变化。点击“动画”，跳转到动画页面。 首页-动画模块：使用功能，鼠标经过相应版块时，会出现相应模块。鼠标经过超链接时，图片和文字部分的边框颜色和宽度会发生变化。比如鼠标经过“热血少年”下面时，会出现相应动画。鼠标经过图片时，图片边框 首页-背景音乐模块：打开首页时，背景音乐自动循环播放。 首页-登录模块：连接数据库，输入正确的用户名和密码后，显示登录成功，如果用户名或密码错误，会给出提示。 首页-友情链接：点击链接进入相应网站。 注册页面-注册模块：链接数据库。 用户输入正确的用户名和密码（不能为空），点击注册，会显示注册成功或者该用户名已被注册过。 动画页面-呈现相应动画信息，点击相应动画程序网站设计报告，可跳转到视频播放页面。 漫画信息-显示三部漫画相关信息，漫画排行榜，漫画分类链接。 视频播放页面-页面打开，视频自动循环播放。 页面-显示新闻和活动标题链接，并展示部分优秀作品。 4.主题与母版页（含样式表）的应用 本站只制作一个主题，一个母版页网站设计报告，一个样式表。

所有网页引用主题。动画页（.aspx）、漫画页（.aspx）、页面（cos.aspx）引用母版页。所有页面的CSS文件都在同一个样式表里。 5、主要页面布局说明 主页面：分为6个层级：登录、页头信息、导航信息、正文内容、链接、脚本信息。 正文内容分为动画、漫画、cos、周边、论坛五个层级。其中前四个部分组成一个字段形状。 母版页：分为6个层级：登录、页头信息、导航信息、正文内容、链接、脚本信息。 动画、漫画页、视频页：继承母版页。内容部分分为两层，形成左右两栏。 页面：继承母版页。内容部分分为三层，扁平化。 注册页：分为四层：页头信息、内容部分、链接、脚本信息。内容部分分为两部分，左边是图片，右边是登录页。 6.附加功能（程序） = type=text/rexue(){.(rexue).style.=block;.().style.=none;.().style.=none;} (){……} (){……}……/id= class=bode h2 /h2 div class= class= href=.aspx =rexue()热血少年/a……/div /div7.主页截图首页：动画页漫画页Cos页视频播放页登录页5.反思上学期学习的网页只是网页功能的一些部分，而这学期学习的网页主要是设计，要求布局美观。

每天浏览很多网页，却不知道后端代码是这么写的。学习了Css+div结构后，感觉网页设计变得有意思了，合理的布局和配色可以为网站增色不少。一开始以为很简单就几个属性就行，但随着做的页面多了，就改变了想法。网页设计是个很细致的活儿，就像刺绣一样，一点一点的寻找、搭配。完成这次大作业后英语作文网，我学到了很多东西，比如Ps，虽然只懂一点皮毛，但为我增加了一个新的领域。对于一个大型网站来说，光有华丽的外观是不够的，还需要一些后台的东西——数据库。做完网站后，我意识到了数据库的重要性，但对数据库没有深入研究，只能在登录、注册等地方稍微用到。网页中的信息要从数据库中读取，但还没学会。语言也是一门编程语言，在网页中使用它可以增加网页的动态组件。 这次作业只有一个，鼠标滑过后页面内容会发生变化。语言需要学习才能更好地使用。总之，网页设计课程给了我一个方向，让我明白了我们每天看到的网页不只是表面那么简单，需要合理的布局，颜色搭配，以及一些页面操作。