浙江师范大学自考网页设计（01040）

时间：2023-10-17 05:12:02 | 来源：网站运营

时间：2023-10-17 05:12:02 来源：网站运营

浙江师范大学自考网页设计（01040）：浙江省高等教育自学考试课程考试大纲

课程名称：网页设计（实践） 课程代码：01040

请注意：问末最后一句话是重点！重点！重点！

第一部分 课程性质与学习目的

一、课程性质与特点

本课程是高等教育自学考试艺术设计专业所开设的专业课程之一。本课程属艺术设计专业中视觉传达设计方向必修的基础实践课程。本门课程从图像处理、简单动画制作和整体网页制作三部分着手，在分析网站类型的基础上，总结不同网页的色彩和布局特点，并在具体的网页设计创作中引导学生思路。网页设计课程的内容涉及知识面广，是一门综合设计课程。

二、课程设置的目的和要求

其目的是通过教学，使学生掌握网页制作的基本知识、基本理论和基本应用等方面的内容。了解HTML基本概念，网页设计的方法，网页中的动态效果等。通过对网页制作技术和工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。

三、与本专业其它课程的关系

网页设计课程是为艺术设计专业、视觉传达设计方向学生开设的一门实践类专业基础课程，是艺术设计实践中的重要内容。本课程的教学能够让学生加深对PHOTOSHOP软件的理解和应用，掌握简单动画原理和制作手段，了解网页设计的方法，是前期基础造型课程和软件课程的延展和灵活运用，也为其他设计课程如系列书籍装帧设计、综合设计应用等课程的打下坚实的基础。

第二部分 课程内容与考核要求

网站建设基础理论部分

第一章 网站类型

一、学习目的与要求

通过本章的学习，要求了解网站类型的划分方法，掌握不同网站类型体现出的色彩特点和布局特点。初步了解网页设计的基础知识。

二、考核知识点与考核要求

1、网站类型的划分方法（一般）

划分方法：按照网站用途（①门户网站②行业网站③娱乐网站）、持有者划分（①个人网站②企业网站③政府网站）商业目的、网站内容、网站所用编程语言来划分。

2、不同类型的网站有什么特点（重点）

企业网站：把企业信息产品业务都归类到网站内然后进行推广达到宣传效果给企业带来盈利。

电商网站：电商网站也是随着现在时代的发达而发展起来的，商城网站建设有分为两种一种是垂直电商网站一种是综合电商网站，大家都知道卖东西，但是其中也是有分别的，垂直类只买单一的一类产品，综合类及就是所有的东西都有卖前提是有商家入驻。

门户网站：网易、搜狐、腾讯、新浪等这类的就是属于门户类网站，门户类网站的作用都是实时都有最新的社会热点或者时间报道出来，也是很多人关注着方面的因为门户的信息是非常庞大的，门户网站就是频道多满足用户多项需求。

行业网站：就是多种行业整个于一个网站内，也是分为多频道行业。多种行业集中在一个网站里，说白了就是用户找商家的一个平台。

论坛网站：属于一类兴趣爱好者集中发表声明或者热门信息，最新消息等大家可以共同讨论的一个网站，这类网站大多都是相关兴趣爱好者会关注和使用到。

生活服务类网站：最典型的代表就是58、赶集这样的网站，把所有的需求都收集在一起让商家入驻，用户通过网站来查找精准的服务。

3、设计简单的布局草图（次重点）

第二章 网页的配色、风格

一、学习目的与要求

掌握网页的色彩搭配方法，了解网页的不同风格和表现方式，了解网页信息规划和基本网页结构。

二、考核知识点与考核要求

1、色彩基础知识和网页安全色的使用。（次重点）

色彩基础知识：

色彩三要素：色相、明度、纯度

网页安全色的使用：

216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示颜色集合（调色板）。使用216网页安全色进行网页配色可以避免原有颜色失真问题。

网站的主色调是根据网站内容确定的。也可以根据网站访问群体的类别、社会背景、心理需求和场合来确定。

2、不同颜色在网页中的应用。（重点）

网页是在电脑屏幕上通过网络浏览器来进行浏览的页面，具有与书籍、杂志等传统页面媒介一样的视觉元素，同样要求主体突出，条理清晰，便于阅读；色调明快，引人注目，能予人以好感且体现出自己的特色。网页作为活动的媒介，又因为它的载体——电脑显示屏是和传统的纸张、书籍不同的，这就造成了阅读方式的不同。如只能采取某种固定的阅读姿势、发光显示屏造成视觉疲劳、页面上的动画和音效分散视觉注意力。读者基于这种特殊阅读方式会产生特殊的阅读感受，这时，网页色彩就起到了把握页面整体视觉印象的作用。

不同的颜色有着不同的含义：

红色：热情、奔放、喜悦、庄严

黄色：高贵、富有、灿烂、活泼

黑色：严肃、夜晚、沉着

白色：纯洁、简单、洁净

蓝色：天空、清爽、科技

绿色：植物、生命、生机

灰色：庄重、沉稳

紫色：浪漫、富贵

棕色：大地、厚朴

……

公司色：在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。

风格色：许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。 　

习惯色：这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。

制作冰箱、空调、文具、学校之类的设计可以用青色。

制作可口可乐可以用红色。

同一页面尽量不要超过4种颜色。

在设计时，通常以一种颜色为主色调，其他对比色作为点缀，起到画龙点睛的作用。

3、网页配色方案。（重点）

网站配色方案一：简单的、时尚的、高雅的

如今极简设计已普遍被应用于网页设计中，当然这拥有充分理由。轻量级的布局和低维修成本使其灵活适合于响应式设计。自然优雅极具美感，使得很多品牌和机构青睐并采用。然而赞赏这一设计风格和创造它是两码事。

看起来，由于极简主义元素不多，复制某种风格似乎变的及其容易。然而事实却正好相反，由于设计师可利用的元素极少，创造一个极简主义的设计设计师往往要付出更多思考和努力。对极简主义来说，无聊始终是一种威胁，所以改变你的布局以进一步吸引用户，交替沿z字形布局模式可以帮助阅读。

网站配色方案二：简单的、洁净的、进步的

