版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、第8章 制造网页按钮l网页按钮在页面中普通起强调或者修饰作用。适宜的按钮可以使页面更加生动丰富。网页按钮分为几种:一种是运用文本内容为主的按钮;一种是以图案内容为主的按钮;另外还有综合运用图案和文字的按钮。下面进展详细引见。第8章 制造网页按钮l1文字为主的按钮l以文字为主的按钮,主要是用来完成一个明确的功能,例如链接到一个新的页面等。下面是一个运用文字按钮的例如,其显示效果如下图。第8章 制造网页按钮l2图案为主的按钮l以图案为主的按钮较为生动活泼,但是运用得不好能够产生了解上的困难,无法到达预期的目的。下面是一个运用图案Logo的例如,其显示效果如下图。第8章 制造网页按钮l3图文结合的按
2、钮l运用图文结合的按钮中,普通运用文字来指示按钮的作用,运用图案作为美化和修饰。下面是一个运用图文结合按钮的例如,其显示效果如下图。8.1 制造文字为主的按钮l本实例中制造的按钮为发光的圆角背景上显示黑色文本的效果,详细制造过程包括制造背景图案、制造发光效果、制造按钮文字等几个步骤,其详细显示效果和相关内容如下所示。8.1.1 新建文档并制造背景图案l制造背景图案,首先要运用“圆角矩形工具制造背景图案,然后添加渐变叠加和描边的图层款式,详细操作如下所示。8.1.2 制造发光效果l制造发光效果,首先要为图层添加蒙版,然后在图层蒙版中运用渐变颜色进展填充,详细操作如下所示。8.1.3 制造按钮文字
3、l制造按钮文字,首先添加文字内容,然后定义描边款式,详细操作如下所示。8.2 制造图案为主的按钮l本实例中制造的按钮为黑色水晶效果的按钮,在按钮的中间显示白色的标志图案,详细的制造过程包括制造页面背景,制造圆形按钮的背景,制造圆形水晶效果,制造按钮中的图案等几个步骤。其详细显示效果和相关内容如下所示。8.2.1 新建文档并制造背景l制造按钮背景,首先要定义渐变颜色,然后运用渐变颜色进展填充,详细操作如下所示。8.2.2 制造圆形按钮的背景l制造圆形按钮的背景,首先要新建两个图层,然后在图层中制造圆形图案,最后为图层添加款式,详细操作如下所示。8.2.3 制造圆形水晶效果l制造圆形水晶效果,首先要制造出椭圆区域,然后分别运用三个图层制造出水晶效果,详细操作如下所示。8.2.4 制造按钮中的图案l制造按钮中的图案,首先要将选取的图案添加到文档中,然后为图案添加图层款式,详细操作如下所示。8.3 专家总结l由于按钮部分是页面中的修饰内容,所以留意显示效果要醒目,但又不过于突出。在制造的时候,假设按钮的显示面积很小,最好运用对比度较大的鲜亮的颜色;反之假设运用较大
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
 - 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
 - 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
 - 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
 - 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
 - 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
 - 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
 
最新文档
- 智能化灌溉调控技术实施方案
 - 幕墙工程设备选型与管理方案
 - 陕西绿馨水土保持有限公司-企业报告(供应商版)
 - 燃气泄漏检测与防控技术方案
 - 垃圾分类与回收体系建设方案
 - 面膜产品市场推广策划案
 - 2025化学设备基础试题及答案
 - 2025年公共营养师三级考试试题附答案
 - 2024年注册电气工程师发输变电专业基础考试真题及答案解析
 - 2025初级会计职称考试题库附参考答案
 - 冰雪节旅游设计开发方案
 - 2025年秋季学期三年级上册语文期中质量检测试卷含答案
 - 华为ICT大赛2025-2026中国区(实践赛)基础软件赛道校赛理论考试题库500题(含答案)
 - 医学眼眶淋巴瘤专题知识宣讲
 - 2025年茶艺师职业技能考试试题含答案
 - 游泳池恒温施工方案范本
 - 犬猫牙科基础知识培训课件
 - 2025法院书记员考试历年真题及答案
 - 电力机车钳工(高级技师)试题及答案
 - 气胸的护理护理查房气胸患者模板
 - 新质生产力:从概念到实践的演进
 
            
评论
0/150
提交评论