网页设计论文范文
推荐第1篇：网页设计论文
网页设计基础课程论文
摘要:随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以更好的展示自己，而且可以提高自己在计算机应用方面的能力,网站越发普及，网站建设也有新的要求,网站已发展为一种工具，一个企业对外信息展示的工具.以前网站上常见的大幅图片，长达几十钟的flash动画，已悄然而逝，浏览者再也不用为了查找一些信息而必须等待动画的时间，可以简单方便的找到自己想要的东西，是浏览者主要的目的，也是网站设计时应该考虑的问题。以前只是一味的追求网站的外观，其实网站是一个公司的对外信息窗口，因此在考虑美观的同时也得考虑浏览者的感受，如有些色调是很亮丽，但是这些过于亮的色彩看的时间长了会让你的眼睛不舒服，这样浏览的人就不会长时间在网站上逗留，网站没把公司的信息完全的传达给客户． 关键词：网站网页设计发展趋势网站标准 正文：一:网页设计发展趋势: 1.更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在以后CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之 2简单的配色方案
没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果 3.移动互联网时代的到来
智能手机，ipad和上网本随处可见，将来这个将会更加明显。这意味着你的设计需要考虑更多的设备。 4.Parallax Scrolling 先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。 5.设计需考虑更多的触屏设备
触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。 6.深度判析
深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。 7.大背景图
大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。 8.不拘谨于顶级域名
严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。 9.QR: Quick Response 如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到2011年的这个趋势热门
10.缩略图设计（Thumbnail Design）
Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。 11.持续联系/ Life Stream Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等.二:网站标准是在W3C（W3C.org）的组织下，商业公司（Netscape、Microsoft等）也认识到统一标准的好处。网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。
为什么要建立网站标准: 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。
采用网站标准的好处:
对网站浏览者的好处：
1、文件下载与页面显示速度更快
2、内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；
3、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；
4、用户能够通过样式选择定制自己的表现界面；
5、所有页面都能提供适于打印的版本。对网站所有者的好处:
1、更少的代码和组件，容易维护；
2、带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽；
3、更容易被搜寻引擎搜索到；
4、改版方便，不需要变动页面内容；
5、提供打印版本而不需要复制内容；
6、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。
参考文献： 一：温谦 .HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.3 二：http://www.daodoc.com
三：http://btgyjlbjx.nease.net(北极星网站域名）
课程论文
系院:土木工程学院
专业:建筑工程 姓名:王奎
学号:105140340043 网页设计基础
推荐第2篇：商业网页设计论文
摘要:商业网页设计中具体的字体、图形、图象、标志等等，常常表现为点线面、色彩、动静、主次等视觉因素，这些因素的不同使用都会影响读者的视觉习惯和心理变化。本文将分析商业网页设计视觉因素的心理规律，揭示网页设计如何通过视觉因素更有效、更合理的表现与传达信息。
关键词: 网页设计 视觉心理因素 构成要素 视觉流程
商业网站是企业向用户和网民提供产品和服务的一种方式,是企业开展电子商务的基础设施和信息平台，其网页页面由具体的文字（标题、广告语、单位名称、Email地址等）、企业标志、商标、产品图形、和信息菜单等内容组成，这些内容又常常表现为点线面、色彩、动静、主次等视觉因素，这些因素的不同使用都会影响读者的视觉习惯和心理变化。
本文将试析商业网页设计视觉因素的心理规律，揭示商业网页设计如何通过视觉心理因素更有效、更合理的表现与传达信息。展现企业形象、介绍产品和服务、体现企业发展战略。
一、商业网页设计中点、线、面视觉心理因素的运用
点、线、面是商业网页设计基本的视觉元素，是表现视觉形象的基本设计语言。从视觉角度看网页设计主要是如何经营好三者的关系，因为不管是任何视觉形象或者版式构成，归结到底，都可以归纳为点、线和面。
1.网页设计造型要素中的点
商业网页设计中的点是构成网页的最基本单位，是指页面中具备点的视觉特点、体积较小的物象。相对于整体背景而言一个单独的点是相比较而言的；是有大小、形状和体积的。点的大小、形态、位置不同，所产生的视觉效果、心理作用也不同。一个网页往往需要有数量不等，形状各异的点来构成，可以是具体产品、商品标志等，也可以是感觉上的点。例如，天空中的飞鸟、沙滩上的脚印、花瓣上的蜜蜂等，在其周围背景衬托下，都给人以“点”的视觉心理感受。
点在设计中即可以起一种稳定造型的作用，亦可起到活泼生动、吸引视觉中心的作用，使用得当，甚至可以画龙点睛；点的形状、方向、大小、位置、聚集与发散，还能够给人带来不同的心理感受。
(1)单点的应用：点在人们的视觉中具有很强的吸引作用，如：点（商品）设计在网页的上方或左右位置，则给人不稳定感和相对的动感。
(2)多点的应用：两点（二商品）之间会产生心理连线的感觉，多点时则会出现不同排列，顺序的虚拟的面或形体。
2.网页设计造型要素中的线
点的延伸形成线。线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。线是分割页面的主要元素之一，是决定页面现象的基本要素。商业网页设计视觉因素中的线主要指文字的行线，商品图形、图象的轮廊线，各种装饰线。线的形态主要有直线和曲线两大类：
(1)直线给人一种紧张、锐利、简洁、刚直感，从心理或生理感觉来看具有男性特点。直线又有：细直线，给人纤细、敏锐的心理感觉；粗直线，给人豪爽、拙朴、厚重的感觉；垂直线，给人一种挺拔、庄严感；水平直线则给人方向感和强烈的动感。
(2)曲线表现出一种动态，活泼，轻快的意味，显示了女性美的特征，商业网页设计中运用文字行、图象轮廊线或装饰线的造型，创造一种女性化的审美感。自由曲线是最好的情感抒发手段。打破了水平线组成的庄严和单调，给商业网页增加了丰富、流畅、活泼的气氛。水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比。
3.网页设计造型要素中的面
线的推移形成面。面是无数点和线的组合。面具有一定的面积和质量，占据空间的位置更多，因而相比点和线来说视觉冲击力更大更强烈。面在网页设计中通常指各种图形、色块的形状设计，不同形状的面具有自己鲜明的个性和情感特征，能给人不同的心理感受，如方形的面具有沉着，稳重，厚实，坚强的男性特征；三角形、梯形面常给人一种稳定、端正之感；但如果将它们倒过来设计，则给人一种轻、不稳定的感觉。圆形充实、圆满、活泼的感觉，比较适合表现儿童产品或者女性用品。菱形或不规则形体则给人一种活泼、轻快之感。
在商业网页的视觉构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段。在确定商业网页主体形象的位置、动态时，点线面将是需要最先考虑的因素。必须熟练掌握设计语言。要善于根据商业特性采用不同的组合去体现不同的情感诉求，达到推销、销售商品和服务的作用。只有合理的安排好点线面的互相关系，才能设计出具有最佳视觉效果的页面，充分的表达出商业网页最终的诉求！
二、商业网页设计中色彩视觉心理因素的运用
商业网页设计中色彩是确立网站风格的灵魂。色彩能产生强烈的视觉效果，使页面更加生动。色彩设计的好坏直接影响阅读者的观赏兴趣与心理变化。因此，地位十分重要。商业网页的色彩设计应从以下几个方面把握和利用其心理特征：
首先，整个页面要确定一个主色调，其有利于体现网站主题。每一种色彩都具有它自身的性格，如：彩度高，明度高的色彩常给人一种华丽感，相反彩度低，低明度的色彩则给人一种朴实感。暖色系、高明度的色彩能给人一种面积大的前进感。冷色系、低明度的色彩则能给人一种面积小的后退感。每个人群对色彩的喜好也有所不同，如男性较喜欢冷色，女性则偏好暖色或高明度、高彩度的色彩，儿童喜好纯色，讨厌浊色，老人则偏好浊色，中年人或文化层次较高的人偏好冷灰色等。因此在设计中要考虑主要读者群的背景和构成以及如何与商品的属性相呼应。
其次，在主色调下的色调搭配。若页面空间整体、色彩和谐统一，则给人一种幽雅、宁静感；若以对比手法处理，图形文字色彩明快突出于背景色，则页面空间氛围会显得活跃而有生气。但是，要注意不能有强烈的色彩对比，因为过于丰富的背景色彩会影响前景商品图片和文字的取色，使文字溶于背景中，不易辨识。所以背景一般应以单纯为宜。
最后，作为设计师在考虑网页设计时，还应考虑到时代流行性色和企业标准色的问题。所谓流行色，是指在一定范围内和时间内，非常盛行并易为人们接受的某些式样或颜色。而标准色的运用在网上扩大了品牌效应，也是对公司整体形象的统一应用，从而构成了企业识别系统（CIS）的重要部分。
三、商业网页设计中动、静的视觉心理因素的运用
商业网页设计构成要素可分为两种状态：静态与动态。静态要素设计具体指静止的商品图形、文字、按纽等；动态要素，具体指动态按纽、按纽连接、网页动画和视频等，它们是丰富、生动网页、张显个性、突出主题重要手段。
动静以及不同的动静组合都可以反映不同的心理与性格，如，动大体上给人活泼、生动的印象，但极慢的动常给人忧虑感；迅速或突然的动常给人焦虑、惊慌感。另外，静也常给人宁静、沉闷两种感觉。
商业网页设计中要注意处理好动静的关系，要整体和谐统一，给人生动而不躁动或厌恶感。同时还要遵循动态性原则与交互性原则。
1.动态性原则，即要有四维空间或五维空间的运作观念。一件网页商品、图片不仅是二维的平面或三维的视觉，也要有时间与空间的变换，情感与思维认识的演变等多维因素。
2.交互性原则，即界面设计强调交互过程。一方面是物的信息传达，另一方面是人的接受与反馈，对任何物的信息都能动地认识与把握。
四、商业网页设计中视觉流程心理因素的运用
商业网页设计是通过视觉元素引起人注目而实现商品信息内容的传达，为了使网页获得最大的视觉传达功能，使网页真正成为可读强性而且新颖的媒体，必须适应人们视觉流程的心理和生理的特点。
视觉流程的形成是由人类的视觉特性所决定的。心理学家葛斯达认为：人们阅读时，版面的上部比下部的注目价值高，左侧比右侧的注目价值高。因此，版面的左上侧位置最为引人注目，因此，在网页设计中一些突出的商品信息，如主标题、每天更新的内容等通常都放在这个位置。以便于一开始就吸引受众的视线，诱导其由上到下，由左到右地移动。此位置也被称作视觉的最佳视域。也就是最优选的地方。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用。设计者可以利用视线移动规律，诱导读者的视线作左右流动、上下流动以及斜线的不稳定流动，通过编排设计，人为地产生最佳视域，突出主要商品，以达到一定的视觉效果，传递商品信息。
商业网页作为一种新的企业开展电子商务的基础设施和信息平台，它的发展虽然没有多长时间，却兼容了传统平面设计的特征，又具备其所没有的优势，成为今后商品信息交流的一个非常有影响的途径。其设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，而本文中只从视觉心理因素的角度进行了一些阐述与分析，仅作抛砖引玉之用。
参考文献:
[1]李彬彬:设计效果心理评价[M].北京:中国轻工出版社,2005.1
[2]赵殿泽:构成艺术[M].沈阳:辽宁美术出版社，1994
[3]赵国志:色彩构成[M].沈阳:辽宁美术出版社，1994
[4]张国良:传播学原理[M].上海:复旦大学出版社，2000.1
推荐第3篇：个人网页设计(论文)
炎黄职业技术学院信息工程系
毕业设计（论文）
个人网页设计
年 级: _ 2009级___ _ 学 号: _ 0******17 _ 姓 名: __ _****_____ 专 业: 网络数字媒体 _ 指导老师: __ ****__ __
二零一一年十二月 炎黄职业技术学院 信息工程系毕业设计（论文）
摘 要
本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用CSS样式表作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、用于编辑HTML语言的软件进行了详细的介绍。
本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二章：网页设计技术概述，本章主要介绍网页设计的工具——dreamweaver，用于编辑HTML语言的软件，为后续工作奠定基础，以及基于对象的JavaScript语言。第三章：网站制作需求分析，介绍了本网站的主要页面。第四章：制作过程。描述了网站的制作流程，着重部分页面的制作步骤。
关键词：网页设计； HTML； CSS样式表
I 炎黄职业技术学院 信息工程系毕业设计（论文）
目 录
摘 要 ................................................................................................................................I 第1章 绪 论 .....................................................................................................................1
1.1 本论文的背景和意义 ...........................................................................................1 1.2 网页设计的要素 .....................................................................................................1 1.3 本论文的主要内容 ...............................................................................................1 第2 章 主要技术介绍 ........................................................................................................3
2.1 DREAMWEAVER ...........................................................................................................3 2.2 JAVASCRIPT .............................................................................................................3 2.3 CSS样式表 ..............................................................................................................5 第3章 网站制作需求分析 .................................................................................................6
3.1 网站栏目 .................................................................................................................6 3.2 网站主题 .................................................................................................................8 3.3 网站风格 .................................................................................................................8 第4 章 制作过程 ................................................................................................................9
4.1 INDEX.HTML页面的制作 ............................................................................................9 4.2 SUIBI.HTML页面的制作 ............................................................................................9 4.3 SUIBI4.HTML页面的制作 ..........................................................................................9 4.4 XIANGCE1.HTML页面的制作 .......................................................................................9 4.5 XIANGCE2.HTML页面的制作 .....................................................................................10 4.6 XIANGCE4.HTML页面的制作 .....................................................................................11 4.7 YINYUE1.HTML页面的制作 ......................................................................................12 致
谢 .............................................................................................................................13 参考文献 .............................................................................................................................14
II 炎黄职业技术学院 信息工程系毕业设计（论文）
第1章 绪 论
1.1 本论文的背景和意义
网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
1.2 网页设计的要素
网页设计的两大要素是：整体风格和色彩搭配。
一、确定网站的整体风格
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。 2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
1.3 本论文的主要内容
本论文主要是对对网页设计与制作进行探讨，主要内容如下： 第一章：绪论
本章主要介绍网页设计的相关知识。
第1页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
第二章：网站制作需求分析
网站包括哪些栏目，主题是什么？风格是什么，确定的颜色的搭配。 第三章：用到的技术介绍
Dreamweaver \javascript\c样式表。 第四章：网站制作过程
第2页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
第2 章 主要技术介绍
2.1 DREAMWEAVER Dreamweaver是美国Adobe(原Macromedia，2005年被Adobe收购)公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持Javascript,PHP,ASP,JSP等多种脚本语言。最新版本为CS4，发布于2008年9月。
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含Home Site和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，Broad Vision， Cold Fusion，iced， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。
2.2 JAVASCRIPT JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：
第3页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
1、是一种脚本编写语言
JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。
它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。
2、基于对象的语言。
JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
3、简单性
JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。
4、安全性
JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
5、动态性的
JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。
6、跨平台性
JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。
实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。
总之，JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中。 JavaScript语言可以做到回应使用者的需求事件 (如：form的输入) ，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。
第4页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧，所以许多 Java 的特性在 Java Script 中并不支援。
2.3 CSS样式表
级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
CSS目前最新版本为CSS2,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示的最优秀的表现设计语言。
在网页上使用样式表有三种方法可以在站点网页上使用样式表：
将网页链接到外部样式表。
在网页上创建嵌入的样式表。
应用内嵌样式到各个网页元素。
当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .c 做为文件扩展名，例如 Mystyles.c。
当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。
使用内嵌样式以应用级联样式表属性到网页元素上。
如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。
第5页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
第3章 网站制作需求分析
3.1 网站栏目
网站主要包括首页、随笔、相册、音乐、关于我，这五个页面。 首页效果图2-1如下：
图2-1 首页
随笔效果图2-2如下：
第6页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
图2-2 随笔
相册效果图2-3如下：
图2-3 相册
音乐效果图2-4如下：
图2-4 音乐
关于我效果图2-5如下：
第7页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
图2-5 关于我
3.2 网站主题
本网站是一个简单的个人网站设计，以动漫为主题，主要包括了本人的自我介绍、比较喜爱的动漫作品以及平时的娱乐等。
3.3 网站风格
1.本网站主要体现了清新自然的风格，以简洁为主。2.网站的主色调为绿和白，充分衬托清新自然的风格。
第8页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
第4 章 制作过程
新建站点，命名为yyl，在站点中新建image、flash、wenben等文件夹。
4.1 index.html页面的制作
1.在Dreamweaver中新建一个html页面，命名为index.html。2.在页面中插入边框为0的表格。
3.logo的制作：新建一个flash文档，制作一个探照灯动画，保存为swf格式。4.背景左.jpg的制作：打开Photoshop，在已有的背景图片上绘制白色部分，再输入首页等文字。
5.移动文字的制作：输入代码
那些消逝了的岁月，仿佛隔着一块积着灰尘的毛玻璃，看得到，抓不着。。。
6.输入文字，制作超链接。
4.2 suibi.html页面的制作
1.在页面中插入表格，设置表格背景颜色。
2.在Photoshop中截取适当大小图片，保存为jpg格式插入到第一步表格中，调整表格大小。
3.输入文字，制作超链接。
4.3 suibi4.html页面的制作
1.在页面中插入文本区域。2.在“属性”框中粘贴文章。 3.输入文字，制作超链接。
4.4 xiangce1.html页面的制作
1.新建文档并设置影片。2.导入图像。
3.制作百叶窗影片剪辑并遮罩。
第9页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
(1)执行“插入”—“新建元件”命令，创建一个名称为“拉伸的叶片”的影片剪辑元件。
(2)选择矩形工具，设置填充颜色，在舞台上绘制一个无描边举行，在属性面板中设置宽和高。
(3)选择矩形，将其转换成“名称”为“叶片”的图形元件。 (4)选择第1帧的“叶片”实例，将属性面板中的坐标设为0。
(5)在第20帧，第40帧分别插入关键帧，将第20帧处实例的高设为1px。 (6)在1-20，20-40帧之间分别创建补间动画。 (7)进入主场景编辑模式。
(8)在图层“风景2”上方插入新图层，命名为“百叶窗”，将“拉伸的叶片”元件从库面板中拖曳到舞台上，共创建9个实例。
(9)调整实例的坐标。
(10)选择这9个实例，按F8键，将其转化为影片剪辑元件。 (11)在图层“百叶窗”上右击，从弹出的菜单中选择“遮罩层”。 4.根据遮罩效果修改“拉伸的叶片”元件。
4.5 xiangce2.html页面的制作
1.输入代码<script language="javascript">
function makevisible(cur,which){
if(which==0)
cur.filters.alpha.opacity=100
else cur.filters.alpha.opacity=20} //end--> </script>
onmouseover="makevisible(this,0)" alt="X战记" />
onmouseover="makevisible(this,0)" alt="圣传" />
第10页共14页
onmouseout="makevisible(this,1)"
onmouseout="makevisible(this,1)" 炎黄职业技术学院 信息工程系毕业设计（论文）
2.输入文字，制作超链接。
4.6 xiangce4.html页面的制作
1.制作图库页面。
(1)新建一个网页文档，建立图库页面的基本布局。
(2)将光标定位在页面左侧的第一个单元格中，执行[插入记录]—[图像]命令，将图像文件插入到单元格中，居中对齐。
2.插入AP元素。
(1)选中要显示预览图的那个单元格，将此单元格的对齐方式改为左对齐和顶对齐。
(2)将光标放置在此单元格内。选择[插入记录]—[布局对象]—[AP Div]命令插入一个AP元素。选中此AP元素，查看“属性”面板，确保AP元素的左边距和上边距为空。
(3)打开“AP元素面板”，确认其中的“防止重叠”选项没有被选中。
(4)将光标放置在此AP元素中，再次执行[插入记录]—[布局对象]—[AP Div]命令。在刚才的AP元素中嵌套一个AP元素。
(5)根据要在AP元素中显示的图像的大小，调整新插入AP元素的位置和大小。 (6)将光标定位在AP元素中，插入图像。 3.将图像添加到时间轴。
(1)选择[窗口]—[时间轴]命令，打开时间轴面板。
(2)选中AP元素中的图像，将图像拖至时间轴。在时间轴的第1帧处放下鼠标。拖曳后面的一个关键帧至第60桢。
(3)选中时间轴的第15帧，单击鼠标右键，再弹出的快捷菜单中选择[增加关键帧]命令。用同样的方法在第30帧，第45帧处各增加一个关键帧。
(4)选中第15帧的关键帧，打开“属性”面板，更改图像源文件。用同样的方法更改第30帧，第45帧处的图像原文件。
4.给文字添加行为动作。
(1)选中文字“连续播放”，在其属性面板中添加空链接“javascript:;”,在“行为”面板中单击[添加行为]按钮，在弹出的菜单中执行[时间轴]—[播放时间轴]命令，在弹出的文本框中输入“timeline1”后按[确定]按钮。
(2)“暂停播放”，“从头播放”设置同上。 5.给缩略图添加行为动作。
(1)选中第一张缩略图，单击[添加行为]按钮，在弹出的菜单中执行[时间轴]—[转到时间轴帧]命令，在弹出的文本框中输入“timeline1”，在“前往帧”文本框中输入
第11页共14页 炎黄职业技术学院 信息工程系毕业设计（论文） “1”，单击[确定]按钮回到行为面板，将此行为事件改为“onclick”。
(2)用同样的方法，给另外3张图像添加同样的行为，将第2张缩略图的“前往帧”设为“15”，第3张缩略图的“前往帧”设为“30”，第4张缩略图的“前往帧”设为“45”，行为事件改为“onclick”。
4.7 yinyue1.html页面的制作
1.下载格式为mp3的歌曲，保存在站点中的music文件夹中。
2.在页面中执行 插入记录—插件命令，在页面中插入播放器及浏览音乐文件位置。
2.插入图片，输入文字.3.输入文字，制作超链接。
第12页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
致
谢
本论文历时两个多月，我系统综合地将我所学的知识运用于毕业设计的全过程。在完成毕业设计中，首先我要感谢我的指导教师****老师。*老师耐心细致地指导我毕业设计，提出了很多精辟而富有建设性的建议。*老师认真负责的工作态度，严谨的治学态度都给我留下了深刻的印象，在学习上给予了我极大的关心和帮助，在此表示衷心感谢！
同时，感谢炎黄职业技术学院为我提供了一个良好的学习环境，感谢学院的领导和老师们！他们无微不至的关怀、精心的培养使我到了很多的知识，终生受益！
第13页共14页 炎黄职业技术学院 信息工程系毕业设计（论文）
参考文献
[1] 缪亮.Dreamweaver CS3 基础与实训教程.电子工业出版社，2008年.[2] 李冬芸.Flash动画实例教程.电子工业出版社，2010年.[3] 缪亮，郭刚.Photoshop平面设计实用教程.清华大学出版者，2008年.
第14页共14页
推荐第4篇：flash网页设计毕业(论文)
辽宁警察学院毕业设计（论文）
Flash网页设计
系： 高职计算机系 专业： 计算机应用技术 学生： 陶帅帅 指导教师：杨 虹
完成日期：2017年4月3日
辽宁警察学院毕业设计（论文）
Flash网页设计
总计 毕业设计（论文）表格 0表 插图 24幅
页
23
摘 要
本论文主要论述了本人所做毕业设计课题《Flash网页设计》的技术背景、设计理念、概要设计、详细设计以及最后效果展示等方面内容，详细的介绍了本人对于设计简单Flash网页的一整套设计过程和相关技术难点的解决方法。
Flash设计网页成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台，它满足了广大用户随时随地进行交流和沟通的需要，为网上用户提供交流场所，实现高效动态信息交换，而网页恰恰是由一个个小小的网页集结而成，没有网页就没有强大的网页。现在虽然有很多动漫网页，但版面千篇1律，缺乏个性化、前瞻性，页面设计混乱，不利于用户查看，网页的交互性比较差，因此我针对以上问题为动漫网页设计一个个性化的动漫网页。 关键词：动漫网页，Flash
I
Abstract This paper mainly discues the graduation design which I do the Anime Web Design Theme of technical background, design concept design, detailed design, summary and display effect etc, detailed introduces himself to design a simple Flash web design proce and related technical difficulties in solving methods.Animation design website become more and more anime fans and the anime fans acce to information and communication platform, it can meet the the needs of the maes of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site.Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages. Key words: Web Design；Flash；Flash web design
II
目录
前 言..............................................................................................................................1 第1章 概述..................................................................................................................2
1.1 Flash软件的介绍.........................................................................................2 1.1.1Flash的历史.......................................................................................4 1.2 Flash软件的特点.........................................................................................4 1.2.1普通网页设计的特点.........................................................................4 1.2.2Flash网页...........................................................................................5 第2章 网页设计的开发工具与开发语言..................................................................7
2.1 网页使用的开发工具.....................................................................................7 2.1.1Macromedia Flash 8.0 Pro..............................................................7 2.1.2Adobe Photoshop CS2........................................................................7 2.2 网页开发语言.................................................................................................7 第3章 Flash网页设计中的各种技术解析 ................................................................9
3.1 主页界面设计解析.........................................................................................9 3.1.1Flash网页加载时的进度条设计 ..........................................................9 3.1.2网页LOGO与站点设计 ...................................................................10 3.1.3网页导航条的设计.............................................................................10 3.1.4进入主页界面前动态效果设计.........................................................12 3.1.5进入主页时的音效设置.....................................................................13 3.2 “赏漫软件”Flash子页面设计 ......................................................................14 3.2.1“赏漫软件”目录的制作..................................................................14 3.2.2赏漫软件的图片文字介绍部分制作.................................................15 3.3 “精品动漫”Flash子页面设计 ......................................................................15 3.4 “酷站导航”Flash子页面设计 ......................................................................17 3.5 “酷炫漫画”Flash子页面设计 ......................................................................18 3.6 “关于作品”Flash子页面设计 ......................................................................19 结论..............................................................................................................................20 致谢..............................................................................................................................21 参考文献......................................................................................................................22 III
辽宁警察学院高职计算机毕业设计（论文）
前 言
世界因Internet的出现而在逐步改变，网络经济雏形因此而形成，由于Internet具有信息容量大、方便迅速、形态多样、覆盖全球等特点，直至今日已发展成为信息传播的主要载体，所以几乎全球的各个企业、机构纷纷建立自己的web站点。Internet信息资源庞大、图文互动、高速高效的特点给传统设计媒体带来了巨大的冲击，再加上网络经济对设计行业的影响，由此而产生了一个新的设计领域--网页设计。
Flash产业作为我国发展中的产业，网页设计技术的发展推动了该产业的传播，使得各类Flash网页纷纷崛起，为广大Flash爱好者带来了诸多便利。
本课题设计的是一个以Flash设计为主题的网页设计，以信息发布、分享为主要的。通过发布一些关于Flash的信息、图片和Flash等为有同样喜好的人们提供一个分享的空间。同时访客用户可以在网页中的剧情交流上发表自己的看法以及可供共享的信息，使人们在获取信息的同时，还可以发表自己的感受。在如今网络高速发展的时代，发布信息与分享兴趣已成为大多网页设计的主要目的。
Flash网页设计
第1章 概述
Flash网页设计是指用用Flash软件制作的网页，网页内容多数甚至全部是Flash。全Flash网页基本以图形和Flash为主，所以比较适合做那些文字内容不太多，以平面、Flash效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网页等。
在因特网飞速发展的今天，多姿多彩的网络页面总是让我们目不暇接，创建富有个性的个人主页更是每一个网络爱好者的梦想。作为一个优秀的多媒体网页设计平台，Flash从众多的网页设计软件中脱颖而出，成为大多数网络爱好者设计网页的首选工具。能够为大多数人所认同的东西总有它的独特之处，Flash正是以其独特的魅力征服了网络发烧友。
首先，Flash的一个很重要的特点是创建的文件体积很小，Flash是完全基于矢量的Flash处理技术，而矢量图形就是用少量的向量数据来描述一个复杂的对象，存储时只占很小的空间，而且图像的质量也很高。想必许多网友们也曾对自己挂在网上的一些Flash作品的体积担心，那么，用Flash来创建网络Flash作品也正是我们的首选。
其次，Flash使用的是插件的工作方式，用户只要安装一次插件，以后就可以快速启动并观看Flash，而不必像Java那样，每次都要花费大量的时间启动虚拟机。
再次，Flash动漫采用的是“流式”的Flash播放技术，用户不必等到Flash下载完全再去欣赏，而是一边下载一边欣赏。
最后，Flash简单易学，尽管它不能像一门高级语言一样进行编程，但功能还是很广泛的。使用内置的ActionScript语句结合JavaScript，也可以制作出互动性很强的主页来
1.1 Flash软件的介绍
Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：Animate CC 2015.5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文档。
辽宁警察学院高职计算机毕业设计（论文）
档案格式:
图1-1影片档
“swf ”这是一个完整的影片档，无法被编辑。有时会被念做“swiff”。Swf在发布时可以选择保护功能，如果没有选择，很容易被别人输入到他的原始档中使用。然而保护功能依然阻挡不了为数众多的破解软件，有不少闪客专门以此来学习别人的程序代码和设计方式。
图1-2原始档
“fla ”是Flash的原始档，只能用Macromedia Flash打开编辑或Adobe Flash CS3及更高版本打开编辑
Actionscript是一种程序语言的简单文本文件.FLA档案能够直接包含Actionscript, 但是也可以把它存成AS档做为外部连结档案(如定义ActionScript类则必须在写在as文件里,再通过import加入类)，以方便共同工作和更进阶的程序修改。
Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的Flash、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的Flash。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。
Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。
Flash网页设计
1.1.1Flash的历史
Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。后又于2005年12月3日被Adobe公司收购。Flash通常也指Macromedia Flash Player（现Adobe Flash Player）。2012年8月15日，Flash退出Android平台，正式告别移动端。2015年12月1日，Adobe将动画制作软件Flash profeional CC2015升级并改名为Animate CC 2015.5。
Flash的过去无疑是异常辉煌的，然而它的现在和将来却饱受非议。在移动互联网和Html5的强烈冲击之下，Flash在网页方面的应用逐渐衰退，如今已经很难再看到纯正的Flash整站了。有人因此断言Flash已经成为一种“过时”的、“应被抛弃”的技术，更有人提出“Flash将死”的预言。然而，换一种客观的眼光来看现实情形，就会发现Flash并未完全衰退，在网页游戏、互动设计、媒体应用、教育课件等领域，仍然能够看到Flash异常活跃的身影。在动画效果的流畅性、互动设计的便捷性、代码开发的简易性、程序应用的广泛性等方面，目前还没有任何一款软件能够与Flash相比拟。因此，也有许多开发者认为Flash还“大有可为”。无论Flash的未来何去何从，在当下，它仍然是一门值得所有人认真学习的技术。特别是对于有志成为网页设计师的学习者而言，Flash更是一门必修课。
1.2 Flash软件的特点
1.2.1普通网页设计的特点
网页设计要注意的两个要点：整体风格和色彩搭配。
1、确定网页的整体风格
网页的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网页。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、4
辽宁警察学院高职计算机毕业设计（论文）
交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网页给人们留下的不同感受。
在这里，我提供给大家一些参考经验：
(1)将你的标志logo，尽可能的放在每个页面上最突出的位置。 (2)突出你的标准色彩。
(3)总结一句能反映贵站精髓的宣传标语！
(4)相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网页中出现的所有标题字的阴影效果的设置应该是完全一致的！
2、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
(1)用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
(2)用两种色彩。先选定一种色彩，然后选择它的对比色。
(3)用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
3、在网页配色中，还要切记一些误区：
(1)不要将所有颜色都用到，尽量控制在三至五种色彩以内。
(2)背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
1.2.2Flash网页
Flash网页具有设计精美，拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征，非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主，所以比较适合做那些文字内容不太多，以平面、Flash效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网页等。
制作全Flash网页和制作Html网页类似，事先应先在纸上画出结构关系图，包括：网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期
Flash网页设计
部分等等，都应在考虑范围之内。
实现全Flash网页效果多种多样，但基本原理是相同的：将主场景作为一个“舞台”，这个舞台提供标准的长宽比例和整个的版面结构，“演员”就是网页子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为\"舞台\"基础，基本保持自身的内容不变，其它\"演员\"身份的子类、次子类内容根据需要被导入到主场景内。
辽宁警察学院高职计算机毕业设计（论文）
第2章 网页设计的开发工具与开发语言
2.1 网页使用的开发工具
2.1.1Macromedia Flash 8.0 Pro Macromedia Flash 8.0 Pro相对于Macromedia Flash MX 2004增强了为移动设备开发的功能,方便创建Flash Web增强的网络视频。虽然有更高的版本，但是Macromedia Flash 8.0 Pro仍是现在最主流的Flash制作软件，配合其内置的ActionScript 2.0能够完美实现网站设计中所需要的各种动态效果和交互效果，而我此次所做的Flash网站就是在Macromedia Flash 8.0 Pro的环境下制作。
新版本的Flash 8中引入了几种高级技术:实时渲染滤镜、运行时位图缓冲、FlashType字体渲染引擎、自定义淡入淡出功能、改进的视频播放组件、增强的文本工具、增强的描边属性、高级渐变控制。其中一种非常棒的技术是，Macromedia减轻了Flash Player 8的渲染工作，在Flash文件中使用标签，Flash Player 8现在可以在用户与Flash文件交互时实时渲染滤镜。这意味着Macromedia已经能够合并内建的滤镜效果，象阴影、模糊、内外发光、倒角、渐变倒角、颜色调整，以获得更丰富的用户体验。这些滤镜或可视效果能够被应用到影片剪辑(MovieClips)和文本域，当在网页中运行时，通过播放器渲染并显现出来。 2.1.2Adobe Photoshop CS2 作为Adobe公司出品的最出色的图形图像处理软件，Photoshop以其强大的功能向我们证明着它的名至实归。在falsh网页设计时一些图片素材如背景图片、按钮、LOGO等在载入Flash库前有必要用Photoshop做适当的处理.2.2 网页开发语言
Html（Hyper Text Markup Language）即超文本标记语言或超文本链接标示语言，它是一种计算机程序语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要内容。
Html文件是用ASCLL代码编写成的，可以保存为最简单的TXT文本文件，
Flash网页设计
这样用任何一个文字处理软件都可以进行编写，这也是他能够迅速迅速普及，并十分受欢迎的一个原因。
辽宁警察学院高职计算机毕业设计（论文）
第3章 Flash网页设计中的各种技术解析
3.1 主页界面设计解析
3.1.1Flash网页加载时的进度条设计
(1)新建Flash文档index.fla，设置舞台的大小为550*550像素，设置背景的颜色为#786e28。
(2)建立进度条设计主要是帮助观察Flash网页载入的进度，建立进度条设计样式如图3-1，时间轴上各层设计如图3-2。
图3-1进度条
图3-2进度条在时间轴上各层
Actions：帧1代码： total = _root.getBytesTotal(); loaded = _root.getBytesLoaded(); baifenshu = int((loaded/total)*100); baifenbi = baifenshu+\"%\"; setProperty(\"jindutiao\", _xscale, baifenshu); Actions：帧2代码：
Flash网页设计
if (baifenshu == 100) {
gotoAndPlay(4); } else { gotoAndPlay(1); } 3.1.2网页LOGO与站点设计
网页LOGO设计：
(1)新建图形元件“元件42”。
(2)利用矩形工具建立一个白色矩形，在矩形正中建立一稍小些的背景色矩形形成白色矩形框。
(3)利用任意变形工具将白色矩形框变形成为白色平行四边形框。用线条工具进行分割裁剪，旋转变换得到要设计的网页LOGO。（如图3-3）
图3-3 logo展示图
3.1.3网页导航条的设计
(1)新建图形元件“元件22”（如图3-4），作为导航条背景。
图3-4导航条背景
辽宁警察学院高职计算机毕业设计（论文）
(2)建立6个图形元件分别在各元件中设计各导航按钮文字，字体样式雅黑，字号12，颜色黑色，分别载入各影片剪辑做出动态效果，对应每个影片剪辑做一个与影片剪辑等大的按钮，按钮与影片剪辑放于不同层叠加在一起均匀排列与导航条上（如图3-5）。
图3-5导航按钮
(3)给每个按钮附加动作。（如图3-6）
图3-6按钮b1动作目录
代码如下： 图层4：帧1： stop(); 元件11： on (rollOver) { } on (pre) {
} 元件11： on (rollOut) {
gotoAndPlay(1);
tellTarget (\"/\") {
}
loadMovieNum(\"index101.swf\", 100);
gotoAndPlay(2); 11
Flash网页设计
} on (pre) {
} 图层4：帧9： Stop（）； 元件11： on (rollOut) { } on (pre) {
} 3.1.4进入主页界面前动态效果设计
(1)新建图形元件“元件29”，创建长条图行，作为三个小窗口推荐酷站、本站作品、站内更新的上框（如图3-7）。建立三个图形元件分别制作各个小窗口的名称（如图3-8）。
图3-7小窗口的上框 图3-8小窗口的名称
tellTarget (\"/\") {
}
loadMovieNum(\"index101.swf\", 100);
gotoAndPlay(1);
tellTarget (\"/\") {
}
loadMovieNum(\"index101.swf\", 100);
(2)新建图像元件，在其上创建与小窗口等大的白色和背景色的矩形色块，在不同图层中各小窗口的上框和窗体依次在时间轴上载入并做形状补间Flash（如图3-9）。
辽宁警察学院高职计算机毕业设计（论文）
图3-9小窗口动态载入效果时间轴设置
(3)导航条、网页头尾的图片条以相同方式在时间轴上依次载入并做形状补间效果（如图3-10），就可以完全载入主页界面获得完整的主页框架界面。
图3-10导航条、网页头尾的图片动态载入效果时间轴设置
3.1.5进入主页时的音效设置
(1)挑选合适的音效载入库中。
(2)选择适当的音效添加到时间轴上的适当位置（如图3-11），使动态效果更具表现力。
图3-11在时间轴上添加声音效果
主页框架界面到现在已经基本上设计完成了，主页框架界面为一个独立的Flash文档，发布之后形成index.swf文件。此外，我们还要针对各个导航卡设计其对应的swf文件，各swf文件之间通过as代码连接形成一个整体，则构成了本Flash网页的主体结构，再通过as代码连接一些必要的网页就构成了一个完整
Flash网页设计
Flash网页。以下几章我将对各个导航卡所对应的.swf文件及它们所链接的网页页面的制作做进一步的详细说明。
3.2 “赏漫软件”Flash子页面设计
3.2.1“赏漫软件”目录的制作
“赏漫软件”子页面载入效果和“迷你游戏”子页面相仿不再赘述。赏漫软件目录的制作大体上与游戏目录相仿，所不同的是不需要转换和滑动，也就比游戏目录要好做多，同时目录中软件按钮的制作也和游戏目录中按钮一样，再此不在赘述目录和按钮的制作方法。我们来看一下做好的目录的大概形状样式（如图3-12），用以上做目录的经验可以轻松做好。
按钮附加动作代码： on (pre) {
} unloadMovieNum(3); loadMovieNum(\"此处最好填所连接swf文件的相对位置\", 2);
图3-12软件目录样式
辽宁警察学院高职计算机毕业设计（论文）
3.2.2赏漫软件的图片文字介绍部分制作
该部分是以一个小的swf文件单独存在的，在点击软件按钮时会载入相应的swf文件在界面的适当位置。
接下来我们来做一下这个小swf文件，就那ACDSee图片浏览软件所对应的swf文件来说明吧。
（1）新建空白fla文件，命名.fla。将通过Photoshop设计好ACDSee软件的图片素材，载入到s2库中。并生成影片剪辑。以影片剪辑动态效果实现是通过逐帧Flash方式完成的（如图3-13至3-14）
图3-13本影片剪辑动态效果的时间轴设置
图3-14本影片剪辑动态效果
3.3 “精品动漫”Flash子页面设计
“精品动漫”Flash子页面是一个与前几个子页面略有不同的子页面，页面的设计风格与前几个页面有些许差异，不规则的背景使得页面整体显得翘起生动。（如图3-15）子页面载入动态效果及显示出动漫按钮前的动态效果在前面都有涉及不在赘述。
Flash网页设计
图3-15“精品动漫”Flash子页面
（1）新建空白fla文件，命名为index003。将通过Photoshop设计好Flash按钮图片素材，大小50*50像素，载入到index003库中。
（2）新建图形元件，将图片载入图形元件中并在图片上面覆盖一层多半透明的与图片等大的色块。（如图3-16）
图3-16图像上覆盖了透明色块的图形元件
（3）将图像元件做成按钮，按钮元件第一帧是将该图形元件透明度略调高一些（如图3-17），在第二三帧恢复正常（如图3-18）。
辽宁警察学院高职计算机毕业设计（论文）
图3-17按钮第一帧
图3-18按钮第二三帧
（4）给每个按钮附加动作代码以连接到要播放的swf文件。代码如下： on (pre) {
} tellTarget (\"/\") { } loadMovieNum(\"xin\\Flash9.swf\", 2); 3.4 “酷站导航”Flash子页面设计
目录的制作、按钮的制作、子页面载入动态效果及显示目录时的动态效果等在前面都有涉及不在赘述。这里仅提供该子网页设计好后的最后效果。（如图3-19）
Flash网页设计
图3-19“酷站导航”子网页设计好后的效果
其中各个网页按钮附加动作的代码为： on (pre) { } 其中对网页的图片展示和介绍部分同“赏漫软件”子页面中的小swf文件制作方法一致，可仿照其制作不再赘述。 loadMovieNum(\"需要读取的swf文件的相对url地址\", 2); 3.5 “酷炫漫画”Flash子页面设计
绝大部分和“赏漫软件”子页面中的设计保持一致，只是按钮需要重新制作，右侧的图片展示部分也没太多的改变，完全可以仿照其设计制作不再赘述。再次提供该子网页设计好后的最后效果。（如图3-20）
辽宁警察学院高职计算机毕业设计（论文）
图3-20“酷炫漫画”子网页设计好后的效果
3.6 “关于作品”Flash子页面设计
本网页就只有一个文字面板，文字面板的设计和其他页面中目录的设计比较相似，都是先在图形元件中设计好其轮廓和背景，再在时间轴上通过形状、亮度、透明度改变进行形状补间最终获得文字面板（如图3-21）。再次提供该子网页设计好后的最后效果。（如图3-22）
图3-21文字面板设计在时间轴上的设置
图3-22“关于作品”子网页设计好后的效果
Flash网页设计
结论
Flash网页具有设计精美，拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征，非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主，所以比较适合做那些文字内容不太多，以平面、Flash效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网页等。
制作全Flash网页和制作Html网页类似，事先应先在纸上画出结构关系图，包括：网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期部分等等，都应在考虑范围之内。
因为本人水平有限，虽然已从很多方面进行阐述和讲解，但终究是不能十全十美的，理论与实际永远是有距离的。希望能在今后的学习和工作中能不断完善、进步！
辽宁警察学院高职计算机毕业设计（论文）
致谢
毕业设计完成之际，我由衷地感谢杨虹老师的大力帮助和支持，感谢我的同学和朋友，在我遇到各种各样复杂问题的时候，给予我鼓励和帮助，使我分析问题和解决问题能力有了很大提高
本论文是在杨虹老师的悉心指导下完成的。杨虹老师渊博的专业知识，诲人不倦的高尚师德，严以律己、宽以待人的崇高风范，朴实无华、平易近人的人格魅力对我影响深远。不仅使我树立了远大的学术目标，还使我明白了许多待人接物与为人处世的道理。所有这一切都将成为我受益终生的宝贵财富!本论文从选题到完成，每一步都是在导师的指导下完成的，倾注了导师大量的心血。在此，我向导师表示崇高的敬意和由衷的感谢！我在研究思想方法上得到了启发，并且在工作中采用他们的部分研究成果与资料。尽管与他们为我付出的一切相比，所有的语言都显得苍白无力，但我仍要真诚地说声:谢谢! 感谢三年来各位老师和同学对我学习、生活的关心和帮助。在论文即将完成之际，我的心情久久无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给予了我无言的帮助，在这里请接受我诚挚的谢意！
最后感谢我的母校—辽宁警察学院三年来对我的栽培。毕业设计完成之际，我由衷地感谢论文指导老师的大力帮助和支持，感谢热心的同学与朋友，在我遇到种各样复杂问题的时候，给予我鼓励和帮助。
21
Flash网页设计
参考文献
[1]向玫玫,林强，马杰，薛雅娟,王亚冰，范文南.Flash设计(21世纪全国普通高等院校美术艺术设计专业十二五精品课程规划教材)，辽宁美术出版社，2014.04.[2]李锡泽，王喆.《Flash动画网页设计》，武汉大学出版社,2015年.[3]刘欢.《Flash ActionScript 3.0交互设计200例》，人民邮电出版社，2015.05.[4]刘斌.基于Flash的课件制作与应用[J]，科技广场，2012(7).P102-P103.[5]莫仲心.浅谈Flash动画在网页设计中的应用[J].信息通信.2012(1).P135-P136.
22
推荐第5篇：高职院校网页设计论文
1正确认识网页设计与制作课程的性质和地位
与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(Photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。
2选择适合高职院校学生特点的教材
我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《Dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。
3遵循高职教学规律，加强和改进教学工作
高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。
3．1网页设计与制作课程的教学思路
首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。
3．2网页设计与制作课程的教学方法
用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”LOGO、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。
3．3教学过程中因时因人改进教学手段和方法
高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。
4明确教学目标，把握教学内容
4．1选择合适的网页制作工具
目前最好的网页制作与设计软件工具是Dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择Flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。
4．2要求学生能够利用Dreamweaver设计各种网页，开发初具规模的网站
我系课程方案中要求采用以Dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解HTML语言、简单认识CSS网页设计的基础知识。这里需要特别说明的一点是，首先，对HTML的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，HTML可以说是网页的灵魂，它不像C语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握CSS的基本使用方法，CSS是英文单词CascadingStyleSheets缩写，翻译为“层叠样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，CSS可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个HTML元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。
5考核方式
根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。
6社会实践
如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。
7总结
真正落实实训在网页设计课程教学过程中的基础地位和作用，调动学生做实训作业的主动性，切实培养学生的实际操作能力和思维创新能力才是我们教师共同努力的目标。通过以往的教学结果观察得出，学生在课堂上的态度也有了很大的进步，在最后的实训测试中又相当于重新复习巩固了一次，对网页设计的记忆深刻了许多，教学效果显著。随着我们对现行的综合评价考核机制的不断改进和完善，相信对学生的进步会起到不可估量的促进作用。在教学过程中，教师要对课堂理论教学、实例教学和课程实训等方面进行不断地整理、反思和改进，因为未来的社会中，网页在生活中所起的作用也在不断地变化着，对这门课程的教学的要求也越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。
推荐第6篇：网页设计
燕山大学
电子商务法论文
题目：网络链接引发的著作权案
学院（系）：经济管理学院年级专业：09级电子商务学号：090105070023学生姓名：郭振宏
指导教师：胡心专
日期：2011/4/1
4网络链接引发的著作权案
摘要：链接是互联网上快捷地传递和获取信息的一种技术手段，是互联网的重要功能。上网者通过链接获取的网上信息存在侵权问题时，一般应当追究上载该信息网站的法律责任，提供搜索引擎链接服务的网络经营者不承担侵权责任。但是，如果该网站经营者明知其他网站网页上含有侵权内容的信息，还继续提供该种服务，则应承担侵权责任。
关键词：非法链接；著作权保护
1、刘京胜诉搜狐侵犯著作权案
2000年10月，原告刘京胜在上网访问被告搜狐公司的搜狐网站时，发现通过点击该网站“文学”栏目下的“小说”，即进入搜索引擎页面。根据页面提示顺序点击“外国小说@(5064)”、“经典作品(86)”、“唐吉诃德——[西班牙]塞万提斯”、“译本序言”后，可在页面上看到其翻译作品《唐吉诃德》。于是，原告刘京胜申请北京市公证处对以上上网的操作过程、路径和终端监视器上显示的页面内容进行公证，后据此于24日向北京市第二中级人民法院提起诉讼。11月6日，被告向北京市公证处申请按照原告上网的过程、路径进行公证。15日，被告向北京市公证处申请对上述网站访问《唐吉诃德》中文版的过程和路径进行公证。被告两次公证的目的在于证明：1.该作品不是其搜狐网站上载，亦不在搜狐网站的网页上，而是通过搜狐网站的搜索引擎进入他人的网页后才看到该作品;2.直接访问、网站，即可看见载有原告翻译作品的网页;3.由于搜狐网站与上述三个网站有链接关系，所以能通过搜狐网站访问这三个网站载有原告翻译作品的网页。
11月23日，本案开庭审理时，原告当庭明确要求被告断开与上载其翻译作品的网站的链接。被告以法律未规定链接是侵权为由拒绝。30日，被告才断开链接。
裁判结果：北京市第二中级人民法院认为：根据《中华人民共和国》第十二条的规定，原告对《唐吉诃德》享有翻译作品著作权，应当受到法律保护。未经许可使用其作品，是对著作权的侵害。当得知侵权行为发生或可能发生时，任何与该侵权行为或结果有一定关系的人，都应当采取积极的措施，防止侵权结果扩大。
被告向公众提供搜索引擎服通过搜索引擎与侵权网站发生了临时链接，其虽然难以控制搜索引擎的特定搜索结果及其附带的临时链接，但完全有能力控制对特定网站或网页的链接。原告提起侵权诉讼时，虽因了解两种技术的不同而将搜狐公司链接行为指控为上载，但毕竟将自己是涉案作品的著作权人、其权利被侵害以及希望尽快制止侵权的意思表示清
楚。被告收到起诉书后，没有及时断开链接，使侵权结果得以扩大，起到了帮助侵权人实施侵权的作用。依照著作权法第四十五条第(八)项的规定，被告应当对自己的这种行为承担侵权的法律责任。
2、娱乐基地诉百度MP3深层次链接
2006年4月7日，杭州原创音乐网站“娱乐基地”向北京市第一中级人民法院正式起诉，控告百度、新浪和雅虎MP3搜索引擎侵犯其著作权，并要求每家公司赔偿其经济损失500万元。 “娱乐基地”指出，百度等3家公司通过搜索技术直达“娱乐基地”网站的下载后台，将本该付费下载歌曲的绝对地址开发给网民免费下载。“娱乐基地”认为百度等搜索引擎公司的行为给其造成了经济损失。
“娱乐基地”称，百度提供的“深层链接”，其链接的是数据库的MP3文件，这使得网民无须打开被链接网站的页面就能免费下载，百度从中获取巨大的商业利益，而无需承担上传、保存、编辑等劳力财力支出。“娱乐基地”需要为此承受各种硬件资源，维护网站的成本每年高达数千万元。由于搜索引擎提供免费MP3下载，“娱乐基地”在数字音乐方面得不到任何收益。因此诉至法院，要求百度、雅虎、新浪三个被告立即停止侵权、公开赔礼道歉，并各自赔偿经济损失计500万元。
百度方面则认为，侵权的是提供盗版资源下载的网站，而非搜索公司。百度只为网民提供搜索结果，但无法判断搜索到的东西是否侵权。
2007年1月，持续了10个月的娱乐基地诉百度 MP3 深层链接侵权案有了庭审结果：北京市第一中级人民法院驳回娱乐基地对百度的诉讼。
网络服务商免责：提供链接、搜索服务，接到通知停止链接、不明知不承担责任。 对于搜索链接服务商的责任，《信息网络传播条例》第二十三条规定了免责条件，即网络服务提供者为服务对象提供搜索或链接服务，在接到权利人的通知书后断开与侵权作品的、表演、录音录像制品的链接的不承担责任；但是明知或者应知所链接的作品侵权的，应承担共同责任。
3、法律与网络共同发展
互联网是一个高速发展的全新行业，对于浩瀚的信息来说，搜索引擎使其从混乱无序、随意的状态，转变成有规律、系统的世界。链接则将网上的关联内容同时呈现，又排列有序，使普通用户可以轻松得到需要的信息，最大程度的发挥了互联网对信息的传递功能。
对于这个日新月异的互联网领域，法律是不可能事无巨细的超前规定的。各国目前都在对搜索、链接服务引起侵权责任进行探讨，但都还没有明确的规定。美国的DMCA为了鼓励搜索服务，提供了“安全港”原则，使ISP在接到通知后，只要删除被主张权利的作品，或停止链接该作品，即可免去承担侵权责任的危险。但在其Napster判决中，提供侵权内容链接的行为，却又被认定为侵权的帮助行为。使其对搜索、链接的态度更加难以判断。
相信随着互联网SP业务发展的不断成熟，在不久的将来，我国法律对于搜索、链接的问题，必然会做出明确的规定。
参考文献：
【1】《反不正当竞争法》
【2】《著作权法》
【3】陈坚《试析非法链接的著作权间接侵权责任，中国政法大学硕士学位》
【4】王迁：《论网络环境中版权直接侵权的认定标准（上）》，载于《东方法学》2009年第二期，第一页
推荐第7篇：设计网页
1、设计在线（新闻绝对是业界最及时的）
2、视觉中国（新新设计师的代表性网站，有些杂，速度也不快）
3、设计前沿（从事工业设计的同胞们必去）
4、设计师家园（建筑与室内设计师非去不可）
5、亚洲CI网（网站本身不怎么样，但是论坛非常不错，高手云集）
6、V6DP（论坛，年轻设计师的天下）
7、ad110.com（云集非常多大师作品以及他们的网站导航）
8、Arting365（有些不错的独门信息及作品）
9、台湾创意设计中心（了解台湾设计的必去站点）.tw/
10、肖勇（中央美院教师的网站，有些信息值得阅读）
设计师值得去的十大新网站
1、DDC传媒（强调数字艺术的综合性网站，2004年底成立）.cn
2、ad110.com（云集非常多大师作品以及他们的网站导航，2004年底成立）
3、鲜创意（综合性网站，2005年初成立）
4、数字艺术（搜狐数码频道的分栏目，2005年初成立）
digi.it.sohu.com
5、涂鸦王国（自由开方性质的网上涂鸦站点，2004年底成立）poobbs.com
6、中国美术家（非常全面，但是速度非常慢，2005年初成立）.cn
9、视觉同盟网（综合性网站，2004年成立）
10、中国广告协会（不说了，看题目就知道，2005年初成立）
推荐第8篇：网页设计
网面设计
第一次作业
1.在不同类型的旅游网站中，制作风格接近于正统的商业网站类型，但带有旅游网站活泼、轻快的特点的是（ D ）。
1.2.3.4.景点类网站
旅行社网站
户外运动俱乐部网站
旅游服务类网站
2.Flash输出的网络动画文件格式是（A ）。
1.2.3.4.swf
mov
wav fla
3.Flash中，时间轴的用途是（
D）。
1.2.3.4.开启新文件
关闭旧文件
存储旧文件
制作动画情节
4.Dreamweaver CS5中有很多面板，其中用于管理本地站点文件和文件夹的面板是（ A ）。
1.
2.3.4.文件面板
插入面板
属性面板
行为面板
5.下列哪个是Photoshop图像最基本的组成单元（ D ）。
1.2.3.4.节点
色彩空间
路径
像素
6.在Photoshop CS中，下面哪种工具可以选取要操作的局部图像？（ D ）
1.2.3.4.吸管
抓手
铅笔
魔棒
7.Photoshop CS存储文件时，默认的文件格式是（ A ）。
网面设计
1.2.3.4.PSD
BMP
JPEG
8.HTML网页源文件的文件类型是（B ）。
1.2.3.4.可执行文件
文本文件
二进制数据文件
二进制多媒体文件
9.下面不是Web服务程序的是（A ）。
1.2.3.4.Word
Apache
IIS
Tomcat
10网站可以划分为不同的类型，如果按照网站的服务分类，则“七匹狼服饰”网站属于的类型是（A ）。
1.2.3.4.展示型网站
内容型网站
电子商务型网站
门户型网站
11 对于在网络上播放的动画,最合适的帧频率是（ B ）。
1.2.3.4. 8fps
12fps
24fps
48fps
12 打开Dreamweaver CS5后，如果工作界面中没有出现属性面板。可执行（ B ）菜单中的“属性”命令将其打开。
1.2.3.4. 查看
窗口
命令
站点
13 常用来接收用户在浏览器端的输入数据，然后将这些信息发送到服务器端的页面元素是（D ）。
网面设计
1.2.3.4. 文本
图像
表格
表单
14 网站可以划分为不同的类型，如果按照网站的服务分类，则“京东商城”网站属于的类型是（C ）。
1.2.3.4. 展示型网站
内容型网站
电子商务型网站
门户型网站
常用来接收用户在浏览器端的输入数据，然后将这些信息发送到服务器端的页面元素是（D ）。
1.2.3.4.
第二次作业 文本
图像
表格
表单
1北京邮电大学网络教育学院网站属于（A ）。
1.2.3.4. 互动学习类教育网站
主题资讯类教育网站
教育科研类教育网站
综合类教育网站
2 下列关于CSS的说法错误的是（D ）。
1. CSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”
2.CSS的作用是精确定义页面中各元素以及页面的整体样式
3.CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性
4.使用Dreamweaver CS5只能可视化创建CSS样式，无法以源代码方式对其进行编辑
3.下面关于个人网站设计的叙述错误的是（ C ）。
1. 个人网站设计时需要考虑浏览器的兼容性问题
网面设计
2.为了使网站生动，个人网站设计可以考虑使页面具有交互性
3.为了使网站生动，个人网站设计应该较多地使用动画
4.设计个人网站时要少用特殊字体
4.下面关于Spry框架的叙述错误的是（B ）。
1.2.3.4. Spry框架可用来布局网页元素
Spry框架是是由HTML标签生成的
利用Spry框架可以制作菜单栏
利用Spry框架可以制作选项卡式面板
5.下列选项中关于在Dreamweaver CS5中的AP元素的说法错误的是（ D ）。
1.2.3.4. AP元素是一种 HTML 页面元素，用户可以将其定位在页面上的任意位置
一个网页可以有多个AP元素、各个AP元素可以重叠、可以设定是否可见等
对AP元素的基本操作包括：AP元素的插入和嵌套、AP元素的操作和属性设置等
AP Div标签是定义Web页面的内容中的逻辑区域的标签
6.下面不符合门户网站设计要点的是（ C ）。
1.2.3.4. 要有清晰的导航设计
尽量使用模板进行设计
各个子页面的风格及配色方案必须一致，不能有差异
可以用特殊的颜色标注出要突出显示的内容
7 下列关于库项目的说法错误的是（ D ）。
1.2.3.4. 库项目可以看成是网页上能够被重复使用的“零件”
利用库项目同样可以实现对文档风格的维护
在不同文档中放入相同的库项目时，可以得到完全一致的效果
不可以将多个文档内容的组合定义成库项目
8 某用户在用模板做的页面无法插入层，其原因可能是（B ）。
1.2.3.4.层不可能插入用模板做的页面
该用户没有定义可编辑区域
只能先插入表格，再将表格转换成层
该用户没有定义锁定区域
9要使表格的边框不显示，应设置border的值是（ A ）。
1.2.3.4. 0
1 2 3
网面设计
10使用Dreamweaver CS5制作页面时，在网页中插入表格，表格的对齐方式不包括（ D ）。
1.2.3.4. 左对齐
居中对齐
右对齐
分散对齐
11 以下不应是餐饮类网站设计风格的是（ C ）。
1.2.3.4. 大方、简洁，操作方便
唯美、优雅
业务包罗万象
庄重、大气，典雅高贵
12 在HTML页面上编写JavaScript代码时，应编写在（ B ）标签中。
1.2.3.4. 和
和
和
和
推荐第9篇：电大Dreamweaver的网页设计论文
鄂尔多斯电视广播大学毕业设计
鄂尔多斯电视广播大学
毕业设计（论文）
题目：个人网站设计——个人网站建设
学 院：_鄂尔多斯电大 _ 专 业：计算机应用技术 班 级： 计算机班 姓 名：____s.____
2014年12月完成
I
鄂尔多斯电视广播大学毕业设计
摘 要
在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。
现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为很多人提供了一个网络生活空间，通过其网页展示了企业介绍、城市文化、校园文化介绍、招商信息、加盟程序、留言等一系列内容的介绍。为了更好的宣传和服务于经济发展，我通过制作一个网站来介绍宣传一下我的家乡。本文比较系统的阐述了有关网站建设方面的相关理论知识及该网站开发设计，充分体现了计算机技术服务于经济建设的重要思想。
关键词: 网站建设，Internet，城市
II
鄂尔多斯电视广播大学毕业设计
目录
第一章 前言 ...........................................................1 1．1课题来源 .......................................................1 1．2 网站开发项目需求分析 .........................................1 第二章 网页制作概述 ....................................................2 2.1 网页的类型 ......................................................2 2.1.1 静态页面 ..................................................2 2.1.2 动态页面 ..................................................2 2.2 网页开发技术 ....................................................3 2.3 网页布局 ........................................................4 2.3.1 网页布局的基本概念 ........................................4 2.3.2网页布局方法 ...............................................6 2.3.2 网页布局技术 ..............................................8 2.4网页配色 ........................................................9 2.5 网页设计流程 ...................................................10 第三章 涉及软件 ......................................................11 3.1 DreamWeaVer cs5介绍 ...........................................11 3.2 DreamWeaVer cs5操作界面 .......................................11 第四章 建立网页链接 ..................................................12 4.1 文字链接 .......................................................12 4.2 图像链接 .......................................................13 4.3在HTML语言中建立网页链接 ......................................14 第五章 结论 ........................................................16 致 谢 ................................................................17 参考文献 ..............................................................18
III
鄂尔多斯电视广播大学毕业设计
第一章 前言
1．1课题来源
随着二十一世纪新兴科技的飞速发展，如今的信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。
互联网拉近了各个领域之间的距离，如今利用互联网来宣传已经是必不可少的工具，城市发展也需要互联网的宣传来带动自身的发展。
1.2网站开发项目需求分析
一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分来自于客户的实际需求或者是出于自身发展的需要。在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。
鄂尔多斯电视广播毕业设计
第 I 条 第二章 网页制作概述
2.1 网页的类型
网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面。 2.1.1 静态页面
静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。但是静态页面最大的好处是下载速度快，因为不需要程序运算和数据库连接。常见的静态页面以.html、.htm为扩展名的。并非网站上没有动画的就是静态页面[3]。 2.1.2 动态页面
动态页面是通过执行asp、php、jsp、.net等程序生成客户端网页代码的网页。动态页面通常可以通过网站后台管理系统对网站的内容进行更新管理。发布新闻，发布公司产品，交流互动，博客，网上调查等，这都是动态网站的一些功能，也是我们常见的。动态网页是需要语言环境支持的，动态页面常见的扩展名有：.asp、.php、.jsp、.cgi 等。动态页面的“动态”是网站与客户端用户互动的意思，而非网页上有动画的就是动态页面[4]。
动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。可以说是一对多的关
鄂尔多斯电视广播毕业设计
系。从而达到资源的最大利用和节省服务器上的物理资源。如果今后需要改变站点风格，只需要重新制作前台所访问的数据即可。只要数据库结构不变，可以很快的进行改版的。
2.2 网页开发技术
动态网页开发技术介绍——HTML、ASP、JSP、CGI、PHP。
HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。严格的来讲，HTML不能算做一门编程语言，因为它没有自己的数据类型，也没有分支、循环等控制结构。它的设计简单，结构灵活，允许在Web浏览器及其它兼容的应用程序中显示文本和图像，并且文档的某些部分可以成为超链接。完成后把这些文档保存为*.html文件，然后用浏览器打开。
HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器[5]。
在早期，动态网页技术主要采用CGI技术，即Common Gateway Interface(公用网关接口)。在早期，你可以使用不同的程序编写合适的CGI程序，如Visual Basic,Delphi或C/C++等。虽然CGI技术成熟而且功能强大，但由于编程困难，效率低下，修改复杂等缺陷，所以有逐渐被新技术取代的趋势。
ASP全名Active Server Pages，是一个WEB服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。ASP采用脚本语言VB Script（Java script）作为自己的开发语言。 ASP更精确的说是一个中间件，这个中间件将Web上的请求转入到一个解释器中，在这个解释器中将所有的ASP的Script进行分析，再进行执行，而这时可以在这个中间件中去创建一个*.html文件（静态网页）。 PHP是一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态生成页面.它支持目前绝大多数数据库。还有一点，PHP是完全免费的[6]。
JSP 是Sun公司推出的新一代站点开发语言，他完全解决了目前ASP,PHP的一个通病－－脚本级执行（据说PHP4 也已经在Zend 的支持下，实现编译运
鄂尔多斯电视广播毕业设计
行）。Sun 公司借助自己在Java 上的不凡造诣，将Java 从Java 应用程序 和 Java Applet 之外，又有新的硕果，就是Jsp－－Java Server Page。Jsp 可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。
2.3 网页布局
网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象。
一般来说，好的网站应该给人有这样的感觉：
干净整洁；
条理清楚；
网页
专业水准；
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择，就象一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。 (a) 2.3.1 网页布局的基本概念
最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思，可以创造出自己的设计方案。，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西，这样你创造出来的网页才能更好的被别人接受。
（1） 页面尺寸
鄂尔多斯电视广播毕业设计
由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。
在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。
（2）整体造型
造型就是创造出来的物体形象，这里是指页面的整体形象。这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。
对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。
（3）页头
页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放
鄂尔多斯电视广播毕业设计
置站点名字的图片和公司标志以及旗帜广告。
（4）文本
文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。
（5）页脚
页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。
（6）图片
图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
（7）多媒体
除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。 (b) 2.3.2网页布局方法
网页布局的方法有两种，第一种为纸上布局；第二种为软件布局。下面分别加以介绍。
（1）纸上布局法
许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。
首先，尺寸的选择。目前一般800X600的分辨率为约定俗成的浏览模式。所以为了照顾大多数访问者，你页面的尺寸以800X600的分辨率为准。
其次，造型的选择。先在白纸上画出象征浏览器窗口的矩形，这个矩形就是你布局的范围了。选择一个形状作为整个页面的主题造型，我们选择圆形，因为它代表者柔和，和时尚流行比较相称，然后在矩形框架里随意画出来，你可以试者在增加一些圆形或者其它形状。这样画下来，你会发现很乱。其实，如果你一
鄂尔多斯电视广播毕业设计
开始就想设计出一个完美的布局来是比较困难的，而你要在这看似很乱的图形中找出隐藏在其中的特别的造型出来。还要注意一点，你不要担心你设计的布局是否能够实现。事实上，只要你能想到的布局都能靠现今的HTML技术实现。如图2-1和图2-2
图2-1 手绘布局图 图2-2 布局图
考虑到左边向左凹的弧线，为了取得平衡我们在页面右边增加了一个矩形，(也可以是一条线段) 如图2-3。
图2-3 布局图的改善
然后，增加页头。一般页头都是位于页面顶部，所以我们为图3增加了一个页头，为了和左边的弧线和右边的矩形取得平衡，我们增加了一个矩形页头并让页头相交与左边的弧线，如图2-4。
图2-4 页头的图示
然后，增加文本。页面的空白部分加别加入文本和图形。因为在页面右边有矩形作为陪衬，所以文本放置在空白部分不会因为左边的弧线而显得不协调，如图2-5。
鄂尔多斯电视广播毕业设计
图2-5 文本的图示
最后，增加图片。图片是美化页面和说明内容必须的媒体。在这里把图片加入到适当的地方，如图2-6。
图2-6 图片的图示
经过以上的几个步骤，一个时尚页面的大概布局就出现了。当然，它不是最后的结果，而是你以后制作时的重要参考依据。
（2）软件布局法
除了纸上布局，还可以利用软件来完成这些工作。如利用Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。 (c) 2.3.2 网页布局技术
（1）层叠样式表的应用
在新的HTML4.0标准中，CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS有点复杂，但它的确是一个好的布局方法[7]。曾经无法实现的想法利用CSS都能实现。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现。比如一些企业网站。
（2）表格布局
表格布局被广泛使用，已经成为一个潜在的标准。随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。
鄂尔多斯电视广播毕业设计
表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响[8]。对于表格布局，打开一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，会可以看到这个页面是如何利用表格的。
（3）框架布局
由于它的兼容性，框架布局并没有被所有人接受。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。
2.4网页配色
网站充斥着枯燥的设计，惠普、IBM、戴尔、微软，以及其他数不尽的网站（相似的布局，相似的配色）。这样一种标准化的界面可以使浏览更方便，但同时带给用户一种很世俗的体验，并不能与访客产生一种积极的联系。
面对这种单调的设计，有一种解决方法，就是使用颜色。可能没有其他设计元素能像颜色一样能影响人们对世界感受。颜色可以瞬间改变我们的情绪和意见。颜色会让我们感觉到舒适、敬畏，或者激动[9]。在界面设计中，颜色组合对设计非常有用。可以区分设计让用户更加难忘、引导用户使用户专注于交互、吸引用户使页面布局更舒适，更有魅力。
一旦有机会可以让网站更独特，就不能放弃。如果你的网站做的很醒目，那么用户可能会花更多时间浏览并且想是从哪里访问过来的，他们有可能记住这个网站并且下次再访问。可能没有比颜色更好的元素可以达到这样的效果了。人们会马上对颜色产生感觉：激动、高兴或者枯燥乏味。
当你试图在一个充满饱和色调的页面上浏览信息时，你的眼睛会不断地返回那些亮的颜色。最强的视觉元素是最重要的。我们趋向于忘记那些深蓝、黄色和灰色，因为每天都看到。在那些用户需要长时间在线使用的 Web 应用程序中，注意这一点尤为重要。不是很强烈的配色可以使用户专注于工作和接收重要信息。当然完美的 Web 体验不能仅仅依靠颜色，结构、交互、布局等方面也必须协同工作，来创建可用、易用的网站和应用程序。但是颜色是平衡中的重要部分，不能忽略。
鄂尔多斯电视广播毕业设计
2.5 网页设计流程
网页设计是一个互动的过程，不仅是设计师构思设计就可以完成的。从客户提出需求到最终发布，期间需要客户与设计人员共同参与协商才可以，具体流程如下：
首先，获取客户需求和资料。在设计网站页面之前，设计师需要知道客户的需求，从而确定客户建立网站的目的。客户提出网站需求是非常重要的一个环节。没有详细的需求，设计人员无法凭空进行设计制作。在这个步骤中，双方的沟通与交流是非常重要的。
其次，确定网站内容。设计人员选择适合自己的图像编辑软件、动画制作软件和网页制作软件进行网页的初步设计，这中间可能还需要和客户进行多次沟通才能达到客户满意的效果。在具体设计时，设计人员应该为网站定位一个主题，从而保证所有网页都围绕这个主题进行设计制作，保证风格的和谐统一。
然后，申请域名和空间。使用该方法能够有效同步管理文件。还可以通过FTP软件连接到服务器空间上，然后上传发布文件。
最后，后期维护。一般静态网站上传后，如果客户方没有专业人员维护，这样就需要设计人员从客户方获取新资料进行定期或不定期的更新。如果是动态网站，设计人员需要负责培训客户方如何使用后台管理，这样客户就可以自己通过后台管理添加信息，设计人员只要及时更正动态网站的错误即可。
鄂尔多斯电视广播毕业设计
第三章 涉及软件
3.1 DreamWeaVer cs3介绍
Dreamweaver CS3是Adobe(奥多比)公司收购Macromedia公司后推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档
3.2 DreamWeaVer cs3操作界面
DreamWeaVer cs3界面设计友好，空间广阔，操作精微细致,是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。，如图3.1所示。
鄂尔多斯电视广播毕业设计
图3.1 DreamWeaVer cs3操作界面
第四章 建立网页链接
网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁。网页中的很多对象都可以加入“链接”属性。在Dreamweaver 8中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。
4.1 文字链接
“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。操作步骤：
步骤1、准备好已经制作完成的首页的各个栏目页面
步骤
2、在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。 步骤
3、观察“属性面板”，其中包括一个“链接”文本框。步骤
4、接下来需要把链接的位址加入到文本框中。
鄂尔多斯电视广播毕业设计
步骤
5、在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：
步骤
6、还可以设置一些“链接”的属性，单击“属性面板”中的“页面属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。
步骤
7、至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“放松心情”这4个文字上时将变成手形，并且浏览器窗口下面的状态区中会显示链接到的网页的位址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。
步骤
8、同理，按照以上步骤，再为“闲情逸致”和“个人主页”等其它栏制作指向对应栏目的链接。
至此，整个“文字链接”的实例就全就全部完成了。
4.2 图像链接
“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“my web“为例，讲解如何建立“图像链接”。操作步骤：
步骤
1、首先仍然要准备好已经制作完成的首页和各个栏目的页面 步骤
2、在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。
步骤
3、观察“属性面板”，在“链接”文本框中输入链接的文字位址。步骤
4、如果有需要，可以在“目标”下拉列表中选择“链接”网页显示的
鄂尔多斯电视广播毕业设计
窗口方式，分别为-blank、-parent、-self或 top。
步骤
5、至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗口下面的状态区中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。
步骤
6、同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。步骤
7、在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页。
至此，整个“图像链像”的实例就全部完成了。
4.3在HTML语言中建立网页链接
一、文字链接
在HTML语言中用超链接标记指向一个目标。其基本格式为：举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。
文字链接
a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)
相册（原窗口，默认为空）
留言
推荐第10篇：平面规划网页设计论文[优秀]
一、平面规划基本思路
首要，在拿到规划项目以后，首要要对客户进行系统性的分析，比方能够公司布景、客户公司形象、客户商品形象，充沛把握客户公司或商品的详细信息，使平面规划作业能够有针对性，断定规划定位。当规划有关资料联系完毕以后，就需求针对这一项目展开适当的思考和断定，断定平面规划个性，断定体现手法。这是一个对比艰难的进程，由于平面规划的规划空间所限，致使平面规划的主题一定要凸显出来，且内容要饱满但不能负担，这就需求规划者进行仔细的思考和研讨，以佳的体现手法进行详细出现，一起，这一进程也需求做好有关资料的搜集作业，以便于有关创造作业的展开。在断定规划个性和体现手法以后，便能够展开详细的平面规划作业。平面规划作业能够凭借传统规划资料展开，比方绘图笔和纸张，也能够凭借领先的绘图软件展开，能够依据规划者的习气来断定，但规划进程中必须要保证规划的全面性和方向的精确性，要保证色彩的一致，也要保证满足的视觉冲击力，保证规划著作能够导致顾客爱好，招引顾客眼球。
二、页面规划与平面规划之间的差异以及彼此之间的联络
1、体现规模的不一样体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。
2、束缚性的不一样束缚性也即是进行艺术创造时分的束缚条件，此种束缚性的条件是表如今许多的方面的，就像创造东西，传达的方式以及创造的平面，字体字号以及色彩标准等等。页面规划，通常情况下是只是能在电脑设备上进行创造的，而且也只能是在凭借电脑设备的前提下才干够展现出实在的创造作用。页面中规划的著作作用会遭到网速的影响，遭到客观的要素影响对比大。可是平面规划相对来讲就不会受那么多的束缚，不行是在创造空间上没有太多的束缚，而且创造的商品也能够在任何时分任何的场合中进行展现，没有严厉的规定。在进行平面规划的时分不管是触及的字体、字号仍是色彩都是十分的具有随意性的，能够依据规划者的实践需求以及规划师心思的状况进行创造。
3、技能上实践的不一样页面规划是对比依靠于互联网的，页面规划关于领先的软件具有十分强的依懒性，可是平面规划则不是这样的，它关于软件的依靠对比小，相对来讲愈加依靠于打印的技能。在进行页面规划的时分通常情况下都是凭借于绘图东西的，只有强壮的软件才干保证页面规划顺畅的进行。可是平面规划优化经济以及科学技能的展开，不仅能靠画图东西来进行创造，而且也能凭借有关的绘图软件来实现终究的作用，再即是平面规划关于打印技能的要求是对比高的，此也是两者之间十分显着的差异。
三、页面规划与平面规划之间的联系
页面规划与平面规划之间是有着十分亲近的联络的，可是两者之间也是存在着差异的。页面的规划与平面的规划都归于具有现代化特征的艺术方式，在如今社会中这两种艺术方式都是能够经过电脑技能来辅佐或许直接完结的，而且能够发生十分好的作用。页面规划与平面规划之间存在的差异也是对比的大的，其主要差异是它们的体现规模的不一样。体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。其是依据二维空间的一种艺术性创造，而且也不需求十分严厉的体现手法，不遭到东西或许是宣扬路径的束缚，著作成形以后，能够凭借杂志还有周刊或许是广告等任何的方式进行宣扬，然后到达进步影响力的方针。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。
四、结束语
平面规划同页面规划既有明显的差异也有亲近的联络，网络规划是平面规划的展开方向，也是平面规划的一种连续，咱们应该正确的知道页面规划与平面规划之间的联系，在实践的作业中要注意两者之间的联系，要做到彼此的弥补，彼此的学习，然后创造出优异的著作，用激烈的艺术作用来感染大家，进而为商业艺术的展开做出应有的奉献。
第11篇：网页制作论文
网页制作论文
简介
网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。
网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。
目录
1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks
4.1fireworks简介
4.2fireworks在网页中的应用
4.3fireworks的重要性
4.4fireworks制作流程 5.参考文献
正文
1.网页制作的两种设计模式
从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。
于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。
网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
2.网页制作常用工具
1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。
3、FLASH 网页需要画面流动时的首选择
4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。
6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。
3.flash 3.1flash简介
Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。
3.2flash动画的特点
（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。
（二） Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。
（三） Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。
（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。
（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。
（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。
3.3flash动画的前景
现在的Flash平台包括:Flash Studio
8、Flash Player
8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。
（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位
（二）Flex 2产品线和Flash Player 8.5出手不凡
Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。
Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。
3.4flash在网页中的应用
在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的\"流\"式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程
（1）建立一个新的场景
依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。
（1）
（2） 重新命名场景和涂层名称
依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。
（2）
（3） 插入水平线结束帧
单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。
（3） （4）插入跳动的小球涂层，画小球的初始状态
双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。
（4）
（5） 插入下一帧
单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。
（5）
（6）制作下落动作的变化
重复上一步骤。
（6）
（7）小球变形
在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。
（7）
（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。 4.fireworks 4.1fireworks简介
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。 借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。
4.2fireworks在网页中的应用
众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。
在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。
4.3fireworks的重要性
为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。
4.4fireworks制作流程
1.准备素材 如图
2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区
2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒
出
电
视
画
面
的
路
径
4.将选中区域填充成折叠渐变
颜色可以自己选择：
5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：
6.将调整手柄以初选中区域 并在帧属性，选取重制帧命令：选择三帧 或在多些
7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域 并在帧属性帧命令：
最后保存 导出gif图片 即可完成。
1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式
2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个
3.然后选择每一帧，并修改画布中的相应数字。
4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。 5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：
6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项
7.画布颜色可以随意更改 再按f12 预览就可以了， 最后导出文件
5.参考文献
[1]刘宇.Flash短片轻松学中国大陆. 电子工业出版社 ，2009-01.
[2]章精设 ，胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设，2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版) . 清华大学出版社，2006-03
第12篇：小议网页设计的视觉传达论文
一、文字
对于网页设计来说，字体构成的基本要求是易读性和可读性。易读性是指文字的清晰表达。可读性是指对于页面整体上的可视性，涉及到文字设计、单词间距、行列长度和间距，以及段落间距等方面的处理。可读行和易读性对于文字在媒体上发挥作用是非常重要的。一方面，因为文字的屏幕显示没有纸张印刷的易读性强。而且用户通常在普通页面的视觉停留时间很短。因此，文字形态构成极大地影响了版面的阅读效果。所以，页面中的文字设计应符合以下几点要求：（1）由于不同的计算机、操作系统所安装的字体是不一样的，所以必须选取一些常规的、用户电脑上不会缺省的字体，否则他们的系统就可能默认一种字体，这将使得页面看起来和设计者的期望相去甚远。（2）屏幕的显示对字体也有一定影响。我们多采用黑体和宋体这两种常用字体。从视觉角度来说，宋体阅读起来最省力，不易造成视觉疲劳，具有很好的易读性和识别性。而黑体不仅庄重醒目，而且极富现代感。但需要注意的是因其形体粗壮，在较小字体级数时易模糊而造成不易识别。（3）虽然不同的字体和字体属性（比如粗体、斜体、颜色、大小等）能有助于人们区分标题和信息的相对重要性。但一个页面中字体风格的数量应当有所限制，因为当所有都被强调的时候，就没有任何东西可以突出了。页面中的文字设计看似是一个很细小的方面，但实际上它潜移默化地影响网页的视觉效果，蕴藏着巨大的价值。中国人说“察言观色”，我想“言语”的表达对于中国用户的触动应该会更加的明显。
二、色彩
借助于色彩的不同处理，使网站易于被人们认知识别，有助于创造有个性的网站形象，从而起到强化信息记忆，使网站形象固定化的作用。此外，美妙的色彩组合所创造的完美境界能够产生强烈的视觉冲击力和艺术感染力，能引起人们观感之外的联想。网页页面中的色彩运用，主要体现在主色、辅色和背景色三方面。面积最大的色彩为页面的主色调，它是贯穿网站中所有的页面的主要颜色。主色调好似乐曲的主旋律，在创造特定的气氛与意境上发挥主导作用。辅色的面积次之，起强调或调和的作用。辅色是网页色彩设计中动感和活力的来源，还可以因其“节点”的作用使主色在整个画面中得到连贯。背景色是增加网页空间感的重要手段。例如，灰暗的背景色产生后退感，鲜明的主色产生前进感，因而形成清晰的前后空间关系。当然具体运用中，只有对不同功能的色彩进行综合运用和和谐构建，才能够产生良好的视觉效果，产生愉悦的用户体验。
三、页面布局
页面结构对表现网站的风格具有十分重要的作用。网页页面由网站名称，Logo，导航栏，搜索栏和图形、文字等要素构成。对其进行结构设计，主要体现在对实空间与虚空间的灵活掌握。页面的实空间包括文字、图片、符号、以及点、线、面等视觉元素所占有的空间；虚空间是指那些实空间以外的空白部分，空白不一定是“白”，它也可以是与背景色作用相同的表示“虚”的空间设定。设计师根据信息传达的需要，将不同含义的视觉元素按照一定的设计法则对版面进行组合、编排，构成有机的实体空间，能够表现统一和谐的视觉效果。而网页界面中的虚空间，则以虚托实、以无衬有，使用户体验获得更佳的视觉印象。比如在用户浏览过程中，页面上被优先注意到的文字总是那些周边有空白的文字，这就是视觉的边际效应在虚空间的一个体现。此外，实空间与虚空间的和谐运用，还能够形成界面空间的视觉导向性，从而优化整个网页界面的形式。
第13篇：网页设计与制作的应用论文
项目驱动教学法是以项目为主线，将学生的学习活动与实际的项目相结合，师生共同研究并实施一个具体的项目而进行的教学活动，是鼓励学生积极参与、协作、创新的一种教学模式。在《网页设计与制作》课程教学过程中引入具体的项目，以项目带动课程各知识点的学习，采用循序渐进、由浅入深的方式开展课堂教学，不仅能够调动学生学习的积极性，产生学习的兴趣，还能培养他们的实践动手能力、协同工作能力和创新能力。
1 、现状分析
《网页设计与制作》是计算机应用技术专业的必修课，同时也是核心课，作为《Asp.net程序设计》的前导课程，需要学生熟练掌握网站前台界面设计，为将来开发动态网站打下良好的基础。然而，传统教学存在问题如下：
1.1 教学方法难以吸引学生兴趣
传统方式由教师在多媒体教室讲解，学生上机完成实验实例，虽然也能学到制作网页的一些知识，但是很难激发学生学习的兴趣。几次上机后，部分同学就产生惰性情绪，布置的案例完成得越来越少，久而久之，甚至有少数学生放弃该课程学习。
1.2 教学缺乏整体性
逐章节展开的教学，尽管也涵盖了网页设计相关内容，但是上机实验时只是完成案例中某部分相关知识点的实践，学生还是不会制作一个完整的网站，缺乏对网站制作流程的系统性认识。
1.3 缺乏创新意识
以教师为主体的教学最大弊病在于学生缺乏主动意识，他们更多的是模仿教师给的案例或者互联网上发布的网站，几乎没有创新。被动的学习使得学生产生只要把老师布置的任务做完就万事大吉的心理，根本不会想到去主动思考与创新。
1.4 考核方式单一
对于这类实践性强的课程，以往的试卷考试难以对学生的动手能力进行评价，因此发掘新的考核方式，打破传统思维着重考核学生的创新思维能力和动手实践能力就尤为必要了。
2 、教学内容选取
经过市场调研，《网页设计与制作》课程相关职业岗位主要是“网页界面设计”和“网站管理与维护”，根据这两个职业岗位能力要求，选取合适的教学内容。
3、项目式教学设计
教学过程中，围绕着“欣赏网站”、“设计网站”和“维护网站”展开，通过欣赏往届优秀学生作品以及国内外不同网站风格，引起学生学习的兴趣。一个完整的项目网站由若干个分页面构成，因此各分页面设计是教学的重点，也是难点。网站设计好后，需要定期对网站进行维护，包括检查和修复超级链接、内容更新、网站推广等等。分页面设计分为初级阶段和高级阶段，初级阶段以基于表格布局的页面设计为主，高级阶段以基于Web标准的页面设计为依据，具体教学设计情境如表2所示。选取合适的项目实例是项目教学法能否成功实施的关键。项目的选取可依据职业岗位能力对应的教学内容，既要涵盖该课程的基本知识点，又要考虑学生的实际基础，难易得当。在分析项目、讨论、实施项目的过程中，学生即可在轻松、融洽的氛围中掌握网页制作的技巧。
4、考核方式改革
根据学院要求，传统课程一般按照期末卷面考试成绩占60%，平时成绩占40%计算出总评成绩。显然，这种分配制度已不适合新方法下的教学。因此，依据实际教学情况重新分配了成绩比例，期末作品占50%，展示讲解作品占20%，出勤平时表现占30%。学生以分组或独立的方式完成一个完整的网站作品，教师给出网站设计基本要求，期末采用集中讲解、点评的方式，由每位学生在多媒体教室面对全班同学介绍网站的内容、制作技巧、特色之处等，教师和学生进行点评，肯定其优点，同时对不足之处提出改进思路。学生对此方式表现出强烈的热情，遇到网页中的与众不同处会提出各种问题，有时候甚至刨根问底具体制作步骤。
5 、结语
实践证明，在《网页设计与制作》课程教学中采用项目驱动教学法取得了良好的效果，学生从零起点到熟练掌握网页设计技巧，变化突飞猛进。几乎所有的同学都能够独自搜集素材开发一个小型的网站，并且在展示成果的过程中相互学习，取长补短。项目驱动教学法改革了计算机类课程教学模式、教学方法，更新了教学理念、教学内容，完善了课程评价体系，使学生具备网站规划，网页制作、脚本代码编写等综合技能。如何在计算机类专业课程中广泛实施项目教学法，需要我们进一步研究和实践。
第14篇：105090440029黄晶晶网页设计课论文
网 页 设 计 与 制 作
院系：电子与电气工程学院专业：电子信息工程 姓名：黄晶晶
学号：105090440029 班级：10电子
摘要：进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。作为一名大学生，学习如何设计和制作网页变成了一项必不可少的过程，经过几个月的集中学习，我开始对网页的设计和制作有了初步的认识，并且学习了一些网页制作基础。
网页分为静态网页和动态网页两种。静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页常见的静态页面以.html、.htm为扩展名的。动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。
对于网络设计基础知识与网络制作软件我有了一定的认识，网络制作主流技术也不断的在进步与更新。
关键字：网页设计网页技术HTML
HTML
1.HTML标签
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签，比如
2.HTML元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
3.HTML属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name=\"value\"。
属性总是在 HTML 元素的开始标签中规定。
4.HTML段落
段落是通过
标题定义的。
使用空的段落标记 去插入一个空行是个坏习惯。用 标签代替它！（但是不要用 标签去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。）
5.HTML样式
style 属性的作用：
提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。
6.HTML链接
HTML 使用 （锚）标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。
7.HTML表格
表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
8.HTML列表
无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 标签。每个列表项始于 。
有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 标签。每个列表项始于 标签。
9.HTML表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
表单使用表单标签（）定义。
10.HTML框架 框架结构标签（）定义如何将窗口分割为框架
网页制作常用工具及发展趋势
常用工具：
1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。
3、FLASH 网页需要画面流动时的首选择
4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。
6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。
发展趋势：
(1)，网站建设水平要求要高，符合WEB2.0 标准；w3c标准。
(2)，网站建设符合用户体验，让用户信赖企业网站。
(3)，网站必须进行SEO网站优化。
(4)，网站进行网络营销，这样网站才能摆上用场。
(5)，专人对网站进行维护，更新，在线咨询。
网站制作主流技术
MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。简介 dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到
DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网
(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手。
参考文献：
[1] 任学文、范严编, 网页设计与制作，中国科学技术出版社
[2] 武创、王惠主编,网页设计探索之旅 ,电子工业出版社
[3] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社
[4] 吴黎兵、罗云芳编，网页设计教程， 武汉大学出版社
第15篇：网页设计下的图像设计软件应用的论文
［摘要］文章对图像处理技术进行了简单的描述，并对图像的格式进行简单的介绍。并在这个基础上以Photo-shop软件为例，介绍了其在图形处理过程中的运用，以供参考。
［关键词］网页设计;图像设计软件;应用
新世纪，电子科学技术发展迅猛，相应的计算机领域的图像处理技术也有了进一步的发展。社会文化的发展导致人们对于网页质量的要求也水涨船高，而图像处理技术的发展更促进了网页设计的行业的发展。在现在网页设计中，需要处理各种各样的图像，也需要对各种各样的图像进行处理，以此来满足网页设计的各种需求。可以说，对于网页制作来说，现代化的图像处理技术对于其提升效率有着重要作用。
一、关于图像处理技术的简述
互联网的飞速发展，人们对于网页设计的要求也越来越高。对图像进行处理，不仅能提升网页制作的工作效率，也可以提升整个网页的美感，提升网站的访问量，此外，高质量的图像处理技术，对于提升整个网站的品质也有着重要作用。可以说，图像处理技术的发展，在一定程度上对网页设计和开发提供了很大的便利性。然而，社会在发展，市场竞争也日益加剧，相应的浏览者对网页设计的要求也随之提高。在网页设计中，图像具有其独特的优势和特点，不仅能完整、充分地展现客观事物，还能全面体现设计者的设计观念及意图。对于网页设计的工作者来说，在网页制作的过程中运用图像处理技术已经成其工作中的一部分。其可以利用一系列的图像处理软件完成对图像的编辑和优化，达到自己的需求。具体的来说，图像处理包含了包括对其进行层次、颜色以及样式的编辑和修改等等。根据现在的实际情况来看，在网页制作的过程中，其主要运用的处理软件是Photoshop、coreldraw以及火狐。这几个软件运用的频率比较高，支持各种图像的处理。由于社会的发展和人们对于文化以及审美需求的提高，现在人们对于网页留言的体验要求也越来越高。从目前的情况来看，用户更倾向于浏览一些图文并茂的网页，单纯的文本介绍很难抓住用户的要求。为了满足用户的需求，图像处理技术便应运而生。图像处理技术在网页设计中的应用，创新了网页设计的途径，同时也推进了网页设计及制作的发展进程。自上个世纪末开始，社会的网络化就开始了突飞猛进的发展。而计算机图像处理技术凭借其自身的技术性和专业性，更得到了很大程度的发展。对于图像处理技术来说，其实质就是通过计算机的媒介，以相关的软件为载体，并且运用相关的技术，在原有的图像的基础之上再次进行二次加工，已达到使用者需求的一种图像处理方式。从我国的发展来看，图像处理技术最早是应用在航天事业上的，通过相关软件的处理，航天人员将航天器拍摄到的图像进行特殊的处理，并在这个基础上转化为数字图像，以满足航天部门的使用要求。基于计算机技术的迅速发展，此种图像处理技术的应用也逐渐深入到网页设计中。
二、网页设计中的图像
当前，网页设计的一个主流的方向就是将技术与艺术相结合。网页设计过程中对图像进行处理已成为现阶段网页制作者一个重要的环节。具体的来说，网页设计中遇到的图像主要包括以下几种类型:
(一)GIF
这种格式的图片最大的优点就是可以对其进行无损的压缩处理，而且这种格式的图像颜色上限特别大，最多可以达到两百多种颜色。此外，这种格式的图像还具备支持动态画面，适用范围广的优点。其在卡通动漫的设计以及美术素描方面都可以实现应用，可以说，从目前的情况来看，这种格式的图像是最适合的格式，只要对其稍加处理就可以直接进行应用。
(二)JPEG格式的图片
这种格式的图片中文全称为联合静态图形专家组，这种格式的图片由于是有损压缩，其压缩比往往比较高，最大的好处就是可以节省大量的硬盘空间。对于一般的普通用户来说，这样的有损压缩是不影响其使用的，但是对一些对画面要求比较高的用户来说则达不到其要求。而且这种格式的图片不支持透明效果的功能，在动态的图像中也不能使用，应用的范围相对较小。所以，对于这种格式的图像来说，其一般很少在数据中直接使用，一般都是要经过ps等软件处理后才使用。
(三)PNG格式
翻译成中文网络图形。可以说，这种格式的图形是随着网页技术的发展而出现的一种新的图像格式。从其格式来看，PNG格式的图像具备上述两种格式的优点，同时还具有一些自身的优点，在正常情况下，这种格式的图片彩色可以达到一千多万种。而且其还具有可压缩的算法，可以直接在数据传输中进行应用。因此，随着网页开发技术的发展，这种格式的图片将是设计师在制作网页中最青睐的格式，企业将会成为网页制作过程中主流的一种图像格式。
三、图像处理技术在网页设计中的应用———以PS为例
对于网页设计者来说，尤其是涉及到图像处理的工作，PS是一个非常实用的工具，在现在的网页制作中发挥着重要的作用。
(一)PS在网页布局上的应用
对于网页制作来说，页面布局在其中起到的是整体调整以及规划的作用。这项工作的好坏与网页的整体效果有着密切的联系。随着用户对于网页体验要求的提升，整个网页的布局也逐渐的标准、规范起来。可以说，在网页整体的设计中，图像的排版和整体的布局直接影响着整个网页的和谐度。具体到PS软件来说，我们首先可以运用这个软件来对网页的布局进行调整，这样做的目的是为了减少网页制作完后再去对图片进行修改，浪费精力。以实际情况为例:当设计者在接到一个网页制作的订单后，为了减少工作的难度，节省不必要的沟通成本，设计者可以首先把网页设计的理念以及模板提供给客户，并把制作的方向向客户解释清楚，然后再根据用户反馈的意见进行修改。这个时候，网页设计者就可以利用PS这个软件首先为客户制作出基本的布局和模板，然后可以利用其保存的PSD文件在设计的过程中随时调整布局，最终根据客户的要求完成效果图。
(二)网页动画上PS的应用
随着社会的发展，有些用户会要求在网页的制作过程中加上动画的效果。例如在网页部分加上企业自身的宣传视频，放在网页上。但是现在的很多视频大多缺乏完善性。这个时候PS就派上用场了，网页制作者可以利用PS软件来对视频与网页的兼容性进行处理。这在一些FLASH动画中体现的尤为明显。由于客户提供的图片的规格大多都是不一样的，例如尺寸、分辨率或者色彩方面都不是很统一，要想保证整个Flash动画的播放的流畅性和和谐型性，网页设计者需要将这些图片在格式、色彩等方面进行处理，这样才能保证Flash动画播放的兼容性。一般的，经过ps处理后的图片，在制作动画短片的过程中，其难度会相对较低。
(三)ps功能中特效的应用
我们都知道用于网页制作的软件是Dreamweaver，一般将其称为DW。对于这个网页制作的软件来说，其处理图像的功能还不是特别强大，只能对图像做一些最基本的技术处理，很难达到设计者的使用要求。在面对一些特殊要求的时候，还得使用ps这个软件。尤其是在特效的制作方面，ps的处理功能更为强大。其不管是文字特效还是图像特效，都可以轻松地完成。举个最简单的例子，现在很多网页的head部分往往需要插入一些特殊的字体，以此来吸引用户的眼球，但是如果是运用DW这个软件的话，其是无法实现这个效果的，这种情况下只能运用ps来对其进行处理，包括文本字体的颜色以及大小等，其在整体上也得符合网页的布局。当然，这个只是PS最基本的一些功能，其在特效上还有很多功能对用户进行满足，例如常见的变化背景以及对网站的主题颜色进行定期更换等等。
四、关于PS应用的一些技巧
(一)图像的截取以及大小的控制
在网页设计的过程中，设计者往往不会将一张图片完整的进行应用，很多时候只需要截取图片的部分就可以满足自身的设计需求。对于图像的截取方法是多种多样的，但是PS这个软件使用起来更为便捷，截取的精准度也更高。ps不仅为使用者提供了多种形状的截取，还可以根据使用者自身的需要随意地对截取的范围进行调整，使用起来非常的方便、快捷，其随后保存的图像格式也可以自行调整，操作起来非常简便。
(二)图像融合的处理
在网页设计的过程中，很多时候涉及到图片的融合或者需要将不同的照片进行合并，这种效果在PS这个软件中也是很容易实现的。使用者只需要将需要合并的图片拖拽到需要合并的图像中，然后再对合成的图片进行颜色和亮度进行调节，接着在拖进图像的图层中建立一个新的蒙版，然后在利用渐变这个工具将图片结合处的黑白渐变的效果，图片的合成就完成了，并且其处理出来的效果比一般的软件都要好，而ps这个软件也正是因为功能的强大，其在图像处理的时候才得以大范围的应用。
(三)网站logo的制作
一个好的网站做得如何，有一个引人注目的logo是必不可少的。一定意义上来讲，一个好的logo是整个网站的标志，不仅能体现出整个网站的含义，更能让阅览者加深印象，让其感受到网站的设计理念。在ps软件中，其制作logo的具体步骤是:首先在画布上画出大体的轮廓，然后用“转换点的工具”对需要进行弧度调整的地方进行调整，接着再按下ctrl+enter键，对选择的区域进行填充，这样，一个logo便制作完成了。当然，这里只是对ps这个软件中最常用到的软件进行了简单的介绍，实际上这个软件的功能是非常强大的，网页设计者可以根据自身的需要来进行使用，现在市面上也有很多关于这个软件的使用教材，设计者可以在使用的过程中边实践边学习，以此来提升自身的处理图像的水平。总的来说，对于网页制作来说，图像处理技术的提升对其影响还是非常大的。从整体上看，其不仅可以提升图片的和谐度和美感，也可以在整体的构造上进行调整，以此来彰显整个网站品质，提升网页对客户的吸引力，进而提升网站的点击率。其次，图像处理技术还可以起到规范网页制作的标准的作用，使其在规范上达到要求，拒绝由于其他因素对网页进行的干扰因素，保障搜索质量，当用户通过搜索引擎电极网页时，优质的图像可以提高下载速度，提高网页流畅性，不仅可以快速呈现给用户，而且还可吸引用户点击，提高网页的竞争排名。基于图像处理技术的应用，提高网页制作的效率，这将是在网页设计开发的一个主流的方向。具体到photoshop来说，其是一个功能强大的图像处理软件，可以对各种格式的图像文件进行非常精细与独特的处理，不仅适用于广告用图、美术摄影作品的处理，也广泛用于网页图像元素的处理，其在网页制作中的应用必将会越来越广泛。
第16篇：网页设计中的扁平化设计分析论文
1扁平化设计在网页界面视觉上的优势
1.1网页界面元素
格式塔心理学家认为，人们的知觉有一种“简化”的倾向。这种倾向是一种将任何物体以尽可能简单的机构组织起来是能够体现物体最本质的形态的表达。在拟物化设计中，设计师会模仿现实世界里真实物体的颜色、形状等。例如：设计师会为按钮添加渐变、阴影等效果以符合真实按钮的特征，以求对用户产生亲切的感觉。然而，这样的按钮往往带来的是一种不符合用户预期的体验，同时这也一定程度上限制了用户的个性化想象空间，更重要的是设计开发的周期相对更长。扁平化设计使用的都是基本形状，去除了渐变、阴影等装饰性效果，弱化了视觉上的复杂性，突出了每个元素所表达的信息本身。另外，由于扁平化设计的元素的这些特点，其具有更广泛的适用性，比如：眼睛近视和弱视的用户也可以方便的使用这类设计。
1.2网页布局
之前的网页设计讲求精美的图片和排版效果，漂亮的插画与周到的布局设计，扁平化设计抛弃了复杂的光影效果，更专注于根本的内容呈现。扁平化设计中大量使用扁平化的图标、矢量图形和图标字体，这种设计更符合现代人的审美观。一方面，拟物化设计初衷是降低用户的认知成本，目的是让用户在使用科技产品时可以参考现实世界的操作规律，可短时间内轻松掌握数码产品的用法。而在现今阶段，数码产品普及度已非常高，特别是在年轻用户群体中，拟物化设计的功能性优势已无法凸显，用户已经熟悉了各类数码产品的基本特点，适应了各类界面的操作方法，在扁平化设计风格的界面中更容易更快速地找到所需要的信息。另一方面，扁平化设计界面更能提升用户操作的效率。随着移动互联网的迅速崛起，移动终端屏幕尺寸的多样化给网页设计造成了很多麻烦，所以响应式网页设计应运而生了。在这方面，拟物化设计的网页很难实现跨屏幕、跨平台的界面适配，特别是在小尺寸的屏幕上，拟物化的图标非常不易识别，而扁平化设计的图标则可以很好地满足这些变化因素的需求。扁平化更多的使用矢量图形，减少了对像素精度的依赖，这样设计师也有了更大的创意空间，从而可以创建出适应性更强的用户界面。
1.3色彩
扁平化设计页面中，因为追求极简主义，所以没有其他多余的装饰。因此，设计者在设计时需要更加注意色彩的搭配，这样将会收到更好的视觉效果。总结扁平设计的色彩搭配大致分为两种：同类色搭配：同类色搭配，最常用的是把同一种颜色的黑、白、灰三种色调结合在一起，形成层次上的对比。在扁平化设计中，单色的使用不仅能分清层次感，同时也能把握住整体感。对比色搭配:对比色搭配的使用可以使页面看起来极富活力又有丰富的色彩变幻，视觉效果醒目。在使用对比色进行搭配时，设计师要注意到在设计时应当先了解网页的主题，选用合适的颜色进行搭配。
1.4字体
文字是设计师向用户传递信息的最主要手段。而字体的选择不仅要符合扁平化设计的简约风格，同时还要符合整个页面主题的设计风格。一般扁平化风格的页面会使用无衬线字体，再通过对字体字号、颜色和粗细的变化进行排版。不同排版的文字信息会带来不同的视觉浏览体验，如字号较大，或是粗体，能帮助用户轻易地分辨、获取文字所传达的信息，这就在内容上创造出一定的层次感，可明显提升内容的易读性。
2扁平化设计在网页信息组织结构上的优势
拟物化设计的信息组织结构主要表现为层级化结构，呈现为金字塔形的纵向树形结构，是一种逻辑性较强的层级化组织方式。这种信息组织结构层级较多，每个层级容纳的信息量少而准确，根据严密的逻辑关系将信息进行有效的分类，因此信息获取的准确率比较高。同时层级间的转换路径较长，不同界面的切换耗时长且不利于全局观察，已造成用户“迷路”。拟物化设计是一种注重功能实现的信息结构，它更适用于信息结构逻辑性强，信息种类繁多且详细的产品。扁平化设计最大程度地缩短了信息层级，不断扩展横向信息承载量，呈现出一种扁而宽的结构形式。特别是卡片式的信息展现形式可以同时展示信息标题和少量内容，减少了用户在访问多个目标信息时所耗费的认知成本。但是如果单个层级承载的信息量过大，获取精确信息的难度将变大，对于信息在页面中的定位也增加了难度。因此，扁平化设计适用于快捷的信息浏览，信息及模块的分支少且信息传达迅速的产品。扁平化设计的这种信息组织结构可以很好地优化目前绝大部分网页体验。
3扁平化设计在网页交互方式上的优势
拟物化设计的网页往往由于拟物的不彻底，比如可能由于花费时间较长的原因，按钮的四种状态不能做到完全的拟物，会造成用户体验上的不连贯，给用户造成疑惑。同时由于拟物化设计耗时比较长，往往很少在网页动效方面改善用户体验的事情。而扁平设计中使用的多是简单的矢量图形、图标、图片，做交互动效比较容易且不易乱。同时网页交互动效可以大大提高用户的情感体验，避免扁平化设计风格给人造成冰冷、毫无生机的感觉。
4总结
扁平化与拟物化设计一样都由来已久，随着互联网的飞速发展，特别是移动互联网的崛起，满足了用户的各种新需求，解决了用户体验的痛点，扁平化设计的优势得以凸显并得到了广泛传播。扁平化设计风格运用在网页设计上，他的这些优点将同样会对用户体验产生非常积极的影响。拟物化设计风格也不会就此覆灭，它会用适当的方式对用户体验做出贡献。
第17篇：SVG网页设计软件实现分析论文
摘要:SVG（可缩放矢量图形）的清晰度远远高于GIF和JPEG光栅文件，且在缩放时不会对画面的清晰度造成任何影响，利用SVG可以设计出更好的互联网。基于SVG设计了网页设计软件，分别对软件的采集器软件系统，数据转换器软件系统以及数据处理器软件系统进行设计，通过研究证明所设计的软件设计性能性更高，设计范围更广，抗干扰能力更强，极具稳定性，具有很高的发展前景.
关键词:SVG;网页设计;软件设计与实现
SVG是指可缩放矢量图形，这是一种基于可扩展标记语言，是用来描述二维矢量图形的一种图像格式，这种图像格式由万维网制定，制定标准具有开放性。相较于位图图像，SVG图像能够通过点和线对物体进行描述，得到的文件较小，画面更清晰，可以直接打印或输出，SVG得到的矢量图形格式，与GIF和JPEG光栅文件相比，有显而易见的优势：（1）任意缩放，使用者可以根据图像性质改变图像比例，而且不会对图像的清晰度和细节造成任何的破坏；（2）文本独立，SVG图像的文字与图像独立，能够在SVG独立的图像上编辑搜寻文字，而且对字体不会造成任何的限制，用户即使没有安装同一字体系统，得到与原画相同的画面；（3）超强的显示效果，SVG图像在屏幕边缘上具有极高的清晰度，既适用于打印分辨率和屏幕分辨率。本文基于SVG设计了网页软件，对提出的SVG软件的采集器软件系统，数据转换器软件系统以及数据处理器软件系统进行设计，通过研究验证了所设计网页设计软件系统的实际可操作性，是未来的必然发展趋势。
1基于SVG的网页设计软件的设计
基于SVG对网页设计软件系统进行设计，首先对软件的采集器进行设计，给出的算法如下述公式所述：（1）公式（1）中，w为SVG网页中的输入函数，t为网络节点，a为网络的控制系数，xi表示图像的集合邻近区域，w受系统的t和a影响，但变化值一般维持在50~100之间，利用公式（1）数据采集器能够对图像网络信息进行正常采集。采集器的设计是整个软件运行的基础部分，一旦采集器出现故障，整个软件系统都将无法工作。数据转换器是SVG网页设计的核心部分，转换器内部的工作模式为A/D模式，利用公式（2）的算法完成转换工作：（2）上述公式中，t位转换后得到的数据，e为转换前的数据，A0为网络数据转换常数，转换过程必须要在A/D转换模式下才能完成工作。数据处理器主要负责处理转换器得到的数据，将处理后的数据传递给中心计算机系统，从而实现SVG网页的设计，基于SVG对网页设计软件系统设计框图，给出的网页软件设计系统分多次限定数据，从而达到图像的完美设计。
2基于SVG的网页设计软件的实现过程
为了测试基于SVG设计的网页软件系统工作的有效性和可操作性，研究了实现过程。过程设计的参数如下：电源系统持续输入220V以上电压，电流值在50A~100A之间。跟据上述设定的参量以及环境进行网页设计，并与传统网页设计软件系统进行对比。虽然传统的网页软件系统和本文设计的软件系统在设计网页时都能取得2以上的设计效果，但本文设定的软件系统设计效果始终高于传统软件系统，而且设计能力极强，在工作时具有很强的抗干扰能力。综上所述，本文基于SVG设计的网页设计软件的设计性能性更高，设计范围更广，抗干扰能力更强，极具稳定性，且在编辑图像时可以单独对图像和文字进行编辑，缩放过程不会影响整个画面的清晰度。
3结束语
通过本文的探讨分析可以了解到，SVG（可缩放矢量图形）作为一种新的图形设计技术，在清晰度和画面饱和度方面远远高于GIF和JPEG光栅文件。SVG设计的网页设计软件，分为采集器软件系统，数据转换器软件系统以及数据处理器软件系统三部分。通过实验证明所设计的软件设计性能性更高，设计范围更广，抗干扰能力更强，极具稳定性，是未来的必然发展趋势。
参考文献
[1]裴玉.基于SVG的自适应软件界面开发工具设计与实现[J].计算机科学,2008,35(01):271-273.
[2]王健,陈剑云,张冬波.基于SVG及Batik平台的监控绘图软件的设计与实现[J].河南城建学院学报,2006,15(05):14-17.
[3]唐勇,吴尽昭,陈剑锋.基于SVG的专用公式编辑工具的设计与实现[J].计算机应用,2009,29(10):2865-2868.
第18篇：网页设计与制作课程学习论文
《网页设计与制作》课程学习论文
作为一个二十一世纪的大学生，学习如何设计与制作网页变为一个必不可少的过程。经过这几个星期的学习，我开始对网页设计与制作有了初步的认识，并且学习了一些网页设计与制作的基础。随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一门技术。网站设计日有必要的益被重视，学习网页设计与制作这门学科是非常。
作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。我通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。
互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。
网页设计与制作包含视听元素于版式设计两项内容，以主题鲜明、形式与内容统
一、强调整体为设计原则，具有互交性与持续性、综合性、版式的不可以控性、艺术与技术的结合的紧密型等特点。美和功能都是为了表达网站的主题。我认为在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。图片要素
要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。排列方法要素，主页的第二个要素是排列方法，即网页布局。色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述
网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。使用可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。
随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以很好的展示自己，而且可以提高自己在计算机应用方面的能力。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。
由于平时课程比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。
总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。网页设计还有更多的技巧，有待于我们去挖掘和研究。
第19篇：网页设计学习心得
网页设计学习心得体会
12105班 贺军
本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，
可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。
一.充分发挥动手能力
作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。
二.在设计过程中不断提高网页设计水平
在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 三.不足之处
在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。
总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，一定会成功学习这门专业。也希望老师在今后的日子里多指导。
第20篇：网页设计报告
心得体会之网页设计
网页设计报告
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。
通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：
1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。
2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。
页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。
- 1
心得体会之网页设计
理提交的信息（如CGI脚本）。不使用处理脚本就不能搜集表单数据。表单通常是交由CGI（公共网关接口）脚本处理。CGI是一种在服务器和处理脚本之间传送信息的标准化方式。CGI脚本比较典型的是使用Perl语言编写，当然也有其他语言如C++，Java，VBScript或JavaScript。在创建交互表单之前，接洽您的ISP或服务器管理员以确认CGI脚本可以在您的服务器上运行。 表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单对象组成，所有的部分都包含在一个由标识符标志起来的表单结构中。表单的种类有注册表、留言薄、站点导航条、搜索引擎等。而一个站点（site）是一个存储区，它存储了一个网站包含的所有文件。Dreamweaver的使用是以站点为基础的，必须为每一个要处理的网站建立一个本地站点。相对路径-以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。绝对路径-以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径。
针对我所学的平面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。
- 3
