资源描述
第1章 网页制作基础
1．浏览一些知名网站，观察它们各自的网页布局和内容组成元素，然后思考网页与网站的关系。
提示：
制作网页需要了解页面布局的基本类型，常见的有：一字型结构、左右型结构、川字型结构、二字型结构、三字型结构、厂字型结构、匡字型结构、同字型结构和回字型结构等。不管网页有多长，其结构大多是以上几种结构类型的综合应用。
网页是用来传递信息的，传递信息的形式主要以文本和图像为主，它们是构成网页的两个最基本的元素。除此之外，网页的内容元素还包括动画、音乐、视频等。
网页就是通过浏览器看到的一个个页面。一个功能多样的网站就是由多个网页组成的。网页是构成网站的基本元素，是承载各种网站应用的平台。网站是一种沟通工具，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的信息或者享受网络服务。
2．用本章所学的HTML知识创建一个简单的网页文档。
提示：
首先在Windows中打开记事本，在其中输入相应的代码和所要显示的内容，然后选择【文件】/【保存】命令，打开【另存为】对话框，在【文件名】文本框中输入文件名，并将默认的文件扩展名“*.txt”修改为“*.htm”，最后单击按钮保存HTML文档。
第2章 Dreamweaver CC 2017基础
1．在硬盘上建立一个名称为“mysite”的文件夹，然后利用该文件夹在Dreamweaver CC 2017中创建一个名称为“学习天地”的本地站点，在站点文件夹内创建“pic”和“mp3”两个文件夹和一个名称为“index.htm”的网页文件。
提示：
(1) 在硬盘上建立一个名称为“mysite”的文件夹。
(2) 在Dreamweaver CC 2017中，选择菜单命令【站点】/【新建站点】，打开站点设置对象对话框。
(3) 在【站点名称】文本框中输入站点的名字“学习天地”，在【本地站点文件夹】文本框中设置本地站点位于的文件夹“mysite”。
(4) 在【文件】面板中，在站点根文件夹上单击鼠标右键，在弹出的快捷菜单中选择【新建文件夹】命令，依次创建“pic”和“mp3”两个文件夹。
(5) 在【文件】面板中，在站点根文件夹上单击鼠标右键，在弹出的快捷菜单中选择【新建文件】命令，创建名称为“index.htm”的网页文件。
2．自行搜集图像和文本素材，在Dreamweaver CC 2017中打开上述站点中的文档“index.htm”，添加文本和图像，要求文本格式设置恰当，图像使用合理。
提示：
请参考本章2.3和 2.4两节有关内容。
第3章 超级链接和CSS样式
1．简述超级链接常见类型。
提示：
根据链接载体形式的不同，超级链接可分为文本超级链接、图像超级链接和表单超级链接3种。
根据链接目标位置的不同，超级链接可分为内部超级链接和外部超级链接两种。
根据链接目标形式的不同，超级链接可分为网页超级链接、下载超级链接、电子邮件超级链接、空链接和脚本链接5种。
2．简述对CSS层叠次序的理解。
提示：
CSS允许以多种方式设置样式信息。CSS样式可以设置在单个的HTML标签元素中，也可以设置在HTML页的头元素内，或者设置在外部CSS文件中，甚至可以在同一个网页文档内引用多个外部样式表。当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中内联样式（在HTML元素内部）拥有最高的优先权，然后依次是内部样式表（位于<head>标签内部）、外部样式表、浏览器默认设置。因此，这意味着内联样式（在HTML元素内部）将优先于以下的样式声明：<head>标签中的样式声明，外部样式表中的样式声明或者浏览器中的样式声明（默认值）。
3．自行搜集素材创建一个网页文档，要求使用超级链接并设置CSS样式。
提示：
请参考本章3.1和3.2两节有关内容。
第4章 表格和Div+CSS
1. 简述表格的主要作用。
提示：
在网页制作中，表格不仅可以组织数据，还可以定位网页元素，甚至还可以用来制作一些特殊效果。组织数据是表格最基本的作用，如成绩单、工资表、销售表等。页面布局是表格组织数据作用的延伸，由简单地组织一些数据发展成定位网页元素，进行版面布局。制作特殊效果，如制作细线边框等，若结合CSS样式会制作出更多的效果。
2. 简述选择表格的方法并加以练习。
提示：
选择整个表格最常用的方法有以下几种。
(1) 单击表格左上角或单击表格中任何一个单元格的边框线。
(2) 将鼠标光标置于表格内，单击鼠标右键，在弹出的快捷菜单中选择【表格】/【选择表格】命令。
(3) 将鼠标光标移到表格内，表格上端或下端弹出绿线的标志，单击绿线中的按钮，从弹出的下拉菜单中选择【选择表格】命令。
将鼠标光标移到表格内，单击文档窗口左下角相应的<table>标签。
3. 简述合并和拆分单元格的常用方法并加以练习。
提示：
合并单元格是指将多个单元格合并成为一个单元格。首先选择欲合并的单元格，然后单击鼠标右键，在弹出的快捷菜单中选择【表格】/【合并单元格】命令，也可单击【属性】面板左下角的按钮进行单元格合并。
拆分单元格是针对单个单元格而言的，可看成是合并单元格的逆操作。首先需要将鼠标光标定位到要拆分的单元格中，然后在鼠标右键快捷菜单中选择【表格】/【拆分单元格】命令，也可单击【属性】面板左下角的按钮，打开【拆分单元格】对话框，如图4-18所示。在【把单元格拆分】选项组包括【行】和【列】两个选项，这表明可以将单元格纵向拆分或者横向拆分。在【行数】或【列数】文本框中可以定义要拆分的行数或列数。
4. 简述盒子模型的类型。
提示：
W3C组织建议把网页上的对象放在盒子中，CSS盒子模型有两种，分别是标准W3C盒子模型和IE盒子模型。标准W3C盒子模型，其范围包括margin、border、padding、content，其中content部分的宽度和高度不包含border和padding部分。
IE盒子模型，其范围也包括margin、border、padding、content，但与标准W3C盒子模型不同的是，IE盒子模型content部分的宽度和高度包含了border和pading部分。
5. 自行搜索素材并制作一个网页，要求使用表格进行页面布局。
提示：
请参考本章4.1和4.3.1两节有关内容。
6. 自行搜集素材并制作一个网页，要求使用Div+CSS进行页面布局。
提示：
请参考本章4.2和4.3.2两节有关内容。
第5章 表单和行为
1．分别简述对表单和行为的理解。
提示：
行为的基本元素有两个：事件和动作，事件是触发动作的原因，动作是事件触发后要实现的效果。行为是事件和事件触发的动作的组合，是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。事件是由浏览器生成的消息，它提示该页的浏览者已执行了某种操作。动作是一段预先编写的JavaScript代码，可用于执行相应的任务。
表单提供了从用户那里收集信息的方法。表单通常由两部分组成，一部分是用来搜集数据的表单页面，另一部分是用来处理数据的应用程序。表单输入类型称为表单对象，表单对象是允许用户输入数据的机制。表单对象名称可以使用字母、数字、字符和下划线的任意组合，但不能包含空格或特殊字符。
2．使用本章所介绍的表单知识制作一个表单网页。
提示：
请参考本章5.1节有关内容。
3．使用本章所介绍的行为知识制作一个网页。
提示：
请参考本章5.2节有关内容。
第6章 移动设备网页
1. 简述对jQuery Mobile的理解并练习其组件使用方法。
提示：
简单地说，jQuery是一个JavaScript函数库，它极大地简化了JavaScript编程。jQuery设计的理念是“写得更少、做得更多”。jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器。
2. 简述对Bootstrap的理解并练习其组件使用方法。
提示：
简单地说，jQuery是一个JavaScript函数库，它极大地简化了JavaScript编程。jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。Bootstrap在jQuery的基础上进行了更为个性化的完善，形成了一套自己独有的网站风格，并兼容大部分jQuery插件。Bootstrap中包含丰富的Web组件，使用这些组件可以快速搭建一个美观且功能齐全的网站。
3. 简述对jQuery UI的理解并练习其部件使用方法。
提示：
jQuery UI是以jQuery为基础的开源JavaScript网页用户界面代码库，包含底层用户交互、动画、特效和可更换主题的可视控件。用户可以直接用它来构建具有交互性的Web应用程序。jQuery UI实际上是由jQuery官方维护的UI方向的jQuery插件。jQuery UI主要分为3个部分：交互、微件和效果库。jQuery UI包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式稍有不同。所有的 jQuery UI 小部件使用相同的模式，只要会使用其中一个，就知道如何使用其他的小部件。
第7章 模板和站点发布
1. 简述对库项目和模板的理解。
提示：
库是一种特殊类型的文档，其中包含可放置到网页中的一组单个资源或资源副本。库中的这些资源称为库项目，也就是要在整个网站范围内反复使用或经常更新的元素。当编辑某个库项目时，可以自动更新所有使用该项目的页面。在Dreamweaver中，创建的库项目保存在站点的“Library”文件夹内，“Library”文件夹是自动生成的，不能对其名称进行修改。
模板是一种特殊类型的文档，用于设计固定的并可重复使用的页面布局结构。基于模板创建的网页文档会继承模板的布局结构，在批量制作具有相同版式和风格的网页时使用模板是一个不错的选择，而且模板变化时可以同时更新基于该模板创建的网页文档，从而提高站点管理和维护的效率。模板操作必须在Dreamweaver站点中进行，如果没有站点，在保存模板时系统会提示创建Dreamweaver站点。在Dreamweaver中，创建的模板文件保存在站点的“Templates”文件夹内，“Templates”文件夹是自动生成的，不能对其名称进行修改。
2. 创建一个库项目并添加相应的内容。
提示：
请参考本章7.1节有关内容。
3. 根据自己的喜好和兴趣创建一个关于某一主题的模板，然后根据模板创建一个网页。
提示：
请参考本章7.2节有关内容。
第8章 Animate CC 2017基础
1. 简述舞台和场景的概念。
提示：
舞台是在创建Animate文档时放置图形内容的矩形区域，可以在其中绘制图形，也可以在舞台中导入需要图像、媒体文件等，默认情况下是一幅白色的画布。创作环境中的舞台相当于 Flash Player或Web浏览器窗口中在播放期间显示文档的矩形空间。舞台之外的灰色区域称为后台区，在设计动画时，往往要利用后台区做一些辅助性的工作，但主要内容都要在舞台中实现。这就如同演出一样，在舞台之外（后台）可能要做许多准备工作，但真正呈现给观众的只是舞台上的表演。
在电影或话剧中，经常要更换场景。在动画制作中为了设计的需要，如要按主题组织文档，可以使用单独的场景用于简介、出现的消息以及片头片尾字幕等。使用场景类似于使用几个FLA文件一起创建一个较大的演示文稿。每个场景都有一个时间轴。文档中的帧都是按场景顺序连续编号的。
2. 简述图形的种类。
提示：
图形通常包括位图图像和矢量图形两种。位图也叫点阵图或栅格图像，是由称作像素的单个点组成的。矢量图也称向量图，在数学上定义为一系列由直线或曲线连接的点，而计算机是根据矢量数据计算生成的。
3. 简述分离图像的作用。
提示：
在具体应用中，为了编辑的需要，有时需要将位图等对象分离为单独的可编辑元素，这也可以极大地减小导入图形的文件大小。位图图像被分离后，当其处于被选中状态时，位图图像上将被均匀地蒙上了一层细小的白点，这表明该位图图像已完成了分离操作。
4. 简述文本的类型。
提示：
在Animate CC 2017中，文本类型分为3种：静态文本、动态文本和输入文本。
5. 运用本章所学知识自行设计一个图文并茂的界面。
提示：
请参考本章有关内容。
第9章 动画制作基础
1. 简述导入素材的基本方法。
提示：
Animate CC 2017作为矢量动画处理程序，可以将外部位图、音频和视频等文件导入作为特殊的元素应用。新建一个文档，选择菜单命令【文件】/【导入】/【导入到舞台】或【导入到库】打开【导入】对话框，选择要导入的图像或声音文件，然后单击按钮导入选择的文件。新建一个ActionScript 3.0文档，选择菜单命令【文件】/【导入】/【导入视频】打开【导入视频-选择视频】对话框，进行相应的设置导入视频即可。
2. 简述元件与实例的区别与联系。
提示：
元件是指创建一次即可以多次重复使用的矢量图形、按钮、影片剪辑、字体、组件等。实例是元件在舞台中的具体表现。库是储存和组织元件的地方。
3. 简述帧的类型及各自的主要作用。
提示：
帧是动画的最基本的组成部分，是动画创作的基本时间单元。动画中包括的帧通常有关键帧、空白关键帧和普通帧3种类型，各种帧的作用及显示方式也不相同。
关键帧是指内容改变的帧，它的作用是定义动画中的对象变化，是最重要的帧类型。包含对象的单个关键帧在时间轴上用一个黑色实心圆点表示。关键帧中也可以不包含任何对象即为空白关键帧，新建的动画文档中都有一个空白关键帧，显示为一个空心圆。通常在时间轴中插入关键帧后，左侧相邻帧的内容会自动复制到该关键帧。如果不打算让新关键帧继承相邻左侧帧的内容，可以插入一个空白关键帧，此时可以在空白关键帧中创建其他内容。普通帧是指内容没有变化的帧，通常用来延长动画的播放时间，以使动画更为平滑生动。空白关键帧后面的普通帧显示为白色，关键帧后面的普通帧显示为浅灰色，普通帧的最后一帧中显示为一个中空矩形。
4. 简述图层的主要类型和模式。
提示：
通常，图层按其功能可以分为普通图层、遮罩层和被遮罩层、引导层和被引导层、补间动画图层、骨架图层等类型。图层还有很多模式，如当前层模式、隐藏模式、锁定模式、轮廓模式等。
5. 重做本章“制作逐帧动画‘奔跑的马’”实例。
提示：
请参考本章9.4节内容。
第10章 动画制作和影片后期处理
1. 简述组件的类型。
提示：
组件是预先构建的影片剪辑，可帮助用户快速构建应用程序。组件可以是一个简单的用户界面控件（如复选框），也可以是一个复杂的控件（如滚动窗格）。在Animate CC 2017中，通过【组件】面板可以查看和调用系统提供的组件。组件有两种类型：User Interface组件和Video组件。User Interface组件简称UI组件，主要用来构建用户界面，实现大部分简单的用户交互操作，是比较常用的组件类型。Video组件主要用来控制导入到Animate CC 2017中的视频，它主要包括一系列用于视频控制的按键组件。
2. 简述脚本程序的保存位置。
提示：
脚本程序的位置是指脚本程序代码放在何处，通常也有3种情况：一是图层中的某个关键帧上；二是场景中的某个对象上；三是外部文件。关键帧或对象的脚本程序放在对应的【动作】面板中。脚本程序也可以作为外部文件存储，文件扩展名为“.as”，这样可以提高脚本代码重复利用率。如果需要外部的代码文件，可以直接将AS文件导入到文件中即可。
3. 练习本章不同类型的动画制作。
提示：
请参考本章10.3节内容。
4. 练习影片的发布和导出。
提示：
请参考本章10.4节内容。
第11章 Photoshop CC 2017基础
1. 简述查看图像的常用工具并练习其使用方法。
提示：
在绘制图形或处理图像时，经常需要将图像放大和缩小、移动画面的显示区域等，以便更好地观察和处理图像。查看图像的常用工具有导航器、缩放工具、抓手工具或在【窗口】/【排列】中选择相应命令。
使用方法练习请参考本章11.2节有关内容。
2. 简述创建规则形状选区常用的工具并练习其使用方法。
提示：
Photoshop CC 2017提供了多种途径创建选区，在处理图像时可以根据不同的需要来选择相应的方法。对于图像中的规则形状选区，如矩形、椭圆形等可使用选框工具来创建。
使用方法练习请参考本章11.3.1节有关内容。
3. 简述创建不规则形状选区常用的工具并练习其使用方法。
提示：
在图像处理过程中，有时需要创建不规则形状的选区，如把图像中具有不规则形状的局部图像选中等。经常用到的工具有套索工具、多边形套索工具、磁性套索工具、快速选择工具和魔棒工具等。
使用方法练习请参考本章11.3.2节有关内容。
4. 结合本章所介绍的知识自行创意并绘图。
提示：
请参考本章11.3和11.4节内容。
5. 自行搜集素材并练习图像编辑相关操作。
提示：
请参考本章11.5节内容。
第12章 图像调整与合成
1. 自行搜集素材练习图像色彩的调整。
提示：
请参考本章12.2. 1节内容。
2. 练习创建点文字、段落文字和路径文字的方法。
提示：
请参考本章12.2. 4节内容。
3. 练习将文字转换为形状、工作路径以及栅格化文字图层的方法。
提示：
请参考本章12.2.2和12.3.4节内容。
4. 自行搜集素材创建段落文字并应用描边和投影图层样式。
提示：
请参考本章12.2.2和12.3.4节内容。
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
