倾城影视网站设计说明
目 录
引 言 1
一、倾城影视网站概述 1
（一）网站简介 1
（二）倾城网站的功能 1
二、网站技术应用及工具简介 2
（一） HTML语言 2
（二）Dreamweaver网页编辑 2
（三）Photoshop处理软件 2
三、网站设计原则 2
（一）主题明确 3
（二）内容清晰 3
（三）强调主题 4
四、网站的总体设计 4
（一）站前后台逻辑功能示意图 4
（二）网页的整体风格 5
五、 “倾城影视”网站设计与实现 5
（一）首页设计 5
（二）关于我们 7
（三）影视作品 8
（四）新闻中心 9
五、测试网站与发布 12
六、总结 13
致 谢 13
参考文献 13
倾城影视网站设计说明书
引 言
随着信息技术和网络技术的不断进步，信息化交流已经成为人们生活的一部分，同时也对各个行业的组织及管理形式产生了巨大的影响。随着网络技术的发展，人也的业余文化生活也逐渐趋于信息化、网络化。
电影网站是依托高速发展的网络技术，互联网是电影网站的媒体，改变了传统的电影的模式，直接面向观众，为观众提供了省时、省力的娱乐生活方式。与传统的电信信息宣传相比，电影网站为观众提供了更为个性化的服务，只要有一台电脑观众就可以随时查阅相关的资讯信息。大大提高了生活质量，节约了时间。
一、倾城影视网站概述
（一）网站简介
电影是表现的艺术，创作者通过视 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
听语言讲述一个感人的故事，表现人物的情感，传染看客。当今社会人们工作紧张，生活压力也越来越大，节假日也逐渐增加，人们对电影的需求增大，通过电影可以缓解生活压力，放松心情。现在人们对时间的观念越来越强，为了快速而准确的找到电影方面的信息，那么观众一般在看电影之前都要在电影网站上查找相关的信息，这样既可以节约时间，也可以帮助出行做出具体的安排，既然省时又省力。所以我们开发了本网站，网站的制作过程中采用了动静结合的方法，吸引更多的观众，使更多的观众能够快速准确的查找到相关的电影信息，促进电影业的健康发展，带给人们更多的更好的娱乐生活。
（二）倾城网站的功能
首页创意：首页的展示采用的方法是直接切入主题，把网站的主要内容和企业的品牌特色根据内容的不同分成了几个小的模块进行的展示，能够让客户直接找到自己的需求。为了避免枯燥、呆板，在网页中加入动态的图片转换效果。
公司概况：把文字为主和产品图片为辅相结合，叙述公司的发展方向和使命以及服务宗旨。
影视作品：以图片和文字说明的方式想浏览者展示了公司主要业务。
新闻中心：这个栏目的是发布公司最近的活动，让更多的人方便快捷的通过网站了解公司的最新新闻动态。
服务项目：把我们的产品展示给读者，让更多的人了解我们以经营范围。
联系我们：让更多的快速的与我们取得联系，使我们的服务更上一层楼。
二、网站技术应用及工具简介
（一） HTML语言
HTML通过一种特殊的符号来标记出网页中的每个部分。网页文件原本就是一种文本型的文件，然后用在文件中添加标记符的方法，可以告诉浏览器如何将其内容显示出来。浏览器会按照一定的顺序来阅读网页文件，从而根据标记符来解释和显示被标记出来的内容，但是错误的地方并不会被指出来，编制者只能自己通过提示分析出哪儿出错了和出错的原因是什么。
（二）Dreamweaver网页编辑
Dreamweaver是一款可以在可视化的环境下编辑网页的软件，有三种视图方式，页面视图、代码视图和页面代码视图。既可以代码编写，也可以直接插入，是目前最为流行的网页设计软件。并且具有模板等功能，可以加快设计的进程。
CSS是也叫样式表，样式表的功能主要是对页面进行美化，对网页的背景、颜色、大小及段落排版等进行设置，达到细化效果，只要修改样式表的内容，所有应用该样式的内容就会全部改变。并且一个样式表可以在任何一个页面调用，大大减小了工作量，提高了工作效率。
（三）Photoshop处理软件
Photoshop是网络平台上必不可少的一个修图软件，它能够大大提高图片的质量。 Photoshop处理的对象一般都一些是像素功能不太全面以及画面不清晰的图像。此修图软件拥有大量的编辑和修图工具，在制作过程中都可以使用这些的修图工具，可以有效地进行图片编辑工作，使图像变得更加美观，提高图片的质量。它是一款处理图像上最常用、最基本的处理软件，是一款人们最常用的软件。网站的设计中我们主要是应用Photoshop软件进行图像处理和页面的设计，将网页设计好后，切图然后进行网页编辑。
三、网站设计原则
作为一种新型的作息传播载体，网站的设计也要遵守一定的原则，最主要的有三种设计原则：
（一）主题明确
设计的目的就是达到好的效果，无论在视觉上还是心理上，都要达到良好的效果，这样观众才能接受，另一方面在艺术形式的处理上，网站主题的设计要明确才能使设计效果达到最佳要求。例如“倾城影视”网站的导航 如图1：
图1导航和设计
（二）内容清晰
网页的设计内容要清晰明确，无论是图片还是文字内容都能容易被浏览者的所接探受，把设计元素做到以最小的文件能过到最好的效果，使网页上传和下载的速度加快，这样以免使读者失去耐心，从而达不到设计的效果。
正如我们所设计的网站页面里，选用代表特点的图片来映衬，并配以文字说明，使观众一目了然。“倾城影视”内容设计如图2所示：
4.根据功能设计如图5所示：
图5 首页设计
（二）关于我们
1.功能介绍：本网页的功能在于对我公司进行详细的介绍，包括公司的经营理念经营策略等等。
倾城影视文化传媒有限公司始终是国内影视制作的先驱探索者，以推广影视视觉艺术传播为目的，用高效的执行力为客户提供全面的策划、拍摄、创意、设计、制作和广告服务。
图6关于我们设计
（三）影视作品
1.功能介绍：
[4]曹海英,元元. 静态优化Web系统页面[J]. 电子技术与软件工程,2015
[5]张嘉兴. 网页中色彩搭配与网站内容关系研究[J]. 美术教育研究,2015
引 言 1
一、倾城影视网站概述 1
（一）网站简介 1
（二）倾城网站的功能 1
二、网站技术应用及工具简介 2
（一） HTML语言 2
（二）Dreamweaver网页编辑 2
（三）Photoshop处理软件 2
三、网站设计原则 2
（一）主题明确 3
（二）内容清晰 3
（三）强调主题 4
四、网站的总体设计 4
（一）站前后台逻辑功能示意图 4
（二）网页的整体风格 5
五、 “倾城影视”网站设计与实现 5
（一）首页设计 5
（二）关于我们 7
（三）影视作品 8
（四）新闻中心 9
五、测试网站与发布 12
六、总结 13
致 谢 13
参考文献 13
倾城影视网站设计说明书
引 言
随着信息技术和网络技术的不断进步，信息化交流已经成为人们生活的一部分，同时也对各个行业的组织及管理形式产生了巨大的影响。随着网络技术的发展，人也的业余文化生活也逐渐趋于信息化、网络化。
电影网站是依托高速发展的网络技术，互联网是电影网站的媒体，改变了传统的电影的模式，直接面向观众，为观众提供了省时、省力的娱乐生活方式。与传统的电信信息宣传相比，电影网站为观众提供了更为个性化的服务，只要有一台电脑观众就可以随时查阅相关的资讯信息。大大提高了生活质量，节约了时间。
一、倾城影视网站概述
（一）网站简介
电影是表现的艺术，创作者通过视 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
听语言讲述一个感人的故事，表现人物的情感，传染看客。当今社会人们工作紧张，生活压力也越来越大，节假日也逐渐增加，人们对电影的需求增大，通过电影可以缓解生活压力，放松心情。现在人们对时间的观念越来越强，为了快速而准确的找到电影方面的信息，那么观众一般在看电影之前都要在电影网站上查找相关的信息，这样既可以节约时间，也可以帮助出行做出具体的安排，既然省时又省力。所以我们开发了本网站，网站的制作过程中采用了动静结合的方法，吸引更多的观众，使更多的观众能够快速准确的查找到相关的电影信息，促进电影业的健康发展，带给人们更多的更好的娱乐生活。
（二）倾城网站的功能
首页创意：首页的展示采用的方法是直接切入主题，把网站的主要内容和企业的品牌特色根据内容的不同分成了几个小的模块进行的展示，能够让客户直接找到自己的需求。为了避免枯燥、呆板，在网页中加入动态的图片转换效果。
公司概况：把文字为主和产品图片为辅相结合，叙述公司的发展方向和使命以及服务宗旨。
影视作品：以图片和文字说明的方式想浏览者展示了公司主要业务。
新闻中心：这个栏目的是发布公司最近的活动，让更多的人方便快捷的通过网站了解公司的最新新闻动态。
服务项目：把我们的产品展示给读者，让更多的人了解我们以经营范围。
联系我们：让更多的快速的与我们取得联系，使我们的服务更上一层楼。
二、网站技术应用及工具简介
（一） HTML语言
HTML通过一种特殊的符号来标记出网页中的每个部分。网页文件原本就是一种文本型的文件，然后用在文件中添加标记符的方法，可以告诉浏览器如何将其内容显示出来。浏览器会按照一定的顺序来阅读网页文件，从而根据标记符来解释和显示被标记出来的内容，但是错误的地方并不会被指出来，编制者只能自己通过提示分析出哪儿出错了和出错的原因是什么。
（二）Dreamweaver网页编辑
Dreamweaver是一款可以在可视化的环境下编辑网页的软件，有三种视图方式，页面视图、代码视图和页面代码视图。既可以代码编写，也可以直接插入，是目前最为流行的网页设计软件。并且具有模板等功能，可以加快设计的进程。
CSS是也叫样式表，样式表的功能主要是对页面进行美化，对网页的背景、颜色、大小及段落排版等进行设置，达到细化效果，只要修改样式表的内容，所有应用该样式的内容就会全部改变。并且一个样式表可以在任何一个页面调用，大大减小了工作量，提高了工作效率。
（三）Photoshop处理软件
Photoshop是网络平台上必不可少的一个修图软件，它能够大大提高图片的质量。 Photoshop处理的对象一般都一些是像素功能不太全面以及画面不清晰的图像。此修图软件拥有大量的编辑和修图工具，在制作过程中都可以使用这些的修图工具，可以有效地进行图片编辑工作，使图像变得更加美观，提高图片的质量。它是一款处理图像上最常用、最基本的处理软件，是一款人们最常用的软件。网站的设计中我们主要是应用Photoshop软件进行图像处理和页面的设计，将网页设计好后，切图然后进行网页编辑。
三、网站设计原则
作为一种新型的作息传播载体，网站的设计也要遵守一定的原则，最主要的有三种设计原则：
（一）主题明确
设计的目的就是达到好的效果，无论在视觉上还是心理上，都要达到良好的效果，这样观众才能接受，另一方面在艺术形式的处理上，网站主题的设计要明确才能使设计效果达到最佳要求。例如“倾城影视”网站的导航 如图1：
图1导航和设计
（二）内容清晰
网页的设计内容要清晰明确，无论是图片还是文字内容都能容易被浏览者的所接探受，把设计元素做到以最小的文件能过到最好的效果，使网页上传和下载的速度加快，这样以免使读者失去耐心，从而达不到设计的效果。
正如我们所设计的网站页面里，选用代表特点的图片来映衬，并配以文字说明，使观众一目了然。“倾城影视”内容设计如图2所示：
4.根据功能设计如图5所示：
图5 首页设计
（二）关于我们
1.功能介绍：本网页的功能在于对我公司进行详细的介绍，包括公司的经营理念经营策略等等。
倾城影视文化传媒有限公司始终是国内影视制作的先驱探索者，以推广影视视觉艺术传播为目的，用高效的执行力为客户提供全面的策划、拍摄、创意、设计、制作和广告服务。
图6关于我们设计
（三）影视作品
1.功能介绍：
[4]曹海英,元元. 静态优化Web系统页面[J]. 电子技术与软件工程,2015
[5]张嘉兴. 网页中色彩搭配与网站内容关系研究[J]. 美术教育研究,2015
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/scyx/1930.html
