动态网页设计与制作16
动态网页设计与制作实用教程电子教案
设置完毕点击右上角的“确定”按钮。 3.编辑网页元素
在网页上添加文本、图片、表格等网页元素。 4.在网页中加注释 （1）选中插入注释的位置。 （2）选择“插入/文本对象 / 注释”菜单，在窗口中输入注释内容。 （3）编辑注释：双击页面中的注释图标即可进入编辑界面。 5．保存网页 选择“文件/保存”菜单，给网页命名并存入相应文件夹。
8.1 位图的编辑
8.1.1 位图编辑工具 8.1.2 位图编辑实例
8.2 在Fireworks MX中建立动画实例
8.2.1 建立动画对象 8.2.2 动画的设定 8.2.3 动画预览 8.2.4 动画的编辑 8.2.5. 编辑运动路径 8.2.6 输出gif动画
9.1 图像的优化
9.1.1 优化图像应考虑的因素 9.1.2 图像优化的途径
4.1.1 场景 4.1.2 时间轴 4.1.3 帧 4.1.4 元件
4.2 三种基本动画形式
4.2.1 逐帧动画的制作 4.2.2 位移动画的制作 4.2.3 变形动画
5.1 洋葱皮效果的应用
Flash MX 中有种专门的多帧编辑与对齐模式，叫作"洋葱皮效 果"(Onion Skin)，它们位于时间轴下面。把"洋葱皮"视图模式打 开，点按时间轴下面的图标，时间轴会变成时间轴上出现了两个圆 圈，它们分别代表洋葱皮的起始帧与终止帧，凡是在这个范围内的 帧都可在同时间进行显示。现在我们把右边的圆圈拉到第30 帧 工作区中的内容也会有所变化，从第1帧到第30帧的内容全显示出来 了。洋葱皮模式的作用主要是用来进行多帧编辑，在进行起始帧与 终止帧的元素精确定位时，它常常是必不可少的工具。
《动态网页设计与制作实用教程(第二版)》-第3章
第3章 动画角色的绘制与编辑 章
3.2 编辑图形角色 3.2.1 选取角色 利用魔术棒工具可在分离的位图上选取相近色块，操作步骤如下： 利用魔术棒工具可在分离的位图上选取相近色块，操作步骤如下： 修改/分离 菜单，分离图像。 分离” （1）选择位图，通过 “修改 分离” 菜单，分离图像。 ）选择位图， （2）选取套索工具选项中的魔术棒图标。 ）选取套索工具选项中的魔术棒图标。 （3）单击“阀值”调节图标，设置阀值，阀值越大选取范围越大。 ）单击“阀值”调节图标，设置阀值，阀值越大选取范围越大。 （4）在位图上的任意处单击，就会选取与单击处颜色相近的区域。 ）在位图上的任意处单击，就会选取与单击处颜色相近的区域。
第3章 动画角色的绘制与编辑 章
本章学习导读 在制作动画之前我们应该先掌握绘制、 在制作动画之前我们应该先掌握绘制、编辑动画角色的 基本工具和技巧。在Flash 8中绘制、编辑动画角色主要通 基本工具和技巧。 中绘制、 中绘制 过绘图工具箱来进行。 过绘图工具箱来进行。本章主要讲述绘图工具的使用和图形 编辑过程。通过本章学习，读者应该掌握以下内容： 编辑过程。通过本章学习，读者应该掌握以下内容： 矢量图形和位图 Flash 8绘图工具箱的使用 绘图工具箱的使用 Flash 8的图形编辑功能 的图形编辑功能 图形绘制与编辑举例
第3章 动画角色的绘制与编辑 章
3.2.2 复制和删除 先选中要复制或删除的对象，然后在对象上按右键， 先选中要复制或删除的对象，然后在对象上按右键，选择复制或删除 功能菜单（也可通过“编辑”菜单进行）。 功能菜单（也可通过“编辑”菜单进行）。 3.2.3 擦除角色工具 本工具用来擦除一些不需要的线条或区域。 本工具用来擦除一些不需要的线条或区域。 3.2.4 变形工具 （1）任意变形工具：本工具可实现对动画角色的大小和旋转变形。 ）任意变形工具：本工具可实现对动画角色的大小和旋转变形。 （2）填充变形工具：本工具可实现对填充内容的缩放和旋转变形，像前 ）填充变形工具：本工具可实现对填充内容的缩放和旋转变形， 面讲过的位图填充的变形。 面讲过的位图填充的变形。
ASP NET动态网页设计与制作教案
动态网页设计与制作教案章节一：概述教学目标：1. 了解的发展历程和特点。
2. 掌握的运行环境。
3. 熟悉的组件和架构。
教学内容：1. 的发展历程。
2. 的特点。
3. 的运行环境。
4. 的组件和架构。
教学方法：1. 讲授法：讲解的发展历程、特点和运行环境。
2. 案例分析法：分析的组件和架构。
教学时长：2课时章节二：C语言基础教学目标：1. 掌握C语言的基本语法。
2. 熟悉C语言的数据类型、运算符和表达式。
3. 了解C语言的流程控制语句。
教学内容：1. C语言的基本语法。
2. C语言的数据类型、运算符和表达式。
3. C语言的流程控制语句。
教学方法：1. 讲授法：讲解C语言的基本语法、数据类型、运算符和表达式。
2. 实践法：上机练习C语言的流程控制语句。
教学时长：3课时章节三：HTML与CSS基础教学目标：1. 掌握HTML的基本标签和属性。
2. 熟悉CSS的使用方法和语法。
3. 了解如何利用HTML和CSS布局页面。
教学内容：1. HTML的基本标签和属性。
2. CSS的使用方法和语法。
3. HTML和CSS布局页面。
教学方法：1. 讲授法：讲解HTML的基本标签和属性、CSS的使用方法和语法。
2. 实践法：上机练习HTML和CSS布局页面。
教学时长：2课时章节四： Web Forms概述教学目标：1. 了解 Web Forms的特点。
2. 掌握 Web Forms的运行原理。
3. 熟悉 Web Forms的基本控件。
教学内容：1. Web Forms的特点。
2. Web Forms的运行原理。
3. Web Forms的基本控件。
教学方法：1. 讲授法：讲解 Web Forms的特点、运行原理和基本控件。
2. 案例分析法：分析 Web Forms的应用实例。
教学时长：2课时章节五： Web Forms控件应用教学目标：1. 掌握 Web Forms常用控件的使用方法。
2. 熟悉 Web Forms控件的事件处理。
《网页设计与制作》课程标准
《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。
通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。
同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。
1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。
教学时各模块既有独立性, 又有关联性。
独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。
本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。
2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。
网页设计与制作（附微课视频第2版）参考答案
⽹页设计与制作（附微课视频第2版）参考答案第⼀章习题参考答案⼀、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B⼆、简答题1．答：URL是UniformResourceLocation的缩写,译为“统⼀资源定位符”，URL是Internet 上⽤来描述信息资源的字符串,主要⽤在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。
采⽤URL可以⽤⼀种统⼀的格式来描述各种信息资源,包括⽂件、服务器的地址和⽬录等；2答：⽂本、图像、动画、视频等。
3.答：⽹页结构语⾔的作⽤是将⽹页需要的内容以结构化、模块化的⽅式总结和存储，供表现语⾔和⾏为进⾏调⽤。
⽹页结构语⾔包括可扩展超⽂本标记语⾔XHTML 1.0和HTML 5等两种结构语⾔。
其中，XHTML 1.0为当前被⼴泛使⽤的标准，⽽HTML 5标准则是⽹页未来将被使⽤的标准。
⽹页表现语⾔的作⽤是为⽹页的结构语⾔定义尺⼨、位置、背景，以及⽂本的各种效果。
⽬前⽹页表现的国际标准语⾔为CSS 样式表技术。
⽹页结构语⾔和⽹页表现语⾔共同作⽤可以为⽤户呈现⽹页的整体画⾯，然⽽，⽹页是⼀种交互性的媒体，其除了可以呈现内容外，还可以根据⽤户的界⾯操作响应各种事件，此时，就需要⽤到⽹页的⾏为语⾔。
⽹页的⾏为语⾔包括多种类型，例如，JavaScript、JScript以及VBScript等。
4.答：⼀个完整的HTML5⽂档包含声明、头部和主体三个部分组成。
第⼆章习题参考答案⼀、选择题1.A、B2.A3.B4.D5.D6.D7.C⼆、简答题1．答：（⼀）⽹站功能需求分析；（⼆）⽹站的策划，本阶段主要包含⽹站栏⽬，内容，产品提炼等等；（三）⽹站设计，根据策划开始进⾏设计；（四）程序代码的开发；（五）上线测试；（5）后期维护；2.答：（1）对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。
对称的造型在⼤⾃然中⽐⽐皆是，同时也是版式设计常⽤的构成形式。
《网页设计与制作》教案
《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
《网页设计与制作》课程标准
《网页设计与制作》课程标准适用专业：计算机系各专业学时：72 学分：4编写执笔人：**** 审定负责人：**** 课程编码：一、课程性质本课程是专业学习领域课程，主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能读懂HTML代码，能够运用专业的网页设计工具，使用“DIV+CSS”技术，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
本课程前导课程：计算机应用基础、网络应用基础本课程后续课程：动态网站开发二、课程设计思路本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，请计算机各专业有经验的教师对各自专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养，体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配三、课程学习目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的静态网站。
具体目标：（一）教学目标：1.了解HTML代码中各种标记符的作用和应用，以及格式要求；2.了解图像的几种格式：GIF、JPEG、PNG格式，它们各自的特点和差别；3.掌握Dreamweaver操作界面的基本组成、界面组件的操作方法；4.熟练掌握网页元素的各种定位技术，深入理解它们的作用；5.了解轮换图片与影像地图的作用，掌握它们的设计方法6.掌握网页中动态按钮和时间轴动画的创建，以及各种动画元素的插入方法7.了解CSS样式表的作用和意义，熟练掌握其设计方法；8．了解DIV标签的作用，熟练掌握其使用方法；9.了解表单的作用，掌握其使用方法；10.熟练掌握各种链接的作用以及相关操作；11.了解模版和库在网页更新维护中的作用，熟练掌握它们对网站进行管理和更新的方法；12.了解站点的定义、作用，掌握创建定义站点结构的方法；（二）技能教学目标：1.会用HTML语言中的标记制作一个简单的网页；2.会用HTML语言中的标记设置颜色、文本格式和列表；3.熟练利用各种方法在网页中插入文本和图片、设置文本和图片之间的格式；4.会利用Dreamweaver制作轮换图象和影象地图；5.能熟练的在网页中设置各种超链接；6.熟练利用网页元素定位工具设计网页格局；7.熟练利用DIV+CSS设置页面外观；8.会在网页中插入多媒体对象，如：flash、flash按钮；9.会在网页中插入表单，利用表单让用户之间能更好的交流；10.会使用JavaScript脚本程序实现某些网页特效；11.熟练利用模板和库对网页进行更新和维护；12.熟练利用站点对网站进行上传；（三）素质教学目标：1. 提高审美能力，好的网页首先外观要求大方美观，较高的审美能力能帮助自己作出好的网页出来2. 合理的利用技术，在不影响美观或者是尽量不影响的条件下，找到一个接合点做出美观而又实用的网页3. 时时关注软件的新发展，学会应用新的功能，以提高工作效率4. 具有一定的文化素质，让自己的网页增添几分艺术特色，使自己网页设计达到一定的水准5. 作一个生活的有心人，使自己的作品富有生机6.提高学生的合作精神、协调工作能力和组织管理能力四、课程内容与要求项目一认识网页、网站（4学时）教学目标：了解网页设计的基本概念，掌握Dreamweaver工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点；掌握进行网页制作的一般步骤。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第16章 应用Photoshop CS2 16章 应用Photoshop 设计网页素材
教学提示和教学目标 16.1 创建网页图像文字 16.2 文字变形 16.3 使用切片工具切割图像 16.4 设计网页按钮 16.5 设计网页 设计网页Banner
教学提示和教学目标
16.1.1 创建文字
中文字分为两种， 直排文字】 在Photoshop中文字分为两种，分别是【横排文字】和【直排文字】。创建文 中文字分为两种 分别是【横排文字】 字的具体操作步骤如下。 字的具体操作步骤如下。 – (1)选择【文件】|【打开】命令，弹出【打开】对话框。 选择【 选择 文件】 【打开】命令，弹出【打开】对话框。 – (2)在对话框中选择图像，单击【打开】按钮，打开图像文件。 在对话框中选择图像， 在对话框中选择图像 单击【打开】按钮，打开图像文件。 – (3)使用工具箱中的【横排文字】工具，在文档中单击，输入文字，如图 使用工具箱中的【 使用工具箱中的 横排文字】工具，在文档中单击，输入文字， 16.3所示。 所示。 所示 – (4)使用工具箱中的【直排文字】工具，在文档中单击，输入文字，如图 使用工具箱中的【 使用工具箱中的 直排文字】工具，在文档中单击，输入文字， 16.4所示。 所示。 所示
Байду номын сангаас
16.2 文 字 变 形
文字编辑工具可以对文字进行各种变 在文字选项栏中单击按钮， 形，在文字选项栏中单击按钮，弹出 变形文字】对话框，如图16.11所 【变形文字】对话框，如图 所 示。 如图16.12和图 和图16.13所示分别是对 如图 和图 所示分别是对 文字添加扇形效果和鱼形效果。 文字添加扇形效果和鱼形效果。
16.4 设计网页按钮
在浏览网页的时候经常看到各种各样的网页 按钮，有些按钮制作得非常引人入胜。 按钮，有些按钮制作得非常引人入胜。
16.5 设计网页Banner 设计网页Banner
网页Banner也叫网页广告，重在传达一定的 也叫网页广告， 网页 也叫网页广告 形象与信息。 形象与信息。网站广告设计跟传统设计有着 很多的相通性， 很多的相通性，但由于网络本身的限制以及 浏览习惯的不同，还带有许多不同的特点。 浏览习惯的不同，还带有许多不同的特点。 如网站广告一般要求简单醒目， 如网站广告一般要求简单醒目，在少量的方 寸之地，除了表达出一定的形象与信息外， 寸之地，除了表达出一定的形象与信息外， 还得兼顾美观与协调。 还得兼顾美观与协调。
16.3 使用切片工具切割图像
当网页较大时，可以使用工具箱中的【切片】 当网页较大时，可以使用工具箱中的【切片】 工具将图像裁切成很多块， 工具将图像裁切成很多块，每一块图像都可 以按照不同的设置进行优化压缩， 以按照不同的设置进行优化压缩，并且每一 块都可以链接到不同的URL地址，存储后就 块都可以链接到不同的 地址， 地址 文件， 是HTML文件，但在网页中还是一副完整的 文件 图像，这样网页的显示速度就快多了。 图像，这样网页的显示速度就快多了。
16.1.2 设置文本属性
在图像上输入文字， 在图像上输入文字，对文字的字体或者颜色不满意 的时候，可以在选项栏中或【字符】 的时候，可以在选项栏中或【字符】调板中修改文 本属性，如图16.5所示。 本属性，如图 所示。 所示 1. 设置字体 2. 设置字体的大小 3. 文字消除锯齿 4. 设置文字的颜色
– – – – 掌握如何使用切片工具切割图像 掌握设计网页按钮 掌握网页Banner的设计 掌握网页 的设计 掌握网页Logo的设计 掌握网页 的设计
16.1 创建网页图像文字
在Photoshop中，用户可以对文字进行更多 中 的控制，如可以实现在输入文本时自动换行， 的控制，如可以实现在输入文本时自动换行， 可以将文本转换为路径使用等。 可以将文本转换为路径使用等。 16.1.1 创建文字 16.1.2 设置文本属性