影视网页设计论文
对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。
(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：<!--[ifltIE9&!IEMobile]>4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
摘 要：版式设计可以说是界面设计的基础部分，网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面，版式设计扮演十分重要的角色，优秀的版式设计可以给浏览者留下深刻的印象，提高页面的访问量。因此，本文将向诸位读者介绍在CDIO工程 教育 模式下，网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词：网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行)，符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素;导航条的设置应在醒目位置，清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角;表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator图像处理软件开展设计，首先我们会根据 思维导图 绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。
参考文献：
[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.
1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
影视毕业设计论文参考文献
影视论文参考文献一：
[1] 李和庆，薄振杰. 规范与影视字幕翻译[J]. 中国科技翻译. 2005（02）
[2] 钱绍昌. 影视翻译──翻译园地中愈来愈重要的领域[J]. 中国翻译. 2000（01）
[3] 陈莹. 英汉节奏对比分析[J]. 西安外国语学院学报. 2004（02）
[4] 余萍. 论创造性叛逆视野下的《唐诗三百首》英译[D]. 安徽大学 2011
[5] 尤杰. 论网络盗版对电影产业收入流的影响[J]. 当代电影. 2010（12）
[6] 肖维青. 学术性·职业性·趣味性--“影视翻译”课程教学探索[J]. 外语教学理论与实践. 2010（03）
[7] 龙千红. 《花样年华》的英文字幕翻译策略研究--兼谈中国影片的对外译介[J]. 西安外国语学院学报. 2006（01）
[8] 孙致礼. 翻译与叛逆[J]. 中国翻译. 2001（04）
[9] 胡心红. 从孙致礼的《傲慢与偏见》译本看文学翻译中的创造性叛逆[D]. 湖南师范大学 2008
[10] 赵菁婕. 论文学翻译中的创造性叛逆[D]. 青岛大学 2014
[11] 杨莎莎. 亚瑟·韦利对《西游记》的创造性叛逆式翻译[D]. 首都师范大学 2008
[12] 张锦兰. 接受美学与复译[J]. 甘肃教育学院学报（社会科学版）. 2003（04）
[13] 麻争旗. 翻译二度编码论--对媒介跨文化传播的理论与实践之思考[J]. 现代传播. 2003（01）
[14] 钱梦妮. 美剧字幕组的生存悖论[J]. 新闻世界. 2011（01）
[15] 吴晓芳. 字幕组：美剧“汉化”的背后[J]. 世界知识. 2011（01）
[16] 麻争旗. 影视对白中“节奏单位”的翻译探究[J]. 中国翻译. 2011（06）
[17] 王平. “隐秘的流行”路在何方？--“字幕组”翻译面面观[J]. 电影评介. 2009（17）
[18] 刘洪涛，刘倩. 论林译小说《迦茵小传》中的创造性叛逆[J]. 北京师范大学学报（社会科学版）. 2008（03）
[19] 张春柏. 影视翻译初探[J]. 中国翻译. 1998（02）
[20] 麻争旗. 论影视翻译的基本原则[J]. 现代传播-北京广播学院学报. 1997（05）
影视论文参考文献二：
[1] 王凯华. 帕尔默文化语言学视角下的宋词英译意象传递研究[D]. 辽宁师范大学 2014
[2] 高丽红. 生态翻译学视角下《骆驼祥子》两个英译本对比研究[D]. 西北师范大学 2014
[3] 吴十梅. “张掖大景区建设项目”翻译实践报告[D]. 西北师范大学 2014
[4] 蔡莹莹. 风景抒情唐诗英译的象似性研究[D]. 辽宁师范大学 2014
[5] 赵菁婕. 论文学翻译中的创造性叛逆[D]. 青岛大学 2014
[6] 赵春梅. 论译制片翻译中的`四对主要矛盾[J]. 中国翻译. 2002（04）
[7] 李运兴. 字幕翻译的策略[J]. 中国翻译. 2001（04）
[8] 李琼. 《协商民主在中国》英译实践报告[D]. 西北师范大学 2014
[9] 樊小花. “加拿大天然健康产品许可证申请指导文件”的翻译报告[D]. 西北师范大学 2014
[10] 冉彤. 二人互动模式下提示和重铸与二语发展[D]. 西北师范大学 2012
[11] 赵爱仙. 翻译美学视阈下陌生化在《围城》英译本中的再现与流失[D]. 西北师范大学 2013
[12] 李文婧. 基于功能派翻译理论的科技论文摘要的英译研究[D]. 西北师范大学 2013
[13] 王番. 概念隐喻理论视角下的情感隐喻翻译[D]. 南京工业大学 2013
[14] 陈燕. 互文视角下的诗歌翻译比较研究[D]. 南京工业大学 2013
[15] 刘霖. 基于构式语法的汉语明喻成语英译研究[D]. 辽宁师范大学 2014
[16] 赵静. 关联顺应模式下商标名称英译的文化缺省研究[D]. 西北师范大学 2013
[17] 陆祖娟. 语用翻译视角下《围城》中人物对话的汉英翻译研究[D]. 西北师范大学 2014
[18] 王君. 英语经济类语篇汉译实践报告[D]. 辽宁师范大学 2014
[19] 姜姗. 语境视域下的英语经济新闻文本汉译实践报告[D]. 辽宁师范大学 2014
[20] 钱绍昌. 影视翻译──翻译园地中愈来愈重要的领域[J]. 中国翻译. 2000（01）
[21] 郭建中. 翻译中的文化因素：异化与归化[J]. 外国语（上海外国语大学学报）. 1998（02）
[22] 王静. 英语学习者词缀习得的实证研究及其启示[D]. 西北师范大学 2012
影视论文参考文献三：
[1] 张鑫. 从关联理论视角看电影字幕翻译[D]. 内蒙古大学 2010
[2] 熊婷. 从关联理论角度看电影《赤壁》的字幕翻译[D]. 广东外语外贸大学 2009
[3] 陈燕. 字幕翻译的技巧研究[D]. 厦门大学 2009
[4] 周昕. 从功能主义的视角分析《老友记》字幕翻译的问题[D]. 苏州大学 2010
[5] 唐立娟. 场独立与场依存认知风格与大学生阅读附带词汇习得的相关性研究[D]. 西北师范大学 2012
[6] 郭乔. 关联理论指导下美剧字幕翻译的明示处理[D]. 上海外国语大学 2009
[7] 李芸泽. 南京沃蓝科技有限公司商务洽谈陪同口译实践报告[D]. 西北师范大学 2014
[8] 马玉珍. 认知语境视角下字幕翻译的“高效与经济”原则[D]. 中南大学 2009
[9] 苏春梅. 高中英语教师对教学研究的认知和理解[D]. 西北师范大学 2014
[10] 姜泽宪. 英语教师信念与职业认同的研究[D]. 西北师范大学 2012
[11] 郭星余. 字幕翻译的改写[D]. 中南大学 2007
[12] 马子景. 第三届中国河西走廊有机葡萄酒节陪同口译实践报告[D]. 西北师范大学 2014
[13] 吴庆芳. 大学英语精读课教师多模态话语分析[D]. 西北师范大学 2013
[14] Salvatore,ation and Humor:An Approach Based on the General Theory of Verbal Humor. The Translator . 2002
[15] 杨帆. 加拿大资助中国乡村女大学生基金会项目的口译实践报告[D]. 西北师范大学 2014
[16] 王红霞. 从关联理论视角研究影视剧字幕翻译[D]. 上海外国语大学 2009
[17] Bassnett-McGurie,ation Studies. Journal of Women s Health . 1980
[18] 李艳玲. 基于Wiki的协作式写作教学对提高非英语专业学生写作水平的影响研究[D]. 西北师范大学 2013
[19] 高东森. 基于FIAS的新手-专家高中英语教师课堂言语行为对比研究[D]. 西北师范大学 2013
[20] 程思. 影视字幕翻译策略探究[D]. 上海外国语大学 2009
[21] 费卫芝. 韩国电影中文字幕翻译研究[D]. 湖南师范大学 2010
你好，相关资料一篇，仅供参考：
网页设计实用技术研究
摘要：在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。本文从网页设计的角度出发，介绍一些设计中要素和技巧，例如框架、CSS样式的使用等等。
关键词：网页设计 要素 框架 CSS
互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。
一、 网页设计的要素
在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。
1.图片要素
要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等，
2.排列方法要素
主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。
3.色彩要素
色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
二、 网页设计技巧
一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里笔者从框架和CSS样式的运用两方面来介绍网页设计的技巧。
1.框架的使用
FRAME（框架）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。
使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。
使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。
许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。
2. CSS样式的使用
CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。
三、网页设计经验谈
一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。
另外还要注意，不要依赖图形。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。
第三要注意，仅仅在需要的时候使用帧(FRAME)。 使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。
网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧，有待于我们去挖掘和研究。◆
你最好自己管理这个网站，因为如果交给网络公司，资料还是可以被泄露。当然如果信任网络公司也可以交给他们。主要的程序就是在网络服务系统中设定上你网站的权限。这些权限包括只能浏览的，可以改数据的，只能浏览部分文件的。研究一下windows2003，不难，买一个带备份的服务器，投资要1万元左右。如果你了解LINUX就更好了。软件是免费的。
目录
第一章 诸论. 0
1．设计思想. 0
2．开发工具的选用及介绍. 0
3． 网页设计的色彩. 0
第二章 dreamweave的发展. 0
第三章 网站总体分析与设计. 0
1网站系统分析. 0
2主页设计. 0
3背景分析. 0
4网页设计的色彩. 0
第四章 详细设计. 0
第五章 为什么选择dreamweaver 0
第六章 设计方案. 0
1模板创建. 0
2页面制作. 0
3框架技术. 0
4表格设计. 0
6超级链接. 0
7 Flash 的制作过程. 0
第七章 总结与体会. 0
总结. 0
心得体会：. 0