当你的网站上没有大量装饰性元素的时候，内容就成了主角，这便于访客浏览。有一个调查显示，79%的受访用户只是在浏览一个新页面，只有16%的用户会逐字逐句去读一个页面。通过把网站的内容放在前面中间的位置，让访客能快速浏览那些是什么内容。

网站配色方案三：高尚的、自然的、安稳的

高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳

网站配色方案四：冷静的、自然的

绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。

网站配色方案五：传统的、稳重的、古典的

传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。

网站配色方案六：传统的、高雅的、优雅的

灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。

网站配色方案七：忠厚的、稳重的、有品位的

亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。

网站配色方案八：轻快的、华丽的、动感的

动感的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。

网站配色方案九：运动型的、轻快的

运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。

网站配色方案十：华丽、花哨、女性化

女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。

4、网页风格和结构设计。（重点）

网站建设中网页布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等

国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型

拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接

标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面

左右框架类型：这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了

上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架

综合框架类型：其实就是左右框架类型和上下框架类型的结合体

封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示

Flash型：其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体

变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型

第三章 网页构成

一、学习目的与要求

掌握网页中包含哪些基本元素，分辨率对网页空间的影响，以及网页中点、线、面的作用。

二、考核知识点与考核要求

1、网页构成的基本元素。（次重点）

网站Logo

网站banner

导航栏

文本

图象

多媒体

2、网页空间和尺寸。（重点）

现在比较流行的网页宽度是950px，网页两边留出少许白边，简洁又大方。

1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间就不会出现水平滚动条和垂直滚动条。

3、网页中的点、线、面。（重点）

点构成线，线构成面，这些是平面构成中的基本要素，也是所有平面设计的基本要素。那么将这些基础中的基础运用在网页设计中，又是怎样的效果呢？

点、线、面这三个东西不单纯的指一个点、一根线、一个平面。我们要善于利用文字和图形的排布，为自己的网页增添效果。

网页中的每一个文字，每一个点，每一个图形都是这个网页的组成元件，文字可组成图形，图形也可组成文字，这些都不是限定死的。

线：线是具有情感的。比如水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段。

面：若点与线的构成大多为细节处理，那么面的构成则直接影响着网页整体风格和布局，与线搭配构成空间透视效果。

平面构成中的形式在网页中常见的有：渐变形式、发射形式、对比构成。而渐变亦有形状渐变，颜色渐变。 这些表现形式即丰富了画面，又能反应出网页的整体氛围

网页设计并不是单纯的作图，还需要考虑到功能性和阅读性，因此颜色渐变成为网页中常用的表达方式，形状渐变却很少见。

用明度渐变的方式来表现地图背景，很好的展示了地图的样式，又没有因为色彩繁多复杂而看不清主体内容。

强烈的色彩对比也会引起人们的视觉停留，这种对比方式一般多用于对立状态或者有着正反义词组的页面，也有时出现在Q版卡通页面中，对比色色彩鲜艳亮丽，反应出孩子的多彩世界。

4、网页中的字体设计。（次重点）

网页字体最好是常用字体，不要出现生僻字体，防止用户因没安装字体出现错误。

字体大小最好以默认为主，一般是12PT，现在流行的小中字体9PT。

特殊字体和艺术字体的设置，最好以图片格式插入，以保证所有人看到的页面是一样的。

第四章 网页的布局

一、学习目的与要求

了解版式设计的相关视觉原理，掌握网页的布局方法。

二、考核知识点与考核要求

1、如何在设计中提高视觉传达效率（次重点）

直接表达，通过文字图片直接把需要展现内容传达给观众，没有太多的渲染和铺设。

相对：通过灯光照射、明暗对比，突出需要表达的内容，让观众容易抓住重点

利用人的视觉习惯，将重要内容放在视觉中心

可以利用与人们情感有关的物件来表达，抓住观众心理

2、网页的版式设计（次重点）

网页版式设计在整个网站中具有重要的信息传播及引导性作用，它决定了网站的个性特征和艺术蕴性，决定了网页的整体视觉印象。

网页版式设计网页版式设计是指在有限的屏幕空间内，按照设计师的想法、意图将网页的形态要数按照一定的艺术规律进行组织和布局，使其形成整体视觉印象，最终达到有效传达信息的视觉设计。它以有效传达信息为目标，利用视觉艺术规律，将网页的文字、图像、动画、音频、视频等元素组织起来，产生感官上的美感和精神上的享受，充分体现了设计师的艺术风格。

印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。具体表现如下：印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器。

网页版式设计的动态设计成为增强网页可读性，参与性与趣味性的有力手段。

网页版式设计中的点、线、面对网页的各形态要素进行点、线、面对组合，是网页版式设计的基本方法之一。点线面之间相互作用可以组合成各种各样的视觉形象，形成千变万化的视觉空间。有意识的从抽象角度运用点线面构成来组织网页的版式，是形成网页强烈的视觉形式感和设计感的有效方法。

色彩总的应用原则应该是“总体协调，局部对比”，也就是，网页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调。

3、网页的布局方法（重点）

网页版式设计的布局合理化布局不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。要通过网页页面结构的分割和造型空间的确立，合理安排组成网页各元素的合理位置。使页面内容和形式有机统一，要具有整体美感。要考虑页面的美观和可读性，还要考虑网络浏览的特性。

版式设计必须依据人们在视觉上的心理和生理特点，确定各种视觉构成元素之间的视觉关系和浏览秩序。合理的视觉流程应是在人们认识过程的心理顺序和思维发展的逻辑一致的基础上，根据信息的主次来确定各元素的顺序，并通过精心安排引导浏览者。（1）要符合人的视觉习惯（2）要保证有效的传达信息（3）突出主要信息（4）保持视觉引导的节奏感和流畅感。

九中常见的页面表达方式：

①视觉框架：一致的颜色、字体和布局，界面统一感，用户会下意识忽视那些不变的，从而注重变化的地方，方面用户识别当前任务和解决相关问题。

②中央舞台：就是把重要的内容放在页面或窗口最大最显眼的地方，将一些辅助工具和内容放置在它周围小的面板上。比如表格、图形处理器、数据处理类等就常用这种格式。

