网页设计的特点
技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。
1. 交互性与持续性
就在于信息的动态更新和即时交互性。即时的交互性是Web 成为热点的主要原因，网页不同于传统媒体之处。也是网页设计时必须考虑的问题。激进媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web 环境下，人们不再是一个传统媒体方式的主动接受者，而是以一个主动参与者的身份加入到信息的加工处置和发布之中。这种继续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必需根据网站各个阶段的经营目标，配合网站不同时期的经营战略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了坚持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在坚持网站视觉形象一贯性的基础上，不时创作出新的网页设计作品。
2. 多维性
主要体现在网页设计中对导航的设计上。由于超级链接的呈现，多维性源于超级链接。网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不只使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速
找到所需的信息，设计者必需考虑快捷而完善的导航设计。
如果一个句子在页尾突然终止，印刷品中导航问题不是那么突出。读者会很自然地翻到下一页查找剩余部分，为了协助读者找到要找的信息，出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于" 续68 页" 这样的指引语句。然而，作为一名网页设计者，以前所学的导航技术没有一种完全适合于网页导航。替浏览者考虑得很周到网页中，导航提供了足够的不同角度的链接，协助读者在网页的各个局部之间跳转，并告知浏览者现在所在位置、当前页面和其他页面之间的关系等。而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的通常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必需考虑更多的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、协助页面、查询功能在内的导航系统？这一切从哪儿开始，哪儿结束？
3. 多种媒体的综合性
随着网络带宽的增加、芯片处置速度的提高以及跨平台的多媒体文件格式的推广，目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等。必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经呈现了模拟三维的操作界面，数据压缩技术的改进和流（Stream 技术的推动下，Internet 网上出现实时的音频
和视频服务，典型的有在线音乐、线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，未来的发展方向。
4. 版式的不可控性
网页版式设计与激进印刷版式设计有着极大的差别：
而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；
1 印刷品设计者可以指定使用的纸张和油墨。
不象印刷那样基本具备了幼稚的印刷规范； 2 网络正处于不断发展之中。
3 网页设计过程中有关Web 每一件事都可能随时发生变化。
网络应用尚处在发展之中，这一切说明。关于网络应用也很难在各个方面都制订出统一的规范，这必然导致网页版式设计的不可控制性。其具体表现为：
1 网页页面会根据当前浏览器窗口大小自动格式化输出；
2 网页的浏览者可以控制网页页面在浏览器中的显示方式、效果会有所不同；
3 不同种类、版本的浏览器观察同一个网页页面，显示效果也会有所不同。
4 用户的浏览器工作环境不同。
即网页设计者无法控制页面在用户端的最终显示效果。
把所有这些问题归结为一点。但这也正是网页设计的吸引人之处。
5. 技术与艺术结合的紧密性
自由和不自由之间进行的设计者不能逾越自身已有经验和所处环境提供的客观条件限制，设计是主观和客观共同作用的结果。优秀设计者正是掌握客观规律基础上得到完全的自由，一种想象和创造的自由。网络技术主要表示为客观因素，艺术创意主要表示为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才干穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。
浏览者欣赏一段音乐或电影，例如。以前必需先将这段音乐或电影下载回本地机器，然后使用相应的顺序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（Stream 技术出现以后，网页设计者充沛、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传达信息的表示力和感染力。
使网页的艺术设计由平面设计扩展到立体设计，网络技术与艺术创意的紧密结合。由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。
4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素
进入21世纪，人类社会正经历着从原子时代向数字时代的转变，新世纪的天是互联网的天，互联网正在全世界进行着越来越深刻的革命bo。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃bo。互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素bo。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观bo。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站bo。其实谈到网页设计就不能不说到网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化的当今设计者所必须具备的基本素质bo。因为网络本身就是一个处理信息的巨型平台，设计者必须充分认识网络，了解网络的特征，才能使设计更加适合于网络上的传播bo。 一网页设计中的视觉流程k0bkf不准盗库 k0bkf不准盗库 网页是通过视觉元素的引人注目而实现信息内容的传达，为了使网页获得最大的视觉传达功能，使网络真正成为可读强性而且新颖的媒体，网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序bo。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题bo。k0bkf不准盗库 k0bkf不准盗库 视觉流程的形成是由人类的视觉特性所决定的bo。因为人眼晶体结构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方bo。人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么bo。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律bo。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑bo。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑bo。所以平面的视觉影响力上方强于下方，左侧强于右侧bo。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方bo。k0bkf不准盗库 k0bkf不准盗库 在网页设计中一些突出的信息，如主标题、每天更新的内容等通常都放在这个位置bo。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用bo。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性bo。所以在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快bo。成功的视觉流程安排，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感bo。k0bkf不准盗库 k0bkf不准盗库 二网页设计的审美需求k0bkf不准盗库 k0bkf不准盗库 网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求bo。人们对美的追求是不断深入的，网页设计同样如此bo。网页不光是把各种东西放上去，能看就行，这是远远不够的!要考虑如何使受众能更好地和
精品网页设计欣赏及评析 1.商业清爽型 国外现在较流行的风格，国内也有不少模范者，可是往往在色彩调配和细节方面有所欠缺。图一图二特点：利用方框构图，简介明了，图片一般大面积出现，但图片一定要结构清晰，色彩鲜明色彩方面多使用大面积浅灰度和白色，以衬托logo 和配图的色彩鲜艳，配以高明度小小色块（如导航处）。因为结构构图简单，细节方面一定要讲究，不适宜有过于复杂的logo 和点缀出现，多用简洁明快的几何图形结合。一般此类风格背景如果是彩色，都会是低纯度低亮度彩色，以反衬主题图片和logo。在大面积背景压住的情况下，图片明度越高越爽。画面应该有一个主色调。注意图二左下脚的logo，有意与背景色调相同，以免抢了视觉中心，这是很多人常犯的错误。图三注意细节图案的使用，这是大多数设计者弱点所在，细直线条与箭头、方块、园点不要乱用，每个点的存在你都要有理由。 2. 商业门户型现在的商业门户网站在几乎都是三栏，上面是logo＋banner 。其实门户网站因为信息大，更新频繁，在设计时应该充分考虑可扩展性，我认为可以充分利用下拉特性，充分考虑左上位置的设计，主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。图四所示的这个网站是卡通网站，广告栏很大，但通过精心设计使之醒目而不凌乱。图片统一使用斜角，统一又不呆板。图五所示网站使用曲线与直线的结合，蓝灰色主色，画面沉静而不脏，这里的色彩难度很高，需要细心调试，色块分割，简单明了。图六所示网站主题部分简之又简，在背景上做足了功夫，轻轻的灰度变化，是现在国际流行的风格，高雅，不花，充分烘托主体。图四图五图六 3. IT 企业实用模板图七图八图九图十 4. 时尚企业网站模板图十一图十二 5. 主题型实用网站模板图十三上图所示模板其logo 和图片以及其绿色的主色调与动物园的环境和业务非常贴切。美食业务主题网站，布局合理大方，整体设计“色香味”俱全，主题鲜明，功能齐全。 6. 学校教育型模板图十四图十五 7. 儿童主题型网站模板图十六图十七图十八图十九 8. 个人个性化网站模板 以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳，几乎只使用黑白灰三种色彩，却不雷同，并且在细节上都非常讲究。ThemeForest是非常值得网页设计师关注的高品质网站，其上的几乎每一个设计模板都称得上是杰出的设计作品，值得我们认真揣摩学习。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结，列出其中的要点，挖掘值得我们在网页设计中值得借鉴的东西，希望能够对大家有所帮助。
《网页设计与制作》课程概述： 栏目介绍：课程栏目包括除课程概述之外，还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍： 《网页设计与制作》是一门理论与实践技能并重的课程，本 课程主要介绍第一章至第五章的内容。部分教学内容如下： 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时， 上下课时的内容相互联系 相互影响。 第一章： 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书
第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章： 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章： 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架
第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章： 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课：AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍： 所用教材是《网页设计与制作基础教程》，其内容丰富，结 构清晰，语言简练，图文并茂，具有很强的实用性和操作性，可 作为高等院校计算机相关专业的教材，也可作为广大动态网站开
网页设计中的功能与美 网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。 从网络的发展来看，网页设计从无到有，从低级到高级，是基于技术的原因而受到客观的限制的，因为受传输带宽的限制，最早的网页是纯字母和数字的，没有图片和声音更别说是动画了，只能将占用空间很小的数字和字母来进行传输。 由此看来网页最初就是在功能性的基础之上发展起来的。到今天同样上网也离不开使用它的功能，所以网页的审美就首先要考虑其功能的要素（例如很多国外的大公司的网站也是这样做的）。那么从功能出发来看待网页设计，我们就必须考虑，使用者如何从网页中得到功能，如何更好的得到功能。这就需要站在使用者的角度来看待网页设计，才能使自己做出的网页受欢迎，从而达到基本的目的。有的网页设计师说：我是设计师，我站得比普通人高，欣赏水平也比他们高，应该引导潮流，应该引导他们学会欣赏美的网页。作为设计师引导潮流没有错，但是不应该采用居高临下的方式，而是要贴近自己的使用对象，想他们所想，急他们所急，方便他们的使用，适时的将自己的设计风格融入到作品中去，接受他们的检验，只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪，成为孤家寡人，不适用。作为设计师来说，就是要把自己的网页做得美一些（基于功能性的）。 谈到美，网页这种特殊环境下的美于传统的艺术上的审美有着明显的区别，因为一般的艺术上的美是海阔天空，无所顾忌的，只要符合人们的欣赏的习惯，能够在欣赏者的心里产生共鸣就是美的；而网页的布局上的审美却要受到很多的限制，当然它也有优于传统艺术的地方，最明显的就是它的交互性和更新速度的快捷，纯艺术很大程度上是作者的自我宣泄，但是网页设计直接面对的是大量用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，比如在建站时考虑不周到的地方，设计时没有得到重视的地方，可以根据要求进行调整。同样不损整体效果，却可以使使用者用起来更加的方便。这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如，任设计师自由的发挥。以下针对网络环境下的审美。 首先：要考虑上网者的环境，通常可见的情况是：上网者眼睛盯着一个冷冰冰的电脑屏幕，手移动鼠标，保持一定的姿势，而且一般是连续很长的时间。在这种情况下，假如连接的网站的网页做得很差，不考虑排版布局的形式美的要素，一味的以刻板的文字或者是图片来充斥这个页面，那么使用者看久了就会厌倦，甚至讨厌。同样在网络世界里，五花八门，涉及到各方面的内容，使用者通常是打开很多的窗口，在一种纷繁复杂的情况下接受信息。这样假如他们浏览的网页是设计得又是特别花哨，图片、文字、动画等等堆砌的极为杂乱，那么更加剧了这种心理上的厌烦感，这种网页能算得上美吗？所以从使用环境里的功能的因素来考虑美才是最根本的。 其次：考虑使用对象本身也是网页审美的一个重要方面，网页设计都是为每个具体的网站的做宣传，那么不考虑对象就如同闭门造车，这样会造成其根本的功能的损失，使使用者浏览起来困难。例如一个儿童网站，设计得如同一些新闻专题的网页一样，纯粹是文字。那么使自己的使用对象－儿童在浏览该网站的时候毫无兴趣，阻碍了网站的基本的目的，因为该网站的目的就是要使更多的儿童来光临这个网站，从而扩大网站影响。从这个功能层面上来理解，设计的美是同使用对象分不开的。
软件名称功能 photoshop Photoshop是一种可以帮助我们迅速有效地完成各种图形处理工作的电脑软件,它能帮助我们完成图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的 图像特效。 DreamWeaver Dreamweaver 8、是一款优秀的所见即所得式网页编辑器,功能强大,是制作、美化、维护网站,开发多种语言应用程序的专业工具。 Fireworks A dobe Fireworks是A dobe推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web 图像和快速构建网站与 Web界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和F lash的其它资源。然后直接置入D reamweaver中轻松地进行开发与部 署。 绘声绘影(Ulead VideoStudio 绘声绘影(Ulead VideoStudio是友立公司出品。是一个功能强大的视频编辑 软件,具有图像抓取和编修功能,可以抓取,转换MV、DV、V8、TV 和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可制作DVD,VCD光盘。支持各类
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
网页制作方法以及常见网页的特点 网页制作是网站建设当中最实质的步骤，一个用户获得对企业网站印象的主要来源就是网页，好的企业网站，不仅仅能够让用户感受到网站的美观和大气，企业还能通过网页的隐含语言传递出企业的理念，提高企业的品牌认知度。 网页制作的三种方法 1、网页制作三剑客 网页制作通常会使用到奥多比的网页制作三剑客，当然Dream weaver是最常见的，Front page 也非常常见，Front page 更是简单到只要会WORD就会用，而同样是三剑客之一的Fire work 和Flash 通常会被用来美化网页。 2、用TXT文件来编辑Html代码的原因 用网页编辑器比如Front page等等这样的软件来改变Html代码常常会有一种风险，
就是代码改完以后文件却再也打不开了，要么就是文件的属性被改变了，所以要想修改Html文件的代码以后还保持原样不变，使用最简单最有效的记事本就可以。 3、有模板可借鉴并非是罪过 有很多网页设计师总是喜欢从头再来，即便是在有现成模板的情况之下也是一样，这样其实是在浪费时间，现在有很多前面的开拓者对于特定页面的开发很有强项，所以拿过来用一下也不是什么过错，比如首页的设计，就有不少人做得很好，页面大气，色彩合理，符合大网站的高度和气魄，能够给人一种强烈的震撼。如果有这样好的渠道和效果，自己仍然坚持重新开发只能是吃力不讨好。 各种页面的特点 1、首页，首页就像是一个企业的门面，规划和设计是很重要的，不论从颜色还是结构都应该请专门的人员来作设计，以能够展现企业主旨和优势为佳。 2、次级页面的主要功能在于导航，通过次级页面可以通达网站的各个部分，起到一个枢纽的作用，导航页的特点是要清晰明了易于辨认理解，并且风格上要和首页既一致又有呼应。 3、普通页面通常承担的是企业的项目、案例或者产品的介绍之类的，这一类页面的说明性强所以图文要准确，但是对于设计层面没有太高的要求，只要能够做到标准、整洁，风格一致就可以了。
《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：60学时（讲课24学时，上机实验36学时） 学分：4 先修课程：计算机基础 执笔： 审阅： 二、课程的教学目的 以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求： 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 （1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解javascript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、AP Div、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 （1）了解HTML语言的基本内涵。理解基本标记的用法； （2）掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式； （3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法； （4）掌握在网页中嵌入图象和多媒体的方法；
荆州市旅游分析与设计 容提要 随着计算机技术，网络技术的迅猛发展，Internet的不断普及，网络在各个领域里发挥了越来越重要的作用。特别是随着近年人民生活水平不断提高，在线旅游给人们的旅游业带来了更大的发展机遇。论文详细描述基于荆州市旅游资源的设计与实现。定位于一个自助休闲游为主，文化遗产为辅的文化旅游。前台实现了线路信息、旅游新闻和旅游资讯的查看，能够完成游客在线预订线路，留言板模块为游客和旅行社、游客和游客之间提供了一个信息交流的平台。后台提供部分系统维护功能,主要是预订信息管理；线路管理；旅行社设置；文章管理和留言管理等功能。它不仅能够让浏览者得到最新的旅游信息，而且能够对线路进行在线的查询和预订操作，使旅游变的异常轻松。 引言 随着互联网技术的应用普及，使电子商务迅速普及。凭借互联网无地域限制的优势，消除了产品、服务供应商和需求者之间时间或地点上的有阻碍，我国经济正逐渐成为以互联网、通信技术为基础的新经济。网络技术的应用和发展，改变了经济体系息的传统分配方式，改变了人们生活，学习，工作，合作和交流的环境，企业必须适当的利用新技术变革企业经营理念，经营方式，组织管理。从CNNIC最近报告看，我国互联网数据资源增长迅猛，旅行者也已经开启了“在线”时代，旅游业电子商务化发展趋势不可逆转，作为一种新兴的旅游方式，网络旅游迅速的蔓延在网络时代，它的发展前景也尤为引人注目。本论文基于荆州市旅游资源，根据其独特的特点设计了一个在线式旅游，来宣传本地区的旅游业。在观察诸多旅游之后，选择这一课题进行研究与进一步实现使其更好的把握消费者理念与需求。在此过程中也能够更好的校验所应用在的专业相关技能，做到理论与实践的想结合。第一章 分析 定位 本定位于一个自助休闲游为主，文化遗产为辅的文化旅游。出游前，可以在网上查找目的地的攻略和吃、住、行、玩等各类景点信息；还可以在线购买景点门票或是发起活动结伴
https://www.doczj.com/doc/ed13138210.html, 有特色的网站设计该需要具备哪些特点 一个有特色的网站设计，能够给企业带来的利益是巨大的，企业形象和用户体验都会随之上升。所以，在网站建设时，企业一定要把握好方向目标，做好明确的前期规划，充分利用网站设计的所有资源，提高网站利用率。 1、设计创新，独特的版式设计 创新对于网站来说是非常重要的，没人会喜欢单调无味的设计。这样对能把网做烂了，设计要与品牌特性保持创新亮点，这样的网站才能给用户带来具有深刻的记忆。网站版式是指通过文字和图片的表达方式，表达企业文化主题。文字和图片在一定特殊位置，可以是整个画面赋予生动力和感染力。在网站建设中，要注意多个页面之间的联系，要有逻辑地将所有内容贯穿联系起来，讲究布局和内容的合理性，给用户清晰舒适的浏览体验。 2、页面设计简洁清晰 好的页面当然带来很好的用户，网页设计当中要非常重视的是用户的体验，所以会将产品详细地介绍给用户，让用户能充分认识产品，而不是盲目地将网站的价
https://www.doczj.com/doc/ed13138210.html, 值灌输给用户，这样的网站更符合用户的需求，如果设计的网站不明确只能给网站带极大的负面影响。 3、风格一致的形式和内容。 在很多篇文章中，我们都单独提过这个问题。页面的展现形式和内容要保持统一，不仅能够体现出网站内在的丰富性，还可以表现出企业的专业度。通过对比、平衡、留白、调和、对称等手段，营造出画面和谐舒适之感。尤其是加入一些动感有趣的文字和图案更能够将网站的内容体现出来，效果也会更加鲜明。 4、简练的动效 实质上动效在网站上也是很重要的一部分，可以给网站带来生动及活跃，这样的网站容易受到用户的欢迎，设计动效的精髓在于简单、元素设计一定要有针对性，达成目标是它存在的意义。 5、巧妙运用色彩，采用明亮的色彩 在网站建设页面设计中，要做到画面和谐、均衡、重点突出。通过不同颜色的搭配和调整，营造不同感觉的视觉冲击，会加深和吸引用户，撇开扁平化设计，大胆明亮的色彩也始终是引人瞩目的，它们会吸引人进入设计，关注设计。明亮的色
网页课程设计心得 篇一：网页设计课程心得体会 “网页设计”学习心得体会 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习，对网页设计有了初步的认识和了解，并基本掌握了Dreamweaver的应用。 在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握，学习网页设计的基础部分便显得较为轻松。虽然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内
容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是Flash、Fireworks等网页软件的综合应用。 下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要确定网页设计的内容，一个优秀的风站要有一个明确的主题。整
个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作。 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又
龙源期刊网 https://www.doczj.com/doc/ed13138210.html, Photoshop在网页设计中的作用 作者：王潇潇 来源：《当代旅游（下旬）》2017年第08期 摘要：近年来，photoshop软件作为一种功能强大的图像处理软件，广泛应用于网页制作中，通过应用photoshop可以使网页背景与前景之间配合紧密，实现网页底纹无缝连接，从而使图像传输效率提高。随着我国信息化进程的不断推进，在网络发展过程中网页制作发挥着重要作用，本文就对photoshop在网页设计中的作用进行探讨和介绍。 关键词：photoshop；网页设计；作用 Photoshop是当前社会各界公认的具有完善功能的性能稳定的一款平面图像处理软件，具有误差小、效果好、精确度高等诸多特点，在具有丰富的图像信息网络系统中承担着重要作用，并在图像处理、广告设计、美术设计等多个领域中均得到应用，在网页设计中也取得了良好的应用效果[1]。网页设计是整体设计，在设计过程中需要确保图像和网页设计主旨保持统一，并和网页背景、其他各项元素等都要紧密配合。 一、Photoshop在网页设计中的应用 （一）新建图像文件 在新建的图像文件中，宽度和高度主要是根据网站页面大小进行设计，通常和浏览器分辨率相对应，常用分辨率为1280*800的像素，图像的宽度与高度可以设为1260*780，颜色模式采用红绿蓝，即RGB。在photoshop中通过RGB的颜色变化啦表现出光影效果，在经过处理后使图像作品可以和现实更加贴近，从而给人带来一种良好的视觉效果，使人产生心灵的共鸣。 （二）采用photoshop进行页面布局设计 网站的设计中其设计方法多样，根据不同的功能，不同的主题进行设计。用户在对网页浏览时，网页上部和左上部是用户最先浏览的位置，然后依次往下阅读，并呈F形，因此在页面布局的设计中，网站热点、头条、导航栏、站名和站标等重要元素需要集中在关键区域中，而主题表现主要是通过造型设计体现出来的，而造型设计的巧妙不仅会给用户带来良好的视觉享受，也能表现出网站的主题，从而突出网站功能[2]。在采用photoshop来对网页进行设计时，需要突出设计感，并通过别致的造型和强有力的元素体现出网站主题，photoshop因图像处理功能强大，在个人网站和企业网站設计中发挥着重要的作用。在页面布局中可以先采用线条在页面中画T字，将画面分割为三个部分，最上面设计广告条、网站名称和标志，左侧为导航栏、右侧将最大空间留给网站内容；其次建立多个图层，并将网站内容分别放在不同图层中，进行绘制和处理，而采用photoshop的渲染功能和图像整合功能就可以完成。
第一套 一、填空题（20分每空2分） 1.RGB色彩模型最多可以表示（224）种颜色。 2.HTML页面的正文应该放在（body ）标记对中。 3.下拉列表的列表项应该放在（option ）标记对中。 4.三种样式表中，与代码结合最紧密的是（内联）。 5.Css中填充的属性是（padding）。 6.当页面使用外部样式时，应该在页面的头部分使用（link ）标记。 7.（伪类）用于指定选择符的状态。 8.表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的 （submit ）方法。 9.最低公用标准的浏览器文档对象模型中（document）对象代表窗口显示的html文档。 10.w3c DOW 按照ID 获取HTML元素对象的方法是（getElementById() ）。 二、判断题，判断以下说法的对错（10分，每题1分） 1、HTML是一种网页编程语言。（×） 2、HTML不允许交差嵌套。（√） 3、HTML元素的ID属性不能以数字开头。(√) 4、URL地址属于绝对路径。(√) 5、P标记没有默认样式。(×) 6、内联元素可以嵌套块元素。(×) 7、border 属性是不能被继承的。(√) 8、JavaScript 只能用于客户端编程.(×) 9、在最低公用标准的浏览器文档对象模型中，不是所有的HTML元素都是对象。(√) 10、W3C DOM是以树形结构表示HTML文档的。（√） 三、单选题（32分，每题2分） 1、jpg格式图像适用于以下哪种图片？（D） A.动画 C.公司logo B. 图标 D.人物照片 2、以下为内联元素(inline element)的是？(B) A.
C.
B.