自考0900网页设计与制作_第四章 Photoshop
网设计与制作各章习题及答案
网页设计与制作各章习题及答案第1章习题1. 填空题(1) WWW服务于_1990_年由设立在欧洲瑞士的粒子物理研究中心开发研制出来。
(2) WWW是_Word Wide Web_的缩写，其含义是_“全球网”_，很多人又形象地称其为_“万维网”_。
(3) 现在网页基本可以分为_静态_和_动态_两大类网页。
(4) 对于网站，我们通常又称作_站点_(5) HTML是Hypertext Markup Language 的缩写，意思为_超文本标记语言_。
(6) marquee代码的作用_实现标记中的内容在页面移动的效果_(7) HTML源代码包括_<Head></Head>头_和_<Body></Body>正文__两大部分(8) CuteFTP是一种基于__Ftp__的数据交换软件。
(9) CuteFTP有很多功能，如_断点续传_、_自动登陆_等，是上传、维护、更新网站必不可少的工具软件。
(10) Flash是网络上最为流行的_矢量__动画制作软件。
(11) 网页的主要组成元素有_文本__、__图片_、_多媒体_、_超链接_和_脚本_五种。
(12) 与网站设计相关的软件主要有_Dreamweaver_、_Photoshop_、_Flash_和_CuteFTP_。
(13) _<html>_和_</html>_是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。
2. 选择题(1) 下面哪些文件属于静态网页（ C ）A. abc.aspB. abc.docC. abc.htmD. abc.jsp(2) 下面哪些不是网页编辑软件（ B ）A. DreamweaverB. CuteFTPC. WordD. Flash(3) 下面哪些文件不是网站的主页（ C ）A. index.htmlB. Default.jspC. index1.htmD. Default.php(4) DreamweaverMX是哪家公司的产品（ D ）A. AdobeB. CorelC. MicrosoftD. Macromedia(5) 网页元素不包括：（ C）A. 文字B. 图片C. 界面D. 视频(6) 下列哪种软件是用于网页排版的。
第4章 网页图像的制作与美化
2014.11
第4章 网页图像的制作与美化
4.1
Photoshop工作窗口
4.2
4.2 Photoshop应用
《网页设计与制作》
本章要点
Adobe Photoshop是Adobe公司推出的图像处理 软件，是美化网页界面的最好助手。“我爱旅游”网站 的模板设计，充分运用了Photoshop CS6技术，取得 了较好的视觉效果。本章以“我爱旅游”网站为基础， 通过网页页眉制作、logo制作、按钮和文字美化等实例， 介绍Photoshop CS6在网页图像制作中的应用。
《网页设计与制作》
4.2 Photoshop应用
4.2.2
利用钢笔绘制网站LOGO
1．知识点一：钢笔工具 使用钢笔工具可以绘制出比较精细的线段轨迹。绘制时，首先单击钢笔工具， 在图像工作区单击鼠标绘制节点，节点之间将自动连线。如果绘制曲线，可 以单击并按住鼠标拖拽，在节点处将得到贝兹曲线调节柄，拖拽调节柄可以 调节曲线的曲度。如下图所示。
《网页设计与制作》
4.1 Photoshop工作窗口
4.1.3
图像文件的基本操作
（1）新建图像文件 选择“文件”菜单的“新建”选项，或按Ctrl＋N快捷键，进入“新建”对 话框。 · 名称：默认文件名为“未标题-1”，可输入自己选择的名字。 · 预设：在下拉列表中提供了多种不同的图像尺寸。 · 宽度/高度：设置图像的大小，单位有像素、英寸、厘米、毫米、点、派卡、 列等度量单位。当输入高度和宽度值后，对话框的“图像大小”显示出该图 像使用的内存大小。 · 分辨率：设置新建图像文件的显示分辨率。分辨率大小决定了图像的清晰 度，也决定了文件的大小。分辨率越高文件越清晰，图像文件也越大。 · 颜色模式：设置创建的图像所采用的颜色模式。有位图、灰度、RGB、 CMYK和Lab等5种色彩模式。 · 背景内容：设定新图像的背景层颜色。有三种设置： 白色：背景色为白色，这是常用的背景方式。 背景色：以工具栏设定的背景色为背景颜色。 透明：透明背景色不具有任何颜色，以棋盘栅格形式表示。
第4章网页中文本与图像的控制介绍
4.1 文本控制
4.1.3 CSS控制文本的常见属性及其应用
表4-1 常见的有关文本控制的属性
属性 font-family font-size font-weight font-style 设置文本的字体大小 设置字体的粗细 设置文本的字体样式 说明 设置网页使用字体的类别
color
text-indent line-height text-decoration text-align
4.2 图像控制
4.2.2 设置图像属性 在Dreamweaver CS5中选择某一图像，按下组合键〈Ctrl+F3〉，打开如图 4-35所示的“属性”面板。
图4-35 “属性”面板
4.2 图像控制
4.2.3 绘制热点区域
图4-37 设置热点属性
图4-38 鼠标悬停热点区域时的效果
4.2 图像控制
人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。
设置文本的颜色
设置文本块首行的缩进 设置行高 设置添加到文本的装饰效果 设置文本的水平对齐方式
4.1 文本控制
1．字体的类型
图4-18 当前页面结构
图4-19 CSS规则
4.1 文本控制
标题没有定义字体，即默认字体———
——此行文字定义了“文鼎POP-4”字体，但系 统没有安装该字体，此时该行字体使用默认字 体显示
网页设计与制作教程
网页设计与制作考点总结_课程代码00900_自考电子商务专业
第一章网页设计与制作基础本章要点通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。
第一节关于互联网一、什么是协议网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。
硬件协议：定义了硬件设备如何运作以及如何协同工作。
软件协议：程序之间的通信是通过软件协议完成的。
二、互联网协议1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。
这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。
（1）IP网际协议IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。
OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。
OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。
（2）TCP传输控制协议TCP工作在OSI模型中的传输层上，用于建立和校验数据连接。
整个数据传送过程是由计算机、网关、路由器和协议共同保证的。
2、PPP协议PPP指点对点协议，是在串行线路上传输IP数据报的TCP/IP协议。
一般被用来建立与互联网的拨号连接，该协议同时提供了物理层和数据链路层的功能，PPP附加的功能包括出错控制、安全性、动态地址分配以及运行多种协议等。
3、其他协议HTTP：超文本传输协议，用于WWW服务。
FTP：文件传输协议，用于实现计算机之间的文件传输。
SMTP：简单邮件传输协议，用于电子邮件发送。
POP3：邮件协议3，一般用于电子邮件接收。
TELNET：远程登录协议，一般用于远程终端登录主机。
网页设计与制作第4章PPT课件
一、网页、网站和主页
15
拓展知识
HTML 5 Audio和Video所支持的音频和视频格式
HTML 5 Audio元素能够播放声音文件和音频流，下表列出了当前Audio元素支持的3种音频格式及其所适用 的浏览器。
IE 9
Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
4
相关知识
一、插入HTML 5 Audio
步骤 01 将本书附赠的“素材与实例\ch04”目录下的“blog”文件夹拷贝至本地磁盘，并以“blog”为站 点文件夹，在Dreamweaver CC中创建站点“blog”。
步骤 02 启动Dreamweaver CC，在“文件”面板中双击打开站点“blog”中的“music.html”文档。
“W”和“H”：用于设置视频对象的宽度和高度，默认单位为像素。 Flash回退：用于设置在不支持HTML 5视频的浏览器中显示的SWF文件。
9
三、插入并编辑插件
步骤 01 步骤 02
步骤 03
在“blog”站点中新建文档“chj.html”，并将其在文档编辑窗口中打开。 将插入点置于文档编辑窗口中，单击“插入”面板“HTML”类别中的“插件”按钮，打 开“选择文件”对话框。 在对话框的文件列表中选择要 插入的文件“cj.mp3”，并单 击“确定”按钮，插入插件， 如右图所示。
2023年自考网设计与制作试题
全国2023年７月高等教育自学考试网页设计与制作试题课程代码：009０0一、单项选择题（本大题共2５小题，每题1分,共２５分)在每题列出旳四个备选项中只有一种是符合题目规定旳，请将其代码填写在题后旳括号内。
错选、多选或未选均无分。
1．HTML语言中,设置链接颜色旳代码是（）A.<BＯDY ＢGCOLOR＝?>B.<BODY TEＸT＝?>Ｃ.<BODＹLINK=?＞ﻩD.<BOＤY VLＩＮK=？>2．下列标识中,属于单边标识旳是（）A.<HTＭL>ﻩＢ.<ＢOＤY＞C.<ＨＥＡD＞D.<HＲ>3.ＨX标识可以有对齐属性，不属于．．．该标识对齐属性旳是( ）Ａ.LＥＦＴﻩB.CEＮＴＥRC.RIGHTD.TOP4.可以使一段文字按照本来旳格式显示旳标识是（）Ａ．<PRE>ﻩＢ.＜P>C.<BＲ＞D.<NOBR＞５．&QUＯT表达旳符号是（)A.<B.>C．″ﻩＤ．&6.HTＭL代码<OL></ＯＬ>表达（)A.创立一种标号列表ﻩB.创立一种只能有符号旳列表C．创立一种符号列表 D.创立一种只能有数字旳列表７.严禁表格单元格内旳内容自动断行回卷旳HTＭＬ代码是( ）A.<tr valign＝?>B.＜tdｎowrap>C．<td rowspan=#＞ﻩD.<ｔd ｃolspaｎ=#>８.在插入图片标识中,对插入旳图片进行文字阐明使用旳标识是（)A.SHIFTﻩB．CＴRLC.CAPSﻩD.ALT9．对于＜FORM ＡCTIＯＮ=″UＲL″MＥＴHＯD＝＊>标识，其中*代表GET或( ) A.SET B．PＵＴＣ.POST D.IＮPＵT10.一种有三个框架旳Web页，实际上独立旳HＴML文献旳有（)A.2个B.3个ﻩC.4个Ｄ.５个11.CＳＳ侧重于（）A.Weｂ页旳继承性和体现ﻩﻩB.组织和查找数据C．网页旳初始创立ﻩD．Ｗeｂ页内容旳动态体现12.如下各项中不属于．．．布局属性中位置属性取值旳是()Ａ.相对ﻩB.绝对Ｃ.静态 D.动态１3．在JaｖａSｃript语言中，顾客变化表单文本旳事件是( ）A．blurﻩB.ｃhａｎgeC.subｍitﻩD．click14.在JaｖaＳcｒipt语言中,select将触发旳事件为（)A.顾客提交目前内容ﻩB．顾客单击页面某元素C.顾客变化选择对象旳值ﻩＤ.顾客选中复选框或单项选择按钮15.JavａＳcript实现对对象和措施旳访问时采用旳指示符为（)Ａ. ．ﻩＢ.→Ｃ.* D.-１6．在ＣSＳ旳BOＸ模型属性中,Marｇiｎ属性数值表达四个方向旳边距旳次序应为() A.顶、底、左、右ﻩB.左、右、顶、底C．顶、左、底、右ﻩD.顶、右、底、左１７．在CSS中旳文本属性中，文本转换属性旳取值capiｔａｌiｚe表达( )A．大写每个单词首字母Ｂ.小写每个单词首字母C．大写作有字母 D.小写所有字母18.当但愿使图片旳背景是透明旳时候,应当使用旳图像格式是（）A.JPGﻩB.PCXC.BＭPD.GIF19．ＰWS最大可以支持连接旳数量级是()A．1０ B.1０0Ｃ.100０ﻩＤ.1000０20.XML文献旳构架可以归结为一种( )A.树B．链C.列表D．图21.Java技术旳目旳在于()A.统一数据描述格式ﻩB.统一计算平台C．统一编程语言D．统一硬件平台２2.IＰ协议位于七层协议中旳（）A．会话层ﻩB.数据链路层C．传播层ﻩD．网络层２3.设计页面尺寸受到下列哪项旳影响?（)A.显示屏辨别率B.显示屏色泽C.页面大小D.制作工具２４．在网站设计中所有旳站点构造都可以归结为( )A.一级构造Ｂ.二级构造C．三级构造D．多级构造２5．网页元素包括( )A.图形图像、所有非文本性元素及在网上起装饰作用旳元素B.图形图像、文字、超级链接、表格等由作者在网页上建立旳对象C.所有构成网页旳WEB文档D.图片、文字、标志、构造布局、色调二、多选题(本大题共5小题，每题2分，共1０分)在每题列出旳五个备选项中有二至五个是符合题目规定旳,请将其代码填写在题后旳括号内。
2016年10月全国自考《网页设计与制作》试题及答案
2016年10月高等教育自学考试全国统一命题考试网页设计与制作试卷(课程代码00900)本试卷共6页，满分100分，考试时间150分钟。
考生答题注意事项：1．本卷所有试题必须在答题卡上作答。
答在试卷上无效，试卷空白处和背面均可作草稿纸。
2．第一部分为选择题。
必须对应试卷上的题号使用2B铅笔将“答题卡”的相应代码涂黑。
3．第二部分为非选择题。
必须注明大、小题号，使用0．5毫米黑色字迹签字笔作答。
4．合理安排答题空间，超出答题区域无效。
第一部分选择题(共35分)一、单项选择题(本大题共25小题，每小题1分，共25分)在每小题列出的四个备选项中只有一个是符合题目要求的，请将其选出并将“答题卡”的相应代码涂黑。
错涂、多涂或未涂均无分。
1．TCP协议工作在OSl模型中的A．应用层B．表示层C．会话层D．传输层2．用于电子邮件发送的协议是A．HTTP B．FTPC．SMTP D．TELNET3．口地址每几位为一组?A．8位B．16位C．32位D．64位4．域名系统是A．URL B．DHCPC．WWW D．DNS5. FTP一般使用的端口是A．19 B．21C．25 D．806．网页的核心语言是A．HTML B．JSPC．ASP D．UML7．Photoshop默认的图像格式后缀是A．PSD B．TTFC．JPG D．BMP8．下列不属于“所见即所得”型网页制作工具的是A．Dreamweaver B．HomeSiteC．Office套件D．FrontPage9．在网站设计时，最底层的页面是A．一级页面B．二级页面C．三级页面D．四级页面10．人们通常所说的颜色是指A．色相B．明度C．纯度D．饱和度11．在Photoshop的滤镜功能中，实现有凹凸感的墙纸效果可以选择A．Artistic中的Color Pencil B．Distort中的GlassC．Distort中的Zigzag D．Texture中的Texturizer12．创建一个HTML文档时，文档体的开始和结束标记是A．<HEAD>和<／HEAD> B．<HTML>和<／HTML>C．<TITLE>和<／TTTLE> D．<BODY>和<／BODY>13．创建一个HTML文档时，标记<pre>是A．标题标记B．居中标记C．转行标记D．预排版标记14．HTML文档中，用于设定单元格背景颜色的属性是A．width B．heightC．align D．bgcolor15．HTML文档中．嵌入图片文件”Dicl．ipF‘使用的语句是16．在HTML文件中，建立—个书签的方法是17．语句的功能是A．将框架分成30％和70％的上下两个区域B．将框架分成70％和30％的上下弼个区域C．将框架分成30％和70％的左右两个区域D．将框架分成70％和30％的左右两个区域18．关于JavaScript说法错误的是A．JavaScript的本质是编译执行的代码B．JavaScript实现了SRC属性C．JavaScript代码能方便修改D．JavaScript能有效地与DOM结合起来控错浏览器的行为19．在CSS的规则中，样式A{color：red}中，“color”是A．选择符B．属性C．赋值D．结束20．下列关于样式单说法错误的是A．能加注释B．区分大小写C．空格无效D．分析器负责样式单的检查21．在FrontPage2003的网页视图模式下，预览所编辑的网页应当选择编辑区所提供的A．普通模式B．HTML源代码模式C．预浏览模式D．人工模式22．在Flash的工作环境中，用于调整电影播放速度、安排电影播放顺序的是A．舞台B．时间轴窗口C．绘图工具栏D．控制器面板23．关于Flash的打散命令对对象的影响，下列说法错误的是A．将位图转换成填色B．将轮廓线转换成文本字符C．切断了实例同其符号的联系D．在动藏符号中会放弃除当前帧外的所有帧24．在Web服务器的MIME标准中，电子邮件的类型是A．application B．audioC．image D．message25．PWS组件中，能够支撑公司Intranet上的Web站点，或是通过ISP主持站点前开发和测试Web站点的是A．Microsoft Personal Web Server B．Microsoft Transaction ServerC．Message Queue Server1．0 D．Microsoft Data Access Components二、多项选择题(本大题共5小题，每小题2分，共10分)在每小题列出的五个备选项中至少有两个是符合题目要求的，请将其选出并将“答题卡”的相应代码涂黑。
全国4月高等教育自学考试网页设计与制作试题课程代码00900
全国4月高等教育自学考试网页设计与制作试题课程代码00900全国4月高等教育自学考试网页设计与制作试题课程代码：00900一、单项选择题(本大题共20小题，每小题1分，共20分)在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。
错选、多选或未选均无分。
1.域名系统能够将( )A.域名转换成主机名B.主机名转换成域名C.主机名转换成IP地址D.域名转换成IP地址2.“利用各种网页制作技术把客户的书面材料和相关图形有机地集成在一起”是下列哪一个国际专业流程的功能( )A.页面布局和导航B.图像制作C.内容流程D.综合内容3.下列关于重心平衡的描述错误．．的是( )A.页面重心所反映的是网页上各种元素分布的协调程度B.表示网页必须对称布局C.主要指左右重心的平衡D.设计一个网页时必须考虑的因素4.HTML语言中<strong>标记的作用是( )A.将文字变成粗体B.将文字变成斜体C.给文字加下划线D.给文字加删除线5.HTML语言中的预排版标记是( )A.<body>B.<nobr>C.<pre>D.<p>6.用来链接至不同网页中书签的标记书写格式是( )A.<a name=“object-name”>text</a>B.<a href=“#object-name”>text</a>C.<a href=“URL”>text</a>D.<a href=“URL#object-name”>text</a>7.在DHTML的四个主要组成部分中，能够实现为HTML文档定义一个与平台无关的程序接口功能的是( )A.CSSB.DOMC.脚本语言D.HTML 4.08.解释执行JavaScript的是( )A.服务器B.编辑器C.浏览器D.编译器9.用于列出所有浏览器能处理的MIME类型并引出所有已注册Plug-in的JavaScript对象是( ) A.Document对象B.Navigator对象C.Form对象D.Windon对象10.以下不属于．．．专用网页制作工具的是( )A.NotepadB.HomeSiteC.DreamweaverD.HotDog11.如题11图显示的是FrontPage操作界面的( )A.模式切换栏B.状态栏C.视图栏D.标题栏12.如题12图所示的FrontPage操作界面，其工作的模式是( )A.普通模式B.HTML源代码模式。
2018年10月自考《网页设计与制作》00900试卷及答案解析
2018年10月高等教育自学考试全国统一命题考试网页设计与制作试卷和答案(课程代码00900)本试卷共5页，满分l00分，考试时间l50分钟。
考生答题注意事项：1．本卷所有试题必须在答题卡上作答。
答在试卷上无效，试卷空白处和背面均可作草稿纸。
2．第一部分为选择题。
必须对应试卷上的题号使用28铅笔将“答题卡”的相应代码涂黑。
3．第二部分为非选择题。
必须注明大、小题号，使用0．5毫米黑色字迹签字笔作答。
4．合理安排答题空间，超出答题区域无效。
第一部分选择题一、单项选择题：本大题共25小题，每小题l分，共25分。
在每小题列出的备选项中只有一项是最符合题目要求的，请将其选出。
1．用于实现计算机之间的文件传输的协议是A．HTTP B．FTPC．SMTP D．POP32．在协议软件中，IP地址由几位二进制数表示?A．8位 B．16位C．32位 D．64位3．网站的每个栏目的起始页是A．一级页面 B. 二级页面C．三级页面 D．四级页面4。
网页的核心是A．XML语言 B．Java语言C．HTML语言 D. JavaScript语言5．在彩色属性中，反映颜色原貌的是A．色相 B．饱和度C．明度 D．亮度6．HTTP协议的默认端口号是A．2l B. 27C.53D. 807。
在Photoshop中，一张图可以建立的图层数是A．40个 B．60个 C．80个 D．100个8．在Photoshop滤镜中，能产生纹理图像效果的是A．Distort中的Glass B．Distort中的TexturizerC．Distort中的Zigzag D．Distort中的Pencil9．在HTML语言中，特殊符号“>”的HTML表示法是A．> B．<C。
& D．"10．在HTML中，以下属于单边标记的是A．<HTML> B．<HEAD>C．<BR> D. <A>11．在JavaScript对象中，包含了许多当前文档信息的是A。
自考0900网页设计与制作--课程性质、学习内容、考试简介及学习方法
五、学习方法
1、使用本考试大纲推荐的教材 2、阅读本大纲推荐的参考书 3、使用为本课程设计的"辅导与练习”。 4、保证领会和掌握考核知识点中所列出的所有内容 5、能够4根据考核内容的要求提供自己的实例 6、尽可能地积累大量与课程内容有关的实践经验 7、利用书籍、参观访问、电视、网络等手段，发现各种网页设计技术 8、应用自己的实践经验和所学知识，分析各种不熟悉的案例
三、课程内容与考核要求
三、课程内容与考核要求
三、课程内容与考核要求
三、课程内容与考核要求
四、关于大纲的说明与考核实施要求
1、本课程共5学分，学习过程中要理解和掌握基本理论与基本方法， 并联系实际对案例进行分析。 2、本课程对不同能力层次要求的分数比例大致为：识记占33%，领会 占33%，应用占34%。 3、试卷满分100分，60分及格。考试时间：150分钟，闭卷 4、考试的题型一般有单选题、多选题、名词解释题、简答题、论述题、 综合应用题等题型。
《网页设计与制作》
《课程性质、学习内容、考试简介及学习方法》
课程代码：0900
主要内容
一、课程性质与课程目标 二、考核目标 三、课程内容与考核要求 四、关于大纲的说明与考核实施要求 五、学习方法
一、课程性质与课程目标
1、课程性质和特点
• （a）课程设置目的：使考生掌握目前流行的各种网页设计工具 • （b）特点：课程学习将以案例助学与教学相结合为主。通过课程的学习，使
考生掌握阅读、分析计算机与商务应用案例的技巧
一、课程性质与课程目标
2、课程目标
1.了解互联网、超文本页面的主要概念和术语； 2.掌握策划 Web站点的基本原则和设计方法； 3. 熟练掌握Web页制作基本的HTML(超文本标记语言）； 4.了解 DHTML、JavaScript、VBScript等动态页面实现技术； 5. 掌握一到两种Web站点快速开发工具的使用方法和技巧； 6.了解一到两种可以进行图形处理、网页动画编辑的工具； 7.了解将来Web页面技术的发展方向。
全国2006年4月至2011年7月高等教育自学考试网页设计与制作试题及答案
全国2006年4月高等教育自学考试网页设计与制作试题课程代码：00900一、单项选择题（本大题共25小题，每小题1分，共25分）在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。
错选、多选或未选均无分。
1．作为XML文件，其必要条件是（）A．可索引化B．能够描述一定的信息C．以XML为第一个标记开头D．符合“结构良好的”标准2．下面关于XML和HTML描述错误．．的是（）A．XML比HTML功能强大B．HTML着重描述Web页格式，XML着重描述Web页内容C．HTML和XML书写格式上基本相同D．XML具有严密性、可扩展性、互操作性和开放性的特点3．在XML的声明中，encoding缺省的属性是（）A．GB2312 B．BIG5C．UTF-8 D．UTF-164．在CSS中使用背景图片需要使用参数（）A．image B．urlC．style D．embed5．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过6．外部式样式单文件的扩展名为（）A．．js B．．domC．．htm D．．css7．样式单中注释语句的标记为（）A./*……*/B.//……C.*……*D.<! ……!>8．DOM的含义是（）A．文档对象模型B．层叠样式表C．客户端脚本程序语言D．级联样式表9．在JavaScript语言中，Mouseover将触发的事件为（）第1页A．离开页面B．鼠标离开C．鼠标经过D．鼠标单击10．关于JavaScript的说法错误．．的是（）A．是一种脚本编写语言B．是面向结构的C．具有安全性能D．是基于对象的11．下面哪种CSS的写法会产生错误．．?（）A．H3，H4&H5{color：red}B．body{font-size：12pt；text-indent：3 em；}C．A{color：red}D．font．html{color：#191970}12．DHTML的组成部分中，控制用XML或HTML语言编写文档的显示的是（）A．HTML B．脚本语言C．DOM D．CSS13．现要设计一个可以输入电子邮件地址的WEB页，应该使用的语句是（）A．<INPUT TYPE=RADIO>B．<INPUT TYPE=TEXT>C．<INPUT TYPE=PASSWORD>D．<INPUT TYPE=CHECKBOX>14．HTML的颜色属性值中，RED的代码是（）A．″#808080″B．″#0000FF″C．″#00FF00″D．″#FF0000″15．HTML中，合并两个单元格应该使用的属性是（）A．colspan B．nowrapC．colwrap D．nospan16．HTML中定义一个书签应使用的语句是（）A．<a target=″#object-name″>text<／a>B．<a href=″#object-name″>text<／a>C．<a link=″#object-name″>text<／a>D．<a name=″#object—name″>text<／a>17．HTML语言中，<body alink=?>表示（）A．设置背景颜色B．设置被激活时的链接的颜色C．设置未访问的链接的颜色D．设置已访问过的链接的颜色18．若要在浏览器的标题栏显示文字，应该使用的标记是（）A．<TITLE> B．<BODY>第2页C．<A> D．<HEAD>19．文件目录设置时应该注意的是（）A．文件目录要简明，尽量把同一类型的网页放在同一目录中B．紧扣主题，设置站点指南，设置双向交流栏目，设置FAQC．要按照网页分类设置目录即首页要放在一个目录中，一级网页要放在另一目录中D．为了让浏览者对网站更加了解可以考虑用中文设置文件目录名20．在FrontPage2000中，虚拟目录（）A．必须建立在保存站点文件所在的物理目录中B．必须与保存站点文件所在的物理目录位于同一物理磁盘上C．可以位于网络中的不同物理位置D．只能是虚拟主机使用的目录21．FrontPage2000提供的工作模式中，能进行可视化编辑的是（）A．导航模式B．HTML模式C．视图模式D．普通模式22．合理组织网站链接结构的根本目的在于（）A．链接最少，使浏览者不会迷路B．最少的链接使得浏览最有效率C．链接最少，保证网站内的目录结构不乱D．考虑到网络情况，尽量少用链接就可以减少浏览器下载网页的负担23．任何一个网站用三级结构实现时，位于最底层的是（）A．文章页B．导航页C．栏目页D．首页24．下列关于HTML的说法正确的是（）A．HTML是网页的核心，是一种超文本标记的程序设计语言B．通过网页浏览器阅读HTML文件时，WEB服务器负责解释插入到HTML文本中的各种标记C．HTML是网页的核心，是一种超文本标记的语言，它是页面描述语言D．编制HTML文件时不需要加入任何标记(tag)25．目前在Internet上应用最为广泛的服务是（）A．FTP服务B．WWW服务C．Telnet服务D．Gopher服务二、多项选择题（本大题共5小题，每小题2分，共10分）在每小题列出的五个备选项中有二个至五个是符合题目要求的，请将其代码填写在题后的括号内。
自考0900网页设计与制作_第二、三章 网页设计原则、风格以及构图与色彩
在图像中实际不存在的颜色，从而达到一种补偿目的；抖动的图像有很多颗粒， 显得非常粗糙。 • 抖动并不是坏现象，在网页上，若想尽量减少ＧＩＦ尺寸，又想让图形文档看起 来依旧流畅，就用抖动来实现。
二、网页设计的原则与页面风格
4、站点结构实例分析 （1）IBM的主站点
主页面
二、网页设计的原则与页面风格
4、站点结构实例分析 IBM的主站点
二级页面
二、网页设计的原则与页面风格
4、站点结构实例分析 IBM的主站点
三级页面
二、网页设计的原则与页面风格
4、站点结构实例分析 （2）公共信息站点结构
三、网页构图与色彩
2、页面色彩以及图片格式的使用
（2）色彩的基本概念
不同色彩内涵：
• 红色：热情、奔放、喜悦、庆典
• 黑色：严肃、夜晚、沉着
• 橙色：光明、华丽、兴奋、甜蜜、快乐 • 棕色：代表土地
• 黄色：高贵、富有、明朗、愉快、希望
• 绿色：生命、生机、新鲜、和平、柔和、安逸、青春
• 蓝色：智慧、深远、永恒、沉静、理智、诚实、寒冷
二、网页设计的原则与页面风格
2、站点的整体风格 非商业站点的风格:
二、网页设计的原则与页面风格
2、站点的整体风格 非商业站点的风格: • 强调页面的主色调。 • 主题图形要求反映单位的风采，设计应有创意、有内涵、庄重中不乏活泼 • 超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎 • 重要的信息查看板。两种方法：直接放在主页和在主页添加超链接
三、网页构图与色彩
2、页面色彩以及图片格式的使用 （3）色彩和GIF、JPEG文件格式
科目-网页设计与制作及答案
科目-网页设计与制作目录•一、引言•二、技术背景•三、网页设计流程•四、网页制作工具•五、常见问题解答•六、总结一、引言在当今信息时代，网页设计与制作是一个非常重要的技能。
几乎所有的企业、机构和个人都需要一个专业而吸引人的网站来展示他们的产品或服务。
本文将介绍网页设计与制作的基本概念、技术背景、设计流程、常见工具以及常见问题的解答。
二、技术背景在进行网页设计与制作之前，首先需要了解一些基本的技术背景知识。
以下是一些常见的技术背景：•HTML: 超文本标记语言，用于定义网页结构。
•CSS: 层叠样式表，用于定义网页的样式和布局。
•JavaScript: 一种脚本语言，用于实现网页的交互和动态效果。
•响应式设计: 一种设计技术，使网页能够在不同设备上呈现出最佳的用户体验。
三、网页设计流程网页设计流程是一个固定的步骤序列，以确保设计与制作的顺利进行。
以下是一个常见的网页设计流程：1.需求分析：了解客户的需求和目标，确定网页的功能和主题。
2.创意阶段：进行创意的头脑风暴，产生多个设计方案。
3.页面布局：确定网页的整体结构和布局，包括导航栏、内容区域等。
4.图形设计：选择合适的颜色、字体、图像等，以提高视觉效果。
5.编写代码：使用HTML、CSS和JavaScript等技术，实现设计的功能。
6.测试与优化：测试网页在不同浏览器和设备上的兼容性，并根据反馈进行优化。
7.发布上线：将完成的网页上传到服务器，使其对外可访问。
四、网页制作工具在网页设计与制作过程中，有许多工具可以帮助设计师更高效地完成工作。
以下是一些常见的网页制作工具：•Adobe Dreamweaver: 一款专业的网页编辑器，提供了丰富的功能和工具。
•Sublime Text: 一个轻量级的文本编辑器，拥有丰富的插件和代码提示功能。
•Photoshop: 图像处理软件，用于编辑和优化网页中的图像。
•Sketch: 一个专为网页设计师打造的矢量绘图工具。
精品课件-图像处理及网页制作-第4章
23
4.2.2 曲线路径的绘制 钢笔工具和自由钢笔工具都可以用来绘制曲线路径。 1. 用钢笔工具绘制曲线路径 用钢笔工具绘制曲线路径的方法与前面介绍的绘制直线
路径的方法稍有差别，主要不同是在绘制曲线路径时,曲线上 每一个控制点两边会显示一条或两条控制线。控制线和控制 点的位置将决定所绘曲线的形状，如图4-7所示。
10
使用路径选择工具可对路径进行移动、复制和添加；直 接选择工具则可有效地选取图像中任何一条路径，并通过控 制点或控制线来调整该路径。它们被放置在同一个工具箱中， 用鼠标单击工具箱上路径选择工具右下方的黑色三角形，可 打开该组工具，如图4-3的右图所示。
11 图4-3 常用的路径工具
12
(1) 钢笔工具 ：用于绘制直线和曲线路径。 (2) 自由钢笔工具 ：用于创建不规则的路径，其 使用方法和套索工具相同。如果对于创建的路径不满意， 可以使用其他路径工具进行修正，不必重新创建路径。 (3) 增加锚点工具 ：在路径中添加锚点。
不同的几何图形按钮
图4-5 钢笔工具选项栏
20
(2) 将钢笔工具移到直线路径的起始点，单击鼠标确定 第一个锚点。
(3) 将钢笔工具移到直线路径的终点，再次单击鼠标确 定另一个锚点，两个锚点之间自动用直线连接。若进行上述 操作时按住Shift键，则生成的直线路径可以是水平线、垂直 线或45°倍数角度的直线路径。
● 表示创建路径，单击此按钮后，无论用钢笔工 具、自由钢笔工具或使用不同的几何图形按钮产生的都 是路径。
● 表示填充像素，单击此按钮和不同的几何图形 按钮后可产生几何图形和自定义几何图形。
● 自动添加/删除，若选中此项，则在使用钢笔工具
19 ● 表示填充像素，单击此按钮和不同的几何图形 按钮后可产生几何图形和自定义几何图形。 ● 自动添加/删除，若选中此项，则在使用钢笔工具 时，可在路径上添加和删除锚点。
网页设计与制作模块4
必备知识
任务切割图片
任务描述 任务目标 任务分析 任务实施 任务评价 任务总结时候，多用photoshop制作整体页面，以达到网页整理色调协调的目的， 在图片上传时，一整张网页图片不仅上传容易产生数据丢失，且在打开网页的过程中，浏览器 也需要逐一读取，导致网页打一速度慢，因此我们需要把一整张图切割成N个小图，证浏览器 同时开打每个小图，以加快网页展开速度。 2.切图注意事项 网页设计的切图，最好先用PS做出效果图，然后进行切图，切出的图片常用的格式为：jpg、 gif、png。 （1）切图的原则：①分析图片,了解图片布局(切图时就知道布局的div+css怎么写) 2.图切的 大小越小越好。②图切的数量越少越好。 那对于一整张图来说，同时达到这两个原则是相互 矛盾的，所以一个网页差不多切成20-30个图就可以了，这样网页的加载速度是不会受影响的。 （2）切图的技巧： ①一行一行的切图。 ②背景的切成小条。③不能分开的不分好了， 选行的时候要注意怎么样合理。④能取整数，则取整数 能整则不零 。⑤切图的时候要放大 至少到300%，因为一次移动一个像素就非常明显，否则肯定是不能会有遗漏，不会达到和原 图一样的效果，切图完成后就好检查一下隔行的像素值加起来是不是整个图片的宽度，一定要 仔细 注意：图片应该是平均切，而不是大一块，小一块的，以免图片出现速度不平衡，切图 切的好不好，在我们打开这个站点时候看到图片出来的先后顺序和速度是可以发觉的。 ⑥对 于零散的图片，必须使用拼图，可以提高页面的加载速度。拼图时，注意图片必须是透明，一 般是gif图。注意图层的左右上下分布。注意：拼完图片后，记住保留psd文件。
任务切割图片
任务描述 任务目标 任务分析 任务实施 任务评价 任务总结 必备知识
网页设计与制作第4章 使用图像和媒体
4.2.1
教学案例━━五月飞雪
4.2.2
设置背景
在制作网页时，经常需要设置背景图像或背景颜色。设置整个 网页的背景图像或背景颜色，可通过【页面属性】对话框进行。
4.2.3
插入图像
一、通过【选择图像源文件】对话框插入图像。在插入图像时， 有时会弹出【图像标签辅助功能属性】对话框。
4.2.3
插入图像
4.3.7 RM
RM格式是Real Networks公司开发的一种流媒体视频文件格式 （文件扩展名为“.rm”）。RM可以根据网络数据传输的不同速率制 定不同的压缩比率，从而实现低速率的网络进行视频文件的实时传 送和播放。它主要包含Real Audio、Real Video和Real Flash三部分。 这种格式的一个特点是用户使用RealPlayer或RealOnePlayer播放器可 以在不下载音频/视频内容的条件下实现在线播放。RM格式一开始就 定位在视频流应用方面，可以说是视频流技术的始创者。 RM格式的 诞生，使得流文件为更多人所知。这类文件可以实现即时播放，即 先从服务器上下载一部分视频文件，形成视频流缓冲区后实时播放， 同时继续下载，为接下来的播放做好准备。这种“边传边播”的方 法避免了用户必须等待整个文件从网络上全部下载完毕才能观看的 缺点，因而特别适合在线观看影视。RM主要用于在低速率的网上实 时传输视频的压缩格式，它同样具有小体积而又比较清晰的特点。 RM文件的大小完全取决于制作时选择的压缩率。
425图像占位符选择菜单命令插入图像对象图像占位符或者在插入面板的常用类别中单击图像按钮组中的图像占位符或者在插入面板的常用类别中单击图像按钮组中的图像占位符按钮打开图像占位符对话框根据需要设置参数即可
第4 章
使用图像和媒体
00900《网页设计与制作》复习资料
《网页设计与制作》自考课程复习资料1．网络协议分为：硬件协议和软件协议。
2．TCP/IP协议：TCP为传输控制协议，工作在传输层，FTP默认端口号为21；IP为网际协议，工作在网络层，WEB默认端口号为80；Telnet为远程登录协议，默认端口号为23；SMTP为简单邮件传输协议，默认端口号为25；POP3为邮局协议，默认端口号为110。
3．IP地址：由32位二进制数表示，每8位为一组，以圆点“．”分隔；其中IP直观表示时采用十进制，每组的有效范围是0~255；主要分为三个层次，分别是主机、由主机构成的网络和网络构成的互联网；IP分为5类IP地址，A类1~126，B类128~191，C类192~223，D类224~239，E类240~254。
4．域名与域名系统：IP是三个层次的由数字表示，而域名是多个层次由字符表示，域名分为国内域名（中国.cn）和国际域名（商业.com/网络.net/教育.edu/政府.gov/组织.org），DNS即（Domain Name System/ Domain Name Server）实现域名与IP地址的一一对应关系。
5．URL：即统一资源定位器，基本格式为：访问类型：//访问主机[：端口号]/访问的文件。
6．网页：即基于超文本和超媒体的信息载体；超文本指一个网页可以通过事先嵌入的超级链接跳转到存储于其他任何地方的网页；超媒体指网页包含了种种多媒体信息或多媒体链接。
7．网页的核心是HTML，它并不是一种程序设计语言，而是一种页面描述语言。
8．WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。
9．超媒体的两大应用：一是指网页中的图形本身就是一个链接，二是指WEB链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。
10．目前流行的两大浏览器：Internet Explorer和Netscape Navigator。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
在画布上使用选择工具绘制矩形框后，在画布任意位置点击; 或者单击select菜单—单击None • 选中全部：Ctrl+A；或单击select菜单—单击All
四、Photoshop
6、铅笔工具及放大镜工具 • 选择铅笔工具（W），绘制线条。如下图，铅笔绘制出的笔迹带有锯齿 • 切换放大镜：选中放大镜，默认是放大，按住Alt键，同时使用放大镜就是缩小
菜单栏
工具箱
功能调色板
四、Photoshop
3、建立新文件
① 打开文件的方式： ② 文件菜单下的Open ③ Ctrl+O ④ 双击工作桌布 新建文件的方式 ① 文件菜单下的New ② Ctrl+N ③ Ctrl+双击工作桌布
文件名 预设尺寸
宽 高 分辩率 模式 内容 白色 背景色 透明
设置像素
四、Photoshop
10、更改颜色与调节透明度 • 调节透明度：在工具属性区设置不透明度即可调整画笔的透明度
四、Photoshop
11、文件保存、文件格式 • 文件保存：文件—保存（存储），给
文件命个名即可
• 文件格式：后缀为.ps。默认保存的文 件格式是.ps
• 保存为其他文件：选择“保存—存储 为”，弹出框中选择对应的图像格式
6、用橡皮取出树叶 • 隐藏背景，便于对树叶图层进行修改 • 在橡皮属性选项中，将效果选为paint-brush（画笔效果） • 用橡皮擦掉周围多余的白色部分，可通过 调整笔尖大小及透明度，保证树叶边缘的 柔和
四、Photoshop—进一步认识Photoshop
7、移动和旋转图像 • 旋转调整好的树叶，选择“编辑-变形-旋转”，出现一个矩形框，鼠标移到边
《网页设计与制作》
——第四章 《Photoshop》
课程代码：0900
四、Photoshop
2、启动Photoshop
两种启动方式： 1、开始菜单-----程序------Adobe photoshop 2、双击桌面的快捷图标
四、Photoshop
2、启动Photoshop 界面组成：菜单栏，工具箱，功能调色板
4、画笔工具 • 单击画笔（U），按钮按下，画布上按住左键拖动即可画出不同线条。 • 可通过工具属性栏调整线条粗细
笔刷大小
流动
模式设置
不透明度
喷枪
四、Photoshop
5、选择工具与清除图像
• 选择虚线框工具（选择工具），拖动鼠标左键，即可选中画布中的元素 • 清除图像：选中元素后，按键盘上Delete或backspace键 • 取消选择：
框附近，当箭头变为折成90度的箭头时，按住左键就可以实现旋转
四、Photoshop—进一步认识Photoshop
8、用橡皮图章擦除原有树叶 作用：取样复制图像 按住Alt键进行取样，松开Alt键进行复制
Brush:笔刷
Mode 模式
Opacity:不透明度设置： Flow:流动 设定每个点的色彩浓度百分比
将Brush Size（画笔大小）选为Precise （精确）即可
高版本PS，如Photoshop CC，中可通 过“编辑—首选项—光标” 进行设置， 如右图
四、Photoshop
10、更改颜色与调节透明度
• 更改颜色：单击工具栏的颜色盘，在前 景色上单击，出现拾色器（取色板）。 在2的位置，拾取颜色，在3的地方点击 确认精确颜色即可。
椭圆工具等，可绘制多种图形。 • 选中椭圆，按住shift键，就可以画圆
四、Photoshop—进一步认识Photoshop
3、使用拷贝和粘贴方法建立新层 • 建立新层的作用：可以对选中图像进行修改、
涂写，不影响原有图层 • 操作方法： ① 按ctrl和+，放大图像；矩形选择框选择叶子； ② 编辑—拷贝，在任意位置点击，取消选择； ③ 编辑—粘贴
四、Photoshop—进一步认识Photoshop
1、复制画面图像
选中图像一部分，按住Ctrl+Alt,拖动鼠标即可实现图像复制；若仅按住Ctrl，
则是剪切掉图像一部分，如下图
复制
剪切
四、Photoshop—进一步认识Photoshop
2、选择工具的矩形与椭圆形式 • 点击矩形右下角小三角，点击后出现如右下图的工具，可选择矩形工具、
四、Photoshop—进一步认识Photoshop
9、图层合并与存盘 单击图层调色板右上角的小三角，选择平整图像（高版本为“合并可见图层”） 即可
四、Photoshop—特殊功能
1、图像层次曲线 选中图层，单击“编辑-调整-Levels（色阶）”，即可调整色彩层次曲线 可自动调整；也可手动拖动进行调整。调整后色彩更丰满。
四、Photoshop—特殊功能
2、图像色彩曲线 选中图层，单击“编辑-调整-曲线”，即可调整色彩曲线 把曲线调整为S型，可调整色彩饱和度；调到特殊位置，会形成强烈的色彩效果
四、Photoshop—特殊功能
4、亮度与对比度 选中图层，单击“编辑-调整-亮度/对比度”，即可调整图片的明暗及对比度
四、Photoshop—特殊功能
四、Photoshop—进一步认识Photoshop
4、建立新图层 另一种创建图层的方法： 在右侧图层面板下方，点击底部 按钮 单击后即新建一个图层
四、Photoshop—进一步认识Photoshop
5、图层间的关系及透明 • 图层与图层之间是覆盖的，上面的图层会覆盖
下方图层。
• 可通过点击图层前面的眼睛隐藏图层，以便查 看另一图层内容
铅笔工具 放大镜
四、Photoshop
7、喷枪工具 • 选择喷枪工具（X），绘制线条。如下图，喷枪绘制出的笔迹边缘柔和，按住时间
越长，笔道越深
喷枪工具
四、Photoshop
8、橡皮工具 • 选择橡皮擦（Y），在需要删除的对象上进行擦除即可
橡皮工具
四、Photoshop
9、光标形状设置 • 文件菜单---属性---显示与光标，然后
四、Photoshop—制作一幅漂亮的图片
3、改变画布大小 选择菜单栏的“图像”，点击后，在下拉菜单中选择“画布大小”
谢谢大家！
5、Photoshop的滤镜 单击菜单栏的“滤镜”，在下拉列表中选择自己的滤镜效果，比如“油画”
四、Photoshop—制作一幅漂亮的图片
2、用图层屏蔽精确选中树叶 选中图层调色板右下角图层蒙版按钮，单击后，图层后就会出现白色的框，就 是屏蔽缩影层，在屏蔽层上画一下，树叶就会变成透明
图层屏蔽的作用：如果屏蔽中的是黑色，那么该层对应区域内容就会变成透明， 白色的部分显示，灰色的是半透明
四、Photoshop
3、建立新文件
• 像素Pixels是图像的最小组成部分，即一个点。通常所说的分辨率 800*600，就是指横向800点，纵向600点
• Resolution是解析度，也叫做精度，单位是dpi,是每英寸多少个点 的简称。对显示无影响，如果是打印，则需要300dpi以上
四、Photoshop
四、Photoshop—进一步认识Photoshop
5、图层间的关系及透明 • 通过上下拖动图层，可以调整图层的上下关系 • 图层中最下面的是背景层，背景层不能被调整上下关系 • 隐藏背景后，其他图层会显示出来，灰白 交织的网格即透明部分，无具体内容
四、Photoshop—进一步认识Photoshop