2016年中国电影网站的设计与开发
此网站以Dreamweaver作为开发工具，在基础的网站设计语言上，主要运用html与css语言代码来进行网站的设计与开发，并辅以PS软件来制作logo与图片的处理以及对整个网站的布局做一个规划。此外还会根据不同的页面风格插入JavaScript特效来丰富显示效果。本网站的目的便是为了让人们更加便捷的寻找到自己喜欢的电影，从而节省时间与精力。主页主要实现了电影的分类显示和分类查找的功能，并且包含了子页的主要内容。子页是对电影进行了更加细度的分类，子页共有电影分类界面、电影简介界面、电影观看界面、最新新闻界面和明星简介界面。其中电影简介界面还包含了演员信息和推荐电影两个功能。
目录
一、 引言 1
二、 开发工具与技术 1
(一) Dreamweave软件： 1
(二) Photoshop软件： 1
三、 网站设计 1
(一) 功能模块 1
(二) 页面布局 1
四、 网站实现 3
(一) 首页界面的设计 3
1.首页大广告特效 3
2.在线客服 3
3.LOGO的设计 5
4.导航栏的设计 5
5.主体部分的设计 6
6.首页滚动图片特效 6
7.信息栏的设计 6
8.联系方式特效 7
(二) 电影分类界面的设计 8
(三) 电影简介界面的设计 8
(四) 电影观看界面的设计 10
(五) 最新新闻界面的设计 13
(六) 明星简介界面的设计 13
(七) 特效的设计 15
总结 17
致谢 18
参考文献 19
附录 20
引言
在社会稳定发展的今天，人们生活质量越来越好，已经不像过去只求温饱，而是在不断地挖掘更多的东西来让自己的生活更加丰富多彩因此书籍、娱乐、旅游、电影等行业应运而生。其中电影以跌宕曲折的剧情、个性鲜明的人物以及震撼人心的特效得到了广大观众的喜爱。电影在荧屏用短短的几十分钟向观众诠释了主角的一生，有欢乐；有悲伤；还有平平淡淡。不
*好棒文|www.hbsrm.com +Q: @351916072@
一样的结局会给观众带来不一样的体验，这便是电影的魅力所在。电影就像一部哲学让观众欣赏，之后反思，最后做出改变。而随着电影行业走向巅峰，已经与人们密不可分。网络是当今最伟大的产物，在生活中有着很大的作用：有的用来通信；有的用来存储信息；有的用作商业用途，利用网络在网上销售、购买与发布信息。可以说网络改变了人们的生活，成为了必不可少的组成部分。所以本网站以“2016年中国电影网站的设计与开发”作为题目，以Dreamweaver作为开发工具，并辅以Photoshop软件来制作logo与处理一些相关的图片。
开发工具与技术
Dreamweave软件：
Dreamweave简称DW，是在网页设计与制作中比较容易上手的一款软件，因为DW里的代码是自动生成的，所以在做网站的时候编写代码时会更加轻松，更加方便。在本网站的设计与制作中把其做为开发工具，利用HTML和css语言进行代码的编写，而且该软件有很好的兼容性，所以能完美的实现实现JS特效。在Dreamweave软件中利用代码实现页面的布局、利用代码来实现网页与网页的连接、利用![]()
代码来实现图片的插入以及利用
Photoshop软件：
PS是Photoshop，根据字面意思可以知道这是一部图片加工的软件，在该网站的设计与制作中主要进行页面的布局、logo的制作以及图片的美化处理。在设计logo中利用该软件进行logo内图片美化、设置亮度以及去掉多余的部分，在运用拼接把图片部分和文字部分合并在一起形成本网站的logo。
网站设计
功能模块
该网站主要遵循简单、整洁、美观的原则来进行设计的。本网站的最终目的是使用户更加方便、更加快捷的找到自己喜欢的电影，从而节省时间与精力，所以网站页面的设计不易太过复杂。本网站包含一个首页、五个一级界面:共分为首页、电影分类、电影简介、电影观看、最新新闻、明星简介等界面。其中电影分类把电影分成武侠、犯罪、悬疑、战争、文艺等十二类；电影简介又包含演员简介与相关电影两部分，电影观看是可以观看电影的界面，明星简介界面是对一些明星进行介绍，最新新闻含有新闻介绍和用户评论两个方面。
页面布局
在做网站之前先建立模板，完成对网站的大体规划。首页，作为网站最重要的一个页面，布局要合理，要把子页的主要内容包含进来（如图31所示）代码见附录一：在页面顶部左边是logo，右边是主导航栏、下一栏是副导航栏、在主体部分分为六个模块：分别为动画电影、喜剧电影、最新新闻等；在下一栏便是信息栏。
电影分类界面（如图32所示）:主图部分包含了电影图片和电影名称。
电影观看界面（如图33所示）代码见附录二:顶部左边是logo；第二栏是导航栏；第三栏栏是搜索功能；主体分为四栏：电影观看、用户评论、更多电影、电影明星功能；底栏是信息栏。
明星新闻界面（如图34所示）：主体部分左边分为明星新闻和用户评论功能。
LOGO
主导航栏
副导航栏
动画电影
播放电影图片
喜剧电影
最新电影
最新新闻
电影明星
信息栏
图31 首页界面的布局图
电影分类界面（如图32所示）：在主体部分是电影名称和图片。
LOGO
主导航栏
副导航栏
电影名称
信息栏
图32 电影分类界面的布局图
/*主体部分*/
/*底部*/
LOGO
导航栏
搜索功能
电影观看
更多电影
用户评价
电影明星
信息栏
图33电影观看界面的布局图
LOGO
主导航栏
副导航栏
动画电影
新闻
喜剧电影
最新新闻
评论
信息栏
图34 明星新闻界面的布局图
网站实现
本网站主要向喜欢看电影的用户介绍最新的中国电影，用户可以浏览网页的内容，从而寻找到自己喜欢的电影。而且科学的分类方式会使用户更加方便。
首页界面的设计
目录
一、 引言 1
二、 开发工具与技术 1
(一) Dreamweave软件： 1
(二) Photoshop软件： 1
三、 网站设计 1
(一) 功能模块 1
(二) 页面布局 1
四、 网站实现 3
(一) 首页界面的设计 3
1.首页大广告特效 3
2.在线客服 3
3.LOGO的设计 5
4.导航栏的设计 5
5.主体部分的设计 6
6.首页滚动图片特效 6
7.信息栏的设计 6
8.联系方式特效 7
(二) 电影分类界面的设计 8
(三) 电影简介界面的设计 8
(四) 电影观看界面的设计 10
(五) 最新新闻界面的设计 13
(六) 明星简介界面的设计 13
(七) 特效的设计 15
总结 17
致谢 18
参考文献 19
附录 20
引言
在社会稳定发展的今天，人们生活质量越来越好，已经不像过去只求温饱，而是在不断地挖掘更多的东西来让自己的生活更加丰富多彩因此书籍、娱乐、旅游、电影等行业应运而生。其中电影以跌宕曲折的剧情、个性鲜明的人物以及震撼人心的特效得到了广大观众的喜爱。电影在荧屏用短短的几十分钟向观众诠释了主角的一生，有欢乐；有悲伤；还有平平淡淡。不
*好棒文|www.hbsrm.com +Q: @351916072@
一样的结局会给观众带来不一样的体验，这便是电影的魅力所在。电影就像一部哲学让观众欣赏，之后反思，最后做出改变。而随着电影行业走向巅峰，已经与人们密不可分。网络是当今最伟大的产物，在生活中有着很大的作用：有的用来通信；有的用来存储信息；有的用作商业用途，利用网络在网上销售、购买与发布信息。可以说网络改变了人们的生活，成为了必不可少的组成部分。所以本网站以“2016年中国电影网站的设计与开发”作为题目，以Dreamweaver作为开发工具，并辅以Photoshop软件来制作logo与处理一些相关的图片。
开发工具与技术
Dreamweave软件：
Dreamweave简称DW，是在网页设计与制作中比较容易上手的一款软件，因为DW里的代码是自动生成的，所以在做网站的时候编写代码时会更加轻松，更加方便。在本网站的设计与制作中把其做为开发工具，利用HTML和css语言进行代码的编写，而且该软件有很好的兼容性，所以能完美的实现实现JS特效。在Dreamweave软件中利用代码实现页面的布局、利用代码来实现网页与网页的连接、利用
Photoshop软件：
PS是Photoshop，根据字面意思可以知道这是一部图片加工的软件，在该网站的设计与制作中主要进行页面的布局、logo的制作以及图片的美化处理。在设计logo中利用该软件进行logo内图片美化、设置亮度以及去掉多余的部分，在运用拼接把图片部分和文字部分合并在一起形成本网站的logo。
网站设计
功能模块
该网站主要遵循简单、整洁、美观的原则来进行设计的。本网站的最终目的是使用户更加方便、更加快捷的找到自己喜欢的电影，从而节省时间与精力，所以网站页面的设计不易太过复杂。本网站包含一个首页、五个一级界面:共分为首页、电影分类、电影简介、电影观看、最新新闻、明星简介等界面。其中电影分类把电影分成武侠、犯罪、悬疑、战争、文艺等十二类；电影简介又包含演员简介与相关电影两部分，电影观看是可以观看电影的界面，明星简介界面是对一些明星进行介绍，最新新闻含有新闻介绍和用户评论两个方面。
页面布局
在做网站之前先建立模板，完成对网站的大体规划。首页，作为网站最重要的一个页面，布局要合理，要把子页的主要内容包含进来（如图31所示）代码见附录一：在页面顶部左边是logo，右边是主导航栏、下一栏是副导航栏、在主体部分分为六个模块：分别为动画电影、喜剧电影、最新新闻等；在下一栏便是信息栏。
电影分类界面（如图32所示）:主图部分包含了电影图片和电影名称。
电影观看界面（如图33所示）代码见附录二:顶部左边是logo；第二栏是导航栏；第三栏栏是搜索功能；主体分为四栏：电影观看、用户评论、更多电影、电影明星功能；底栏是信息栏。
明星新闻界面（如图34所示）：主体部分左边分为明星新闻和用户评论功能。
LOGO
主导航栏
副导航栏
动画电影
播放电影图片
喜剧电影
最新电影
最新新闻
电影明星
信息栏
图31 首页界面的布局图
电影分类界面（如图32所示）：在主体部分是电影名称和图片。
LOGO
主导航栏
副导航栏
电影名称
信息栏
图32 电影分类界面的布局图
/*上部分*/
/*主导航栏*/
/*logo*/
/*副导航栏*/
/*主导航栏*/
/*logo*/
/*副导航栏*/
/*主体部分*/
/*底部*/
LOGO
导航栏
搜索功能
电影观看
更多电影
用户评价
电影明星
信息栏
图33电影观看界面的布局图
LOGO
主导航栏
副导航栏
动画电影
新闻
喜剧电影
最新新闻
评论
信息栏
图34 明星新闻界面的布局图
网站实现
本网站主要向喜欢看电影的用户介绍最新的中国电影，用户可以浏览网页的内容，从而寻找到自己喜欢的电影。而且科学的分类方式会使用户更加方便。
首页界面的设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/712.html