③标题区域：把内容定义几个不同的栏目，并给每个栏目一个醒目的标题，同时在视觉上对栏目进行区分，并把他们排列在页面中。对于需要在页面上显示大量内容，同时希望页面更加整洁、容易快速扫描可以选择这个方式。

④模态Tab：将内容的不同模块组织成一个小型的Tab，这样每次只能看到一个小的模块和内容，然后通过单击来切换不同的模态Tab。当你需要在页面上显示大量各种各样内容，包括文本、列表、按钮甚至图像视屏等，而你又没有办法让他们全部显示在页面上时，可以用这种方式。

⑤可收起面板：把次要和可选内容放到可以打开和收起的面板上。比如想看位置地图这些。

⑥右/左对齐：设计两栏的表单或表格时，将左面标签右对齐，右面元素左对齐，让布局更加有序。

⑦对角线平衡：一种不对称的方式布置页面，通过将元素放在左上角和右下角来平衡页面。比如对一个页面或对话框页面进行布局，顶上一个标题，下面一个链接或按钮，同时这个页面固定高度，不需要上下滚动，这时通过对角线来达到平衡。

⑧响应式展开：先显示一点界面，然后通过每个步骤依次展开页面，从而引导用户完成一系列步骤。视觉上将任务有效的拆分。

还有一种网上没搜到。

第五章 网页GIF动画和细节制作

一、学习目的与要求

掌握GIF动画制作方法，能独立制作网页中文字、图片的动态效果；了解网页中细节设计的重要性，能在PHOTOSHOP软件中将线条、底纹等网页细节制作出来。

二、考核知识点与考核要求

1、网页简单GIF动画制作（重点）

插入-常用-媒体-Flash,或Flash视频。

2、线条、底纹等细节设计在网页设计中的作用（次重点）

适当地运用一些花边和底纹，能使版面显得新颖、美观、大方，起到一定的烘托作用。

一、花边在版面中主要作用

１．突出重点，造成强势。重要稿件可以借助线条使其地位突出。如给整篇文章加外框，或在文章的栏隙内加细线等，就会因与其他文章在版面处理上的不同而引起读者的注意。

２．区分作用。在文章与文章之间加花边，使文章更清楚地分开，避免错觉，以便阅读。

３．结合作用。一组反映同一主题的稿件，往往需要用花边将他们归纳到一起，形成一个整体的感觉，以便与其他类型的稿子区分。此外，当一篇新闻稿配有评论、照片和照片说明时，要用线条将其结合在一起。言论文章一般用楷体字，而楷体字如沙子，给人以松散的感觉，因此，言论文章常用花边围框，把文章“捆”起来，以显得紧凑。

４．表达感情。由于花边的形状各不相同，他们的风格和感情色彩也不同。由各种花纹组成的花边显得比较生动、活泼，装饰性较强；文武线和粗细不同的直线则显得朴实、深沉、严肃。喜讯、好人好事、奇闻异事等适宜用花边装饰；而批判性或揭露性的报道、反映困难情况的报道、能引起人们哀痛情绪的报道，就不宜加带花纹的花边。同样，在一般新闻照片或风景照片的周围加一个黑线框，可使画面产生更为精巧的感觉，但如果画面是一个人的肖像，加上一个黑线框，就容易使人联想到遗像。

５．美化作用。版面上适当运用线条，可以使整个版面增加变化，显得生动。花边具有一定的造型美，也能产生装饰性的审美效果。

６．形成版面风格。遵循一定的规律运用线条，还可以形成某种版面风格。比如《新闻出版报》每一篇文章都排成矩形，且用线框围起来，形成一个又一个区域，版面成了许多版块拼成的整体，整个版面一目了然，简洁、明快、清新、秀丽。

二、底纹的运用

底纹在版面上是一个面，它不是独立地出现在版面上，而是和标题或文字等结合在一起。过去不做带底纹标题的《人民日报》，现在也一改严肃的面孔，每个版都用起底纹来了。底纹这种特殊的“面”，在版面上越来越普遍地运用，为版面增添了现代的色彩。

１、底纹的作用。

①突出重点。给标题加上底纹，就在版面上形成一块块各具特色的“面”，格外引人注目，在版面上容易造成强势。因此，给重点稿件的标题加上底纹，就能起到突出重点的作用。

②美化版面。除纯黑色的底纹外，绝大多数底纹都是有图案的，特别是各种不掩字的浅色或彩色底纹，除了本身具有图案外，其外形也可以“剪裁”成各种各样的形状，铺在版面的任意一个地方，平衡美化版面。因此，底纹具有天然的美化功能。在版面上适当地运用底纹，可使版面更加活跃。

③表达感情。由于底纹有不同的图案和不同的层次，所以它具有不同的感情色彩。在运用底纹的时候，就必须十分重视这一点。如文章的内容是喜庆的事，给标题加底纹时可选图案活泼一些，浅一些的（彩色除外），而不宜加一块深色的底纹，挂一块“黑板”在那里。而内容庄重、严肃的文章，选用的底纹则不可太花哨。

２、底纹的运用

①底纹与标题内容相结合。由于底纹由各种不同图案构成，因此，在用底纹装饰标题时，如果能将标题内容与图案结合起来，就会使标题与底纹相得益彰，对读者的感染力就更强。但如果结合得不好，则可能弄巧成拙。政治、经济等内容较严肃的消息，标题底纹最好素一些，而文化、艺术等内容轻松的文章或通讯的标题，底纹可选活泼一些。

②底纹与底纹的搭配。在用底纹装饰一条标题时，有时不止用一种底纹。因为标题常常既有主题，又有引题或副题，为了使标题富于装饰变化，常常主题用一种底纹，引题或副题用另一种底纹。由此，就必须考虑底纹与底纹的搭配，搭配的形式不外三种：一是素底纹与素底纹。一般是深浅相配，分别做成阴字与阳字。二是花底纹与素底纹，由于素底纹花纹较为细密，因而与之搭配的花底纹图案不宜过大，否则反差太大，给人以格格不入之感。三是花底纹与花底纹，这种搭配不易掌握，一般不用。

③底纹与花边配合。在美化标题时，花边和底纹配合，这种线和面的结合，往往产生强烈的装饰效果。有时，底纹四周加花边框还是必需的。如运用图案较大的底纹时，周围往往缺缺洼洼，用花边围一个框，就显得完美了。

