动漫海贼王网站的设计与实现
摘要：本课题主要以“动漫海贼王网站”为核心主题，分别对技术网页设计的设计方案，网页的开发工具，概要分析及其详细设计和最后的展示效果等内容做了相应的讲解。在互联网高速发展的今天，网站作为一种信息的传播方式可以使人们更加快速了解到更为潮流的文化信息。现在网站建设在互联网的应该上已经占有越来越重要的地位。目前互联网上有几百万个Web站点。其中涵盖于教育，科研，金融等各方面之中。本课题以海贼王动漫网站的设计，海贼王目前在少年到成年人群中都有很大的影响力，主要是青少年群体居多，容易沟通和交流，网站设计出来之后可以满足广大的动漫爱好者随时了解海贼王动漫，提高信息的高效沟通。网站的设计目标是做一个布局简单，内容丰富，给热爱动漫海贼王的朋友们一个交流的平台。
目录
一、 引言 1
二、 概述 1
2.1课题开发背景 1
2.1课题开发意义目的 1
三、网页制作技术 2
（一）网页制作软件（Dreamweaver） 2
（二）网页开发技术 2
3.2.1 HTML简介 2
3.2.2 DIV+CSS介绍 2
3.2.3 PHP简介 3
3.2.4 数据库简介 3
四、网站设计与实现 3
（一）网站总体设计框架 3
（二）html制作过程 4
4.2.1 布局与配色 4
4.2.2 网站首页 4
4.2.3 漫画简介 6
4.2.4 最新新闻 8
4.2.5 漫画赏析 9
4.2.6 Header部分图片展示 10
五、后台实现 10
（一）功能分析 10
（二）数据库实现 11
5.2.1 数据库ER图 11
5.2.2 用户信息表 12
5.2.3 用户留言表 12
（三）PHP实现 13
5.3.1 用户登录 13
5.3.2 用户注册 13
5.3.3 用户留言 14
六、网站测试 14
（一）前端页面测试 15
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
七、总结 15
七、参考文献 17
引言
随着互联网科技的发展，动漫也随之广泛传播和兴起，一系列产品、书籍、网站也逐渐带动了一个产业的发展。其中网站最为重要，它使得动漫上升了一个档次，类似于在一个平台上，可以加速信息产业流动进而使得整个产业加速增长。 动漫已经由当初的一个新兴产业一跃成为一个强大的快速发展的产业。目前，动漫需要一个网络平台来作为媒介，提供给人们相互交流的机会，创立这样一个平台，目的就是使动漫产业在一个合适的环境中蓬勃发展。
该网站的主要设计目标是为了做一个简单明了的网页，内容单方面介绍海贼王的动漫网页。网页主要实现的功能模块包括网站的首页，漫画介绍，作者简介，漫画角色介绍，最新新闻，漫画赏析，网站作者简介几个模块。通过本网页的制作，作者本人可以进一步的巩固自己所学的知识，提高专业技能。
概述
2.1课题开发背景
世界因互联网的出现而在逐步改变，网络经济雏形因此而形成，互联网现已逐渐成为信息传播的主要载体，其信息量大、速度快、形态各异、全球性的特点，使得全球的各个企业都建起了自己的网站。 动漫产业是新出现的一种具有创新的产业。许多行业今后的发展进步都有赖于动漫这一新型产业，动漫产品自身有着庞大的市场空间，并且它的所带来的附加产业也是巨大的。
2.1课题开发意义目的
通过利用信息网络工具，进而使得动漫产业快速发展，提高动漫质量，使动漫产业可以与其他产业交流，从而让动漫及周边产业迅速崛起，利用毕业设计这个机会组织开发了动漫交流网络平台，其具有以下几方面背景意义：
降低动漫交流成本。因为网络交流可以共享，大幅度降低资源耗费，节省大量的人力物力，进而节省资源。
资源得到合理共享。人们把网络作为媒介，将动漫交流无限传播，以病毒的形式迅速的传播开来。
交流便利。为了实现动漫交流与发展同步。不受时间约束，有互联网的情况下随时都可以进行沟通。
本网站设计的是一个以海贼王动漫为主题的海贼王动漫交流网站，以信息发布、分享与同样爱好动漫的朋友交友为主要目的。 同时访客用户可以在网站中的剧情交流上发表自己的看法，使人们在观赏自己喜爱的动漫的同时，还可以发表自己的感受。 在如今网络高速发展的时代，发布信息与分享兴趣已成为大多网站设计的主要目的。
三、网页制作技术
（一）网页制作软件（Dreamweaver）
管理和创建网页的专业化可视编辑器叫做网页制作软件。Macromedia的Roundtrip HTML技术允许用户任意存入HTML文档而且不需重新设置代码格式。使用DW创建跨平台、浏览器的页面是迅速方便的。DW是非常实用的，他具体显示在：使用动态HTML功能（例如具有动态效果的层和行为）而不必写一行代码。它甚至还能够将用户的工作成果中可能发生的错误信息进行检查出来，几乎涵盖了所有的浏览器与平台。
DW是一个能够可以根据用户需求进行自定义的程序软件。用户可以进行菜单和快捷键的修改，只需要创建自己的对象和命令，抑或编写JavaScript代码来扩充DW的行为和属性检查器。
（二）网页开发技术
3.2.1 HTML简介
网站是由很多html网页组成，他可以让制作的页面效果绚丽并有动态交互能力。网页里的内容就是超级文本标记语言组成，而网站又是由很多网页构成。超级文本标记语言其根本就在于网站页面文本中包含了“超级链接”，也就是a链接。
首先要构造一个网页。我们必须要有先搭建大的框架。首先利用标签对body进行划分。可以分为头部部分、banner区域、信息区域、底部部分。同时我们最应该注意的是，不同公司的浏览器，解析网页有不同的标准，不同浏览器打开网页可能会显示不同的网页效果，是因为对于网页中的同一个相同的标记符都有可能有不同的解析。
3.2.2 DIV+CSS介绍
div标签和其他HTML差别不大，都要求关闭标志。如果其中没有css样式，那么它的效果会相似
目录
一、 引言 1
二、 概述 1
2.1课题开发背景 1
2.1课题开发意义目的 1
三、网页制作技术 2
（一）网页制作软件（Dreamweaver） 2
（二）网页开发技术 2
3.2.1 HTML简介 2
3.2.2 DIV+CSS介绍 2
3.2.3 PHP简介 3
3.2.4 数据库简介 3
四、网站设计与实现 3
（一）网站总体设计框架 3
（二）html制作过程 4
4.2.1 布局与配色 4
4.2.2 网站首页 4
4.2.3 漫画简介 6
4.2.4 最新新闻 8
4.2.5 漫画赏析 9
4.2.6 Header部分图片展示 10
五、后台实现 10
（一）功能分析 10
（二）数据库实现 11
5.2.1 数据库ER图 11
5.2.2 用户信息表 12
5.2.3 用户留言表 12
（三）PHP实现 13
5.3.1 用户登录 13
5.3.2 用户注册 13
5.3.3 用户留言 14
六、网站测试 14
（一）前端页面测试 15
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
七、总结 15
七、参考文献 17
引言
随着互联网科技的发展，动漫也随之广泛传播和兴起，一系列产品、书籍、网站也逐渐带动了一个产业的发展。其中网站最为重要，它使得动漫上升了一个档次，类似于在一个平台上，可以加速信息产业流动进而使得整个产业加速增长。 动漫已经由当初的一个新兴产业一跃成为一个强大的快速发展的产业。目前，动漫需要一个网络平台来作为媒介，提供给人们相互交流的机会，创立这样一个平台，目的就是使动漫产业在一个合适的环境中蓬勃发展。
该网站的主要设计目标是为了做一个简单明了的网页，内容单方面介绍海贼王的动漫网页。网页主要实现的功能模块包括网站的首页，漫画介绍，作者简介，漫画角色介绍，最新新闻，漫画赏析，网站作者简介几个模块。通过本网页的制作，作者本人可以进一步的巩固自己所学的知识，提高专业技能。
概述
2.1课题开发背景
世界因互联网的出现而在逐步改变，网络经济雏形因此而形成，互联网现已逐渐成为信息传播的主要载体，其信息量大、速度快、形态各异、全球性的特点，使得全球的各个企业都建起了自己的网站。 动漫产业是新出现的一种具有创新的产业。许多行业今后的发展进步都有赖于动漫这一新型产业，动漫产品自身有着庞大的市场空间，并且它的所带来的附加产业也是巨大的。
2.1课题开发意义目的
通过利用信息网络工具，进而使得动漫产业快速发展，提高动漫质量，使动漫产业可以与其他产业交流，从而让动漫及周边产业迅速崛起，利用毕业设计这个机会组织开发了动漫交流网络平台，其具有以下几方面背景意义：
降低动漫交流成本。因为网络交流可以共享，大幅度降低资源耗费，节省大量的人力物力，进而节省资源。
资源得到合理共享。人们把网络作为媒介，将动漫交流无限传播，以病毒的形式迅速的传播开来。
交流便利。为了实现动漫交流与发展同步。不受时间约束，有互联网的情况下随时都可以进行沟通。
本网站设计的是一个以海贼王动漫为主题的海贼王动漫交流网站，以信息发布、分享与同样爱好动漫的朋友交友为主要目的。 同时访客用户可以在网站中的剧情交流上发表自己的看法，使人们在观赏自己喜爱的动漫的同时，还可以发表自己的感受。 在如今网络高速发展的时代，发布信息与分享兴趣已成为大多网站设计的主要目的。
三、网页制作技术
（一）网页制作软件（Dreamweaver）
管理和创建网页的专业化可视编辑器叫做网页制作软件。Macromedia的Roundtrip HTML技术允许用户任意存入HTML文档而且不需重新设置代码格式。使用DW创建跨平台、浏览器的页面是迅速方便的。DW是非常实用的，他具体显示在：使用动态HTML功能（例如具有动态效果的层和行为）而不必写一行代码。它甚至还能够将用户的工作成果中可能发生的错误信息进行检查出来，几乎涵盖了所有的浏览器与平台。
DW是一个能够可以根据用户需求进行自定义的程序软件。用户可以进行菜单和快捷键的修改，只需要创建自己的对象和命令，抑或编写JavaScript代码来扩充DW的行为和属性检查器。
（二）网页开发技术
3.2.1 HTML简介
网站是由很多html网页组成，他可以让制作的页面效果绚丽并有动态交互能力。网页里的内容就是超级文本标记语言组成，而网站又是由很多网页构成。超级文本标记语言其根本就在于网站页面文本中包含了“超级链接”，也就是a链接。
首先要构造一个网页。我们必须要有先搭建大的框架。首先利用标签对body进行划分。可以分为头部部分、banner区域、信息区域、底部部分。同时我们最应该注意的是，不同公司的浏览器，解析网页有不同的标准，不同浏览器打开网页可能会显示不同的网页效果，是因为对于网页中的同一个相同的标记符都有可能有不同的解析。
3.2.2 DIV+CSS介绍
div标签和其他HTML差别不大，都要求关闭标志。如果其中没有css样式，那么它的效果会相似
标记。 为了控制div容器中的所有HTML元素显示在屏幕上的具体位置，我们可以将css的扩展属性放入div标签。 我们想使一类div具有相同的样式性质，可以给每个div加上class的属性。
CSS用来定义文档样式。通过CSS，设计者可以有更多的文档字体、图片形式、色彩、表、链接和布局的表现，丰富网页的内容，且设计者也能够将表示样式外观的信息从内容中分离出来将其放置于页面某一部分，为了减少文件的大小，节省网络的宽带、节约web设计者维护代码的时间，甚至也可保存为独立文件。CSS有如此多的好处，掌握和使用好它对于web设计者来说是非常必要的。
3.2.3 PHP简介
PHP是现在最方便简单的编程网页语言。你可以看说明手册就能建立一个网站。利用PHP可以让我们很快的建立一个网站。PHP主要是和HTML结合在一起，实现网页效果。PHP可以说是现在网站制作用的最多的动态语言。PHP主要的运行是在服务器，但是我们需要在服务器搭配环境才能运行PHP。能够运行PHP环境的系统非常多，而且目前使用的数据库都可以和PHP搭配。而且PHP是开源的，允许开发人员修改、编译等，所以我们开发网站使用PHP是非常经济的。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/518.html