④底纹与字体字号的配合。黑体、宋体等比较庄重的字体宜配素底纹；而楷体、行楷、隶书、魏碑等比较活泼的字体配上适当的花底纹则特别美观。字号如果较大，则不论什么底纹都可搭配，如字号较小，则不宜用线条太粗、图案太大的花纹，否则，字将淹没在花底纹里难以辨认。

⑤花纹与花样字配合。在底纹上，可做各种花样字。深底纹宜做成阴字或黑字勾白边；浅底纹宜做成黑字或空心字勾黑边；任何底纹都宜做成黑字白边黑框；不论是空心黑边立体或是黑字白边立体，底纹都不宜太深。

3、在PHOTOSHOP软件中制作网页细节（重点）

1、图像局部截取和图像尺寸调整

做网页设计时经常要用到的某张图像一部分，这就需要截取图像的局部。图像局部截取的方法很多，但使用Photoshop操作起来更方便。具体操作步骤如下：

（1）在Photoshop中打开原始图像；

（2）在工具栏中选择相应的选区工具，如矩形选框工具或椭圆选框工具，在图像上需要截取的局部建立选区。为了截取更精确，通常在选择选区工具以后，在工具选项栏中“样式”里设定选区的尺寸，如“固定大小”，并设定宽度和高度值，这样单击图像就可以建立固定尺寸的选区；

（3）建立好选区后，可以将鼠标按住选区内部拖拽移动选区位置，使截取的内容符合需要；

（4）单击菜单“编辑-拷贝”或者我们熟悉Ctrl+C复制选区内容；

（5）单击菜单“文件-新建”或按下快捷键Ctrl+N新建画布，此时画布的尺寸默认就是选区的尺寸，单击菜单“编辑-粘贴”或按下快捷键Ctrl+V将选区内容粘贴到新画布中；

（6）在新文件图像中根据需要进一步操作，如添加文字等，最后将新文件保存。
注：图像尺寸的调整也是网页设计中的常用操作，网页中的图像文件大小在保证清晰度的情况下应该尽量小，不然会影响网页打开速度，所以页面中用到的图像都有调整到相应尺寸。在Photoshop中打开图像，单击“图像-图像大小”菜单或者Ctrl+Alt+I进行尺寸修改，调整完后保存即可。

2、透明背景图像的制作

有些图像放在网页中需要背景透明才能达到效果，比如在已有背景色的区域放置一个图像，这个图像只有背景透明才能融合在区域中。在Photoshop中制作透明背景图像可以通过以下步骤来操作：

（1）在Photoshop中打开原图像，使用选取工具将需要保留的图像部分选中，如果原图像背景色单一，可以使用魔棒工具很方便地选取背景色，然后单击菜单“选择-反向”反向选中需要保留的部分；

（2）单击菜单“编辑-拷贝”或按下快捷键Ctrl+C复制选区内容，单击菜单“文件-新建”或按下快捷键Ctrl+N新建画布，注意新建画布的“背景内容”项选择“透明”；

（3）单击菜单“编辑-粘贴”或按下快捷键Ctrl+V将选区内容粘贴到新画布中；

（4）按下快捷键Ctrl+T适当调整粘贴内容的尺寸，调整完后按回车键，还可以使用移动工具调整内容的位置；

（5）单击菜单“文件-存储”或按下快捷键Ctrl+S保存为gif或png格式文件。

3、图像融合

图像融合是指将两张或更多的图像合成一张图像，这个操作在网页设计中也经常用到，比如给网页做个banner图像或背景图像等，下面以两张相同高度图像拼接融合为例来说明操作过程，基本步骤如下：

（1）在Photoshop中打开第一张图像，然后使用移动工具将第二张图像拖进来并调整到合适的摆放位置；

（2）如果两张图像的色调不太一致，可以对色相、饱和度等属性进行调整；

（3）选择第二张图像所在图层，建立蒙版，选择渐变工具从两张图像的结合处拖拽形成黑白渐变，再适当调整不透明度。

4、图像倒影和阴影制作

图像倒影效果在网页中也很常见，倒影不仅增强图像的立体感觉，也使得图像表现力更强。倒影效果一般分为平面倒影和立体倒影，平面倒影的制作可以通过以下步骤实现：

（1）在Photoshop中将需要做倒影的素材导入文档，按下快捷键Ctrl+J复制该图层；

（2）单击菜单“编辑-变换-垂直翻转”将翻转的图层拖至原始图层的下方；

（3）为翻转的图层添加图层蒙版，选中渐变工具并选择线性渐变，在图层蒙版上拖出渐变就产生了倒影效果。
阴影效果也是常用的图像效果，具体实现步骤如下：

（1）把需要做阴影效果的图层复制并建立选区，填充为黑色；

（2）按下快捷键Ctrl+T并右键单击鼠标选择“扭曲”，拖动鼠标调整阴影的形状和大小；

（3）减少阴影图层的透明度，然后单击菜单“滤镜-模糊-高斯模糊”，再把阴影图层放置在原图层的下面。

5、特殊字体的使用

文字是图像处理中频繁使用的元素，网页设计中的图像上通常都需要添加一些文字内容，如广告宣传语、导航文字等。文字的添加可以使用Photoshop的文字工具来完成，通常图像上的文字都采用特殊字体，而计算机中默认情况下却都不具备这些字体，这就需要我们去网上下载所需字体并安装在计算机中才能使用。举例说明，比如我们要在图像上添加一种“方正粗倩简体”的文字，很明显，计算机中默认没有该字体，我们必须进行以下步骤操作：

（1）从网上下载“方正粗倩简体”字体。可以在百度中搜索“字体下载”关键字，很多网站都提供字体下载；

（2）安装字体。下载的字体通常是一个.ttf格式的文件，直接复制该文件，打开C:WindowsFonts文件夹并进行粘贴，这样就完成了字体安装；

（3）重启Photoshop软件，可以看到字体列表中就有了新安装的字体，当然，计算机中的其他软件都可以使用这种字体。当然如果你有能力的话也可以自己设计字体，但是对一些初中级的学生来说，下载是最好的办法了，省去了很多时间，你懂的！

6、绘制网站LOGO

网站标志或称LOGO，它是一个网站的名片，是能够体现网站形象的一个重要元素。一个好的网站LOGO能够体现出网站的内涵并能传递给浏览者一些关于网站的理念信息。一般来说，网站LOGO的设计是很重要的，它不仅要契合网站同时也要独具个性，能吸引网站浏览者。网站LOGO可以采用Photoshop软件进行绘制，具体可以采用以下步骤：

（1）新建画布，使用钢笔工具大致勾画出LOGO轮廓路径；

（2）选择“转换点工具”，将某些直线路径转换为曲线并调整相应的弧度；

（3）选择“直接选择工具”，根据需要移动一些锚点的位置，通过曲线弧度调整逐步达到设计效果；

（4）按下快捷键Ctrl+Enter，将路径转换为选区，然后对选区进行填充；

（5）根据需要添加文字等内容并保存文档。

7、网页绘制和切图

Dreamweaver等网页设计软件在图像处理方面的功能很弱，只使用该软件进行网页设计会给网页美观带来局限性，所以通常先采用图像处理软件绘制网页效果图，然后采用切图等手段转换为网页。绘制网页的工具很多，Photoshop是一个很不错的选择，方法如下：

（1）首先新建一个画布，在当前普遍1024*768以上分辨率的情况下，画布的宽度设为1002像素以内就能保证用户打开网页时不会出现水平滚动条，画布高度根据网页实际内容需要设定，接下来在新建的画布上绘制网页的界面，网页各个部分采用分层和分组，便于修改。

（2）网页绘制好后，需要利用切片工具和切片选择工具对图像进行分割，切割图像的原因是在浏览器中，一组小幅图像比单个大幅图像下载起来要快速得多，而且也便于网页在Dreamweaver软件中编辑。网页切片时一般要借助辅助线作为参考以确保切图的精确程度，网页中输入的文字部分在切图时可以先隐藏。

（3）单击菜单“文件-存储为Web和设备所用格式”来保存文件，Photoshop会自动生成一个名为images的文件夹用于存放所有图片。

8、各式线条的使用

线条在网页设计中是不可或缺的元素，线条应用得当会使网页布局清晰、层次分明，比如曲线增强网页的灵活性和流动性，具有时尚感、飘逸感，而直线的应用则使网页显得简洁、大方和严谨，不同线条的使用会起到意想不到的效果。一般来说，网页设计中经常用到直线、曲线、虚线和立体分割线等，下面我们简单介绍一下：

（1）直线

在Photoshop中绘制直线一般有两种方法，一种是使用画笔工具或铅笔工具，根据直线粗细需要设置好主直径，按住鼠标进行绘制，如果要绘制水平或垂直直线，需要按住Shift键然后绘制。

（2）曲线

Photoshop中绘制曲线一般会用到钢笔工具、转换点工具和直接选择工具等，先用钢笔工具画出大致路径，再用转换点工具将直线变为曲线并调整弧度，如果锚点的位置需要移动，则再使用直接选择工具移动，最后得到满意的曲线。

（3）虚线

绘制虚线一般使用画笔工具或铅笔工具，根据要绘制的虚线的粗细选择画笔的主直径，然后设置画笔属性面板中的“间距”值，这样就可以绘制出虚线，如果要绘制水平或垂直虚线还可以在绘制时按住Shift键。

（4）立体分割线

优秀的网站设计在细节方面的处理都是照顾十分周全的，立体分割线看起来有一种凹进去的感觉，形成一种很好的分隔的感觉。立体分割线其实是由两条粗细均为1px的直线组成的，首先绘制一条比背景色暗的直线，然后再绘制一条比背景色亮的直线，线条色彩可选用与背景色同一色系的颜色，两条线并列排在一起，形成立体凹陷的感觉。

9、背景图片制作

在制作网页的时候，经常需要给网页设置背景图片。除了可以到网上下载背景图片外，利用Photoshop强大的功能也同样可以制作出自己喜爱的背景图案。自制的背景图像种类很多，这里以制作一种无缝图案背景为例来说明：
具体操作步骤如下：

（1）打开Photoshop，新建宽160、高120，背景为白色，分辨率为72像素/英寸的空白文档；

（2）在工具箱中选择自定义形状工具并找到图1中所示的形状，在画布中间绘制出该形状，绘制时可按住Shift键保持同宽高比例，然后将绘制的形状放在文档的正中间；

（3）复制形状图层，对复制的图层执行菜单“滤镜-其他-位移”命令，完成图案的位移操作。位移的“水平”和“垂直”参数值是根据图像尺寸来设置的，一般为图像“宽度”和“高度”值的一半，本例“水平”设置为80，垂直设置为60。

（4）执行菜单“文件-存储”命令，将文件存储为GIF格式的图像。打开Dreamweaver软件，将该图像以背景图片平铺在网页中，可以看到网页背景的效果。

10、按钮制作

按钮是网页设计中常用的元素，经常用在导航、跳转等链接位置。设计精美的按钮能让网站浏览者眼前一亮，目前网页中常用的按钮一般都带有一些立体、渐变效果，这类按钮可以大致通过以下几步来实现：

（1）在Photoshop中新建画布，绘制一个圆角矩形；

（2）双击该圆角矩形图层面板，打开图层属性窗口，单击勾选左侧“斜面和浮雕”选项，并在右侧设置相应的属性值；

（3）单击勾选左侧“渐变叠加”选项，在右侧设置渐变颜色及其他属性值；

（4）单击勾选左侧“描边”选项，在右侧设置描边颜色、粗细、位置、不透明度等属性值；

（5）选择文字工具，在按钮上添加文字并设定文字样式等。通过这些设置能做出满足一般需求的立体渐变效果按钮，更多的效果可以在图层属性里面继续设置，如内阴影、外发光等。

另外，网页中有些按钮当鼠标放上去时换成另外一个按钮，两个按钮大小一致，区别就在颜色或文字颜色上。其实第二个按钮的制作很简单，只要把第一个按钮的图层复制，修改背景色或文字颜色即可。


第六章 DREAMWEAVER简单网页制作

一、学习目的与要求

了解DREAMWEAVER软件的主要功能，熟悉软件界面；掌握网页制作的一般流程，能够独立制作出较简单的页面效果。

二、考核知识点与考核要求

1、DREAMWEAVER软件概述（一般）

网页设计软件，操作简单，没有多余的代码，可视化，可以插入图片、视频等。站点管理便捷、链接

2、掌握图片、文本、水平线等基本网页元素的插入方法（重点）

插入-常用-图片（文本）

3、制作一个简单网页，了解一般的网页制作流程（重点）

可以选用固定模板，就是文件-新建-HTML选择一个模板。

第七章 利用表格布局网页

一、学习目的与要求

掌握网页制作中的表格布局方法，能够利用表格定位图片和文本，制作出完整的网页效果。

二、考核知识点与考核要求

1、插入表格并对表格的属性进行调整（重点）

插入表格前，最好先插入表单，然后将光标定在表单内，插入记录-表格，在表格对话框中输入行数列数，表格宽度选择百分比，边框粗细输入0.两列表格一般左列包含表单标签，如名称和地址，右列包含表单元素本身，如文本字段和复选框。记得给自己的表格在属性中输入名称formTable。

2、单元格的合并和拆分，嵌入表格（次重点）

跟用WORD一样，选中，右击，表格，选择拆分或者合并，嵌入：插入记录-表格

3、设置页面属性（一般）

修改-页面属性-对话框打开，可以设置背景颜色，背景图像、字体、标题大小等

4、制作网页中的超链接。（次重点）

插入-常用-超级链接，超级链接对话框打开

5、制作表格布局的完整网页效果（重点）

新建一个空白的HTML,查看-表格模式-布局模式

插入-布局-绘制布局表格

新建一个空白的HTML,然后插入记录-表格，表格插入好之后可以根据需要插入图片，排好版。




第八章 制作网页中的表单

一、学习目的与要求

了解表单的用途及插入方法，利用表格定位表单在网页中的位置，调整表单项的视觉效果。

二、考核知识点与考核要求

1、表单的功能（次重点）

表单，在网页中的作用主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。

一个表单有三个基本组成部分：

表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域（表单元素本身）：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮（也是表单元素的一种）：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

2、表单和表单项的插入方法（重点）

插入-表单，然后在表单中插入表格，根据自己需求分行列

然后插入-表单-文本字段，输入标签辅助功能属性对话框打开，在ID框中输入company,在标签文字框中输入Company Name:,样式部分选择，使用for属性附加标签标记。访问键输入c，Tab键输入10.

插入-表单-Spry验证文本域，输入标签辅助功能属性对话框打开，在ID框中输入email，在标签文字框中输入Email：，使用for属性附加标签标记。访问键输入e，Tab键输入20.在窗口属性中，类型下拉列表中选择电子邮件地址，选择验证于onBlur,确保选择了必须的选项。预览状态选择必填，选择这个域旁边的默认错误文本，需要提供一个值，删除，输入Required,可以设置其他的预览状态。

插入-表单-Spry验证文本域，输入标签辅助功能属性对话框打开，在ID框中输入username，在标签文字框中输入Username：，用for属性附加标签标记。访问键输入u，Tab键输入30.属性中选择验证于onBlur,在最小字符中输入6，选择这个域旁边的默认错误文本，删除，输入6 or more characters,可以设置其他的预览状态。

插入-表单-文本字段，输入标签辅助功能属性对话框打开，在ID框中输入password，在标签文字框中输入Password：，用for属性附加标签标记。访问键输入p，Tab键输入40.从属性检查器中，从类型中选择密码选项。

插入-表单-文本区域，输入标签辅助功能属性对话框打开，在ID框中输入business，在标签文字框中输入Business：，用for属性附加标签标记。访问键输入b，Tab键输入50.从属性检查器中，初始值中输入一段话，以描述期望在特定的表单元素中看到的内容。

插入-表单-单选按钮框，输入名称，和增加条件，输入标签和值，使用换行符。

插入-表单-复选框，输入标签辅助功能属性对话框打开，在ID框中输入identity，在标签文字框中输入Brand Identity:，用for属性附加标签标记。位置在表单后，访问键输入i，Tab键输入100.然后将光标移到表填外部，按空格键，继续添加两个复选框。

插入-表单-列表/菜单，输入标签辅助功能属性对话框打开，在ID框中输入timeline，在标签文字框中输入Timeline:,用for属性附加标签标记。访问键输入t，Tab键输入130,窗口-属性-列表值，单击添加，输入项目标签和值

Immediately now

In the next 2 months 2months

Sometime this year year

从属性检查器中，从初始化时选定下拉列表中选择Immediately。

插入-表单-按钮，输入标签辅助功能属性对话框打开，在ID框中输入submit，在标签文字框中输入Send to dev/design,用for属性附加标签标记。访问键输入s，Tab键输入140,选择Send to dev/design，剪切，粘贴到属性检查器中值中。

插入-表单-字段集，在表单任意位置单击，在字段集对话框中输入标签，DW就会在左上角用一个带标签的细边框来嵌套整个表格。

3、利用表格定位表单（重点）

我们经常在使用表单的时候容易由于前面的提示文字的宽度不一样而导致后面的表达无法对齐，这个时候可以先插入表格，利用表格来对齐定位。

4、制作一个完整的表单网页（重点）

第九章 利用框架布局网页

一、学习目的与要求

了解框架的功能及软件中预设的框架类型，掌握对框架属性的调整方法，能够利用框架的布局功能制作网页。

二、考核知识点与考核要求

1、插入框架（次重点）

新建-HTML-空白，插入记录-HTML-框架

2、框架属性调整及保存（重点）

新建框架后，在属性检查器中-页面属性设置参数，背景颜色等，修改-框架集-可以拆分。每一个框架都包含一个独立的HTML文件。

文件-保存-保存全部，保存后的网页，有Frameset的即是框架主页，保存全部的时候会多次弹出保存对话框，每次都要点击保存，并且位置一致。对各个框架部分进行保存，为各个框架进行命名。

3、利用框架对网页进行布局（重点）

用框架来规划网页本身有很大的缺点，首先不利于网友更好的利用网页资源，因为大家总不能在线把所有的东西看一遍了，而保存起来框架的缺点就出来了，你将不得不每次多余的保存同样的两个页。

新建-HTML-空白，插入-布局-框架

4、用框架布局网页的超链接设置（次重点）

选中需要插入链接的文本或者图片，在属性中设置，可以在链接中输入，有可以在目标中选中要指定跳转的图片等

第十章 利用层布局网页

一、学习目的与要求

了解层的基本功能，能够设置层的属性，掌握嵌套层的概念，和简单动作对层的控制。能够利用层定位网页中的各种元素。

二、考核知识点与考核要求

1、层的基本功能（次重点）

用层可以更好的定位、布局

层的概念：

层是一种HTML页面元素，是指具有绝对或者相对位置的DIV标签。

通过 Dreamweaver，您可以使用层来设计页面的布局。您可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。您可以在一个层中放置背景图像，然后在该层的前面放置第二个层，它包含带有透明背景的文本。

利用层可以非常灵活地放置内容。但是，使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页，可以使用层设计页面布局，然后将层转换为表。

DIV的意思是区块标签。 如果已经给 div 标签分配了绝对位置（也就是规定了这个DIV标签的样式），它就可充当一个 Dreamweaver 层。

①制作动态效果②排版

2、设置层的属性（重点）

插入-布局对象-层，鼠标变成十字型，可以拖动

右面的CSS旁边选择层

双击层的图标或者层的手柄都可以打开层的属性

层的编号就是层的名称

3、嵌套层的设置（重点）

将光标放置在层中，插入-布局对象-层

一个新层就出现在原来的层中

首选项参数设置中-层-选中如果在层中则使用嵌套

4、简单动作对层的控制（次重点）

5、利用层布局网页效果（重点）

第十一章 网页样式设定和多媒体元素的插入

一、学习目的与要求

了解网页样式表的功能和设置方法，能够利用样式表文件对网页的效果进行控制。掌握声音、视频、FLASH动画等多媒体元素插入网页中的方法。

二、考核知识点与考核要求

1、网页样式表的功能（一般）

2、通过样式表控制网页的视觉效果（重点）

3、声音插入网页，并利用参数控制效果（次重点）

4、视频插入网页（次重点）

5、FLASH动画插入网页，并可将其背景设置为透明（重点）

编辑首选参数-分类下选择-代码改写-活动内容中的两个选项打钩，使用浏览器安全模式脚本插入，打开文件时将标签转换为脚本。选择占位符-插入-常用-媒体（FLASH），属性设置背景颜色。

第三部分 有关说明与实施要求

一、指定教材

《Adobe Dreamweaver CS3经典教程》由Adobe公司编写，陈红军、冯晓艳译，人民邮电出版社2008年出版

知识点整理：

1、页面名称显示*号，说明没有保存。

2、三击占位符段落可以全选。

3、所建立的网页中的图像什么的，都保存在同一个文件夹比较好。

4、标题加背景图片：先将光标定在标题上任意位置，-“标签选择器”-＜div#header＞-“css样式”（右边）-正在模式-“Background”（第一行）-“编辑模式”（小铅笔按钮）-从弹出的对话框中单击“背景图像”浏览选择图片。注：为了让图像能如期望那样的显示出来，必须选择“不重复”这一值。

5、标题改变自身字体颜色：先将光标定在标题任意位置，-“标签选择器”-＜h1＞-“css样式”（右边）-正在模式-规则（第二行）＜h1＞-“编辑模式”（小铅笔按钮）-从弹出的对话框中单击“类型”然后改变颜色字体等。

6、段落格式修改：先将光标定在段落上任意位置，-“标签选择器”-＜div#mainContent＞-“css样式”（右边）-正在模式--规则（第二行）＜two…main＞-“编辑模式”（小铅笔按钮）-从弹出的对话框中单击“类型”然后改变字体大小，行间距等。

7、前景图像可以通过“插入”栏上的“图像”按钮直接插入到页面上，而背景图像则需要通过CSS添加到设计上。

8、双击“选取工具”，可以让画面迅速回到100%。

9、CSS规则主要是由“选择器”和“属性”两部分组成的。

10、在CSS 所有规则中，单击任意一个，对应下一栏有属性，可以编辑，然后所有应用了的此属性的随之便发生变化。

11、选择器类型：1）创建CSS规则“类”，设置好定义在main.css中，名称.more,可以依据设计要求，有目的的对其加以应用，右击标签选择器，选择.more就可以应用该规则。手动应用，重复多次使用。

2）创建CSS规则“标签”，为特定的标签应用CSS样式规则，颜色等，在“全部”状态下新建规则，选择器类型选择“标签”，标签框中输入“h1”（或其他你要定义样式的标签名称），同样定义在main.css 中，自动应用。

12、隐藏不适合打印的导航：选中标签#nav（导航栏），新建CSS规则，选择器类型选择“高级”名称输入#nav定义在print.css中，在弹出的规则定义中选择“区块”，显示（D）选择“无”。规则不能重复使用。

13、ID和类最大的区别：ID只能应用到页面上的一个标签中，而类却可以根据需要，想用多少次就用多少次。

14、对标签应用CSS“类”的方法，1）在属性“样式”中选择。2）右击标签选择器，从“设置类”中选择。

15、使用CSS属性中的显示，设置成“无”none,来隐藏任何CSS样式内容。

16、两种办法插入行列，1）属性输入。2）修改-表格-插入行列。

17、网站由网页构成，包含导航条、标题文本、logo、输入窗口、按钮等链接。html结尾的就是网页，文本，写标记，不能实时预览，效率不高，所有用DW软件可视化编辑软件来制作网页。

18、创建图像链接后，当鼠标经过图像时，会变成手形，这代表链接。CSS规则正在属性border（边界）：0。

19、创建电子邮件链接：选择一句话，点击插入-常用-电子邮件链接-弹出对话框，文本信息不变，在E-Mail中输入收件人地址。

20、命名锚记：同一个页面添加命名锚记只需要选中文本，然后在链接中输入#+名称，然后鼠标移到需要添加锚记的地方，点击插入-常用-命名锚记-输入名称（名称）然后就会显示锚记标志。

不同页面创建锚记：在本页面选择文本，然后选择标签more,然后在链接中输入需要添加锚记的页面名称+#+名称，保存，然后打开需要添加锚记的页面，选好位置，点插入-常用-命名锚记，对话框打开输入名称，确定。

注：名称前后一样。

21、链接插入页面的两种方法：①链接，浏览文件导航到想要的页面。②链接，指向文件，拖到文件面板内的文件中。

22、在页面内创建链接，需要两个元素：首先起始页窗口位置设定一个命名锚记；其次要为命名锚记（#加命名锚记名称如#top）设置一个链接。

23、#号：新建CSS规则，选择器高级，选择器输入#加名称，定义在仅对该文档，开头的#号标记表示一种ID选择器，这种选择器每页只能应用一次。

24、DW行为是：当被一个特定事件（如单击鼠标，鼠标经过等）触发时，执行一个动作（打开一个浏览器窗口或是放大图片等）的JavaScript代码。

DW行为是事件和动作的组合。事件是触发行为的操作，例如：onClick/onMouseOver等。动作是行为中发生的某些事情，例如：打开浏览器窗口、交换图像或显示隐藏元素。

应用一个行为需要3步骤：

①选择想要触发行为的页面元素

②选择要应用的行为

③指定行为的设置或参数

触发的元素是一个被链接元素、一系列文本或一个图像。

因为是空连接，所以不会加载另一个页面，空链接可以是一个#标记，也可以是调用没有功能的JavaScript函数，即javascript:;

图像交换行为应用步骤：选择图形，属性中命名**Image，选择另一个图像，属性中使用空链接，输入javascript:;,然后选择触发元素，就是另一个图像的标签a,然后打开窗口-行为-点+号，添加行为，选择交换图像，对话框图像选择第一个图像的名称**Image,设定原始档为浏览第二个图像名称，下面两个选框打钩，确定。

打开浏览器窗口操作步骤：选择符号如+，属性链接中输入javascript:;,添加行为-打开浏览器窗口，浏览中选择图像，输入宽820高550，选择地址工具栏，确定。

实际图像尺寸是800*530，但还浏览器窗口的铬却需要稍微大一点的宽度和高度。

上述行为步骤可以粘贴复制，但是记得换了图像的名称，双击行为名称在浏览中选择对应的图像,自定义参数就可以了。

显示-隐藏元素行为步骤：点击符号如？，属性链接中输入javascript:;,添加行为选择显示-隐藏，对话框中选择要显示的名称，点击显示，然后确定，行为选择onMouseOver,然后再添加行为显示-隐藏，对话框选择同一名称，点击隐藏，确定，然后行为选择onMouseOut.

25、DW中4个主要Spry组合是：Spry数据、Spry表单控件、Spry布局控件和Spry效果。

26、将Spry主详细数据添加到页面的第一个任务是：建立一个到XML数据源的链接，该数据源以数据集而知名。

27、插入-表单，插入记录-表格（2列，左列包含表单标签，如名称和地址，而右列包含表单元素本身，如文本字段和复选框），表格命名，在表单属性，左上角，表格名称将在之后设计自己的表单元素时派上用场。

28、文本字段是所有表单元素真正的重负荷机器，很多表单无一例外都是由文本字段组成。在首选参数-辅助功能中要确定选择了“表单对象”复选框。文本字段的自然限制字符数是255个。

29、表单元素：文本字段、文本区域、复选框和选择列表。

30、在表格中插入-表单-文本字框（公司名称、密码）；或者插入-表单-spry验证文本域（邮件地址、用户名）；插入-表单-文本区域（需要输入一段话的在属性“初始值”输入文本）；插入-表单-单选按钮组（需要输入名称，然后选项“标签”和“值”选择换行符，并且需要对先插入的单选按钮添加辅助功能属性，选中按钮Ctrl+T,打开快速标签编辑器，在最后两个字符/>前输入）；插入-表单-复选框，弹出“输入标签辅助功能属性对话框”填写后，空一个格，继续插入-表单-复选框步骤；插入-表单-列表/菜单，弹出“输入标签辅助功能属性对话框”填写后，打开窗口属性，选择“列表值”，对话框打开，添加输入，最后在属性中选择“初始化时选定”选择一个；插入-表单-按钮，弹出的对话框填完后，需要在属性中将标签文本添加到值中，剪切粘贴就可以；插入-表单-字段集，也就是给这个表单起个名，放在左上角的位置，形成一个带标签的细边框来嵌套整个表格。

31、<form>标签目的：能围绕所有的表单元素（及包含表单元素的表格）来嵌套标签，也包括一个动作属性，这个属性可定义文件或脚本，以处理表单处理程序。

32、表单对象两个辅助功能属性：访问键和Tab键索引。访问键定义一单个字母，当与浏览器的修改器共同被按下时，能给相关的域提供焦点；Tab键索引显示从一个框到下一个框的标记顺序。

33、Spry表单控件对标准表单对象优势：Spry表单控件包括内置的验证，以确保提交的数据在需要时就能完全形成而且可用。

34、标准文本字段针对的是剪短的字符串，而文本区域能容纳多个段落。

35、使用统一名称的所有单选按钮都将会在同一单选按钮组中。

36、单选按钮-相互排斥的选择

复选框-允许用户根据自己的需要选择多个

37、Flash两种视频格式：下载视频和流视频。

38、插入Flash元素（插入记录-媒体-图像查看器）之后，通操作界面右面的Flash元素面板来改变Flash元素的属性，如颜色，图片标题，图像出现方式，就跟播放PPT选择动画一样。

二、考试内容

本课程考试内容覆盖到章。考试主要以软件操作形式为主，通过对各章知识点的理解，制作出要求的完整网页效果。

三、关于命题考试的若干规定

1、本课程的考试应根据本大纲规定的内容来确定考试范围和考核要求。

2、本课程的考试形式为上机操作，考试时间为150分钟，采用百分制评分，60分合格。

四、题型示例

上机操作题：

运用DREAMWEAVER CS3软件制作网页效果：根据网页效果图和素材，制作完整的网页效果，并添加超链接。可利用表格、层、框架等进行网页布局。

请注意，如果你是杭州师范大学自考生，那么你很有可能考试的时候遇到考题是用PS对，就是PS制作网页效果图。