从零开始学网站编辑网站编辑经典教材
- 格式:ppt
- 大小:9.55 MB
- 文档页数:51
web前端开发教材
以下是一些常用的Web前端开发教材:
1. 《HTML5与CSS3基础教程》(作者:何春蕾):这本书是一本非常适合初学者的入门教材,详细介绍了HTML5和CSS3的基础知识和应用。
2. 《JavaScript高级程序设计》(作者:Nicholas C. Zakas):这本书是一本非常经典的JavaScript教材,详细介绍了JavaScript的语法、DOM操作、事件处理等内容。
3. 《jQuery基础教程》(作者:Rebecca Murphey):这本书是一本非常适合初学者的jQuery教材,详细介绍了jQuery的基础知识和应用。
4. 《AngularJS权威教程》(作者:Brad Green、Shyam Seshadri):这本书是一本非常全面的AngularJS教材,详细介绍了AngularJS的基础知识和应用。
5. 《React Native入门与实战》(作者:张轩):这本书是一本非常适合初学者的React Native教材,详细介绍了React Native的基础知识和应用。
6. 《Node.js实战》(作者:Pedro Teixeira):这本书是一本非常全面的Node.js教材,详细介绍了Node.js的基础知识和应用。
7. 《Webpack实战:入门、进阶与调优》(作者:吴浩麟):这本书是一本非常全面的Webpack教材,详细介绍了Webpack的基础知识和应用。
以上是一些常用的Web前端开发教材,希望对您有所帮助。
web基础知识的书籍在当今信息时代,网络技术日新月异,Web应用的开发日益普及。
作为一名想要学习Web开发的初学者,选择一本适合自己的Web基础知识的书籍是非常重要的。
本文将介绍几本经典的Web基础知识书籍,以帮助读者找到一本好书来系统学习和掌握Web技术。
1. "Web技术教程" - 张卫滨第一本推荐的书籍是"Web技术教程",作者是张卫滨。
这本书是一本权威经典的Web技术入门指南,适合零基础的读者。
书中详细介绍了HTML、CSS、JavaScript等常用的Web前端开发技术,并通过丰富的实例和案例帮助读者快速掌握Web开发的基础知识。
2. "Web前端开发技术与实践" - J.D.加美乐第二本推荐的书籍是"Web前端开发技术与实践",作者是J.D.加美乐。
这本书主要讲解了HTML、CSS、JavaScript等前端开发技术的基本原理和实践应用。
通过阅读这本书,读者可以了解如何编写结构良好、样式美观且功能强大的Web页面,并学习如何应用前端框架和工具进行Web开发。
3. "Web应用架构与开发明解" - 淘宝UED团队第三本推荐的书籍是"Web应用架构与开发明解",作者是淘宝UED团队。
这本书从实际应用的角度出发,介绍了Web应用的整体架构和相关技术。
书中详细讲解了常用的后端开发语言和数据库,以及Web应用的性能优化和安全问题。
对于有一定基础的读者来说,这本书是学习Web应用开发的良好参考。
4. "Web安全开发指南" - 阿里云安全团队第四本推荐的书籍是"Web安全开发指南",作者是阿里云安全团队。
这本书主要介绍了Web开发中常见的安全漏洞和攻击方式,以及如何通过编写安全的代码来防范这些攻击。
对于希望提升Web应用安全性的开发者来说,这本书是一本不可或缺的宝典。
web前端技术书
以下是一些关于web前端技术的书籍推荐:
1. 《JavaScript高级程序设计》 - 作者:Nicholas C. Zakas
这本书是学习JavaScript的经典教材,涵盖了JavaScript的基本语法、DOM操作、事件处理、Ajax等内容。
2. 《CSS权威指南》 - 作者:Eric A. Meyer
这本书详细介绍了CSS的各种属性和使用方法,适合想要深入了解CSS的读者。
3. 《HTML5权威指南》 - 作者:汤姆·尼格罗朋特
这本书介绍了HTML5的各种新特性和用法,包括语义化标签、Canvas绘图、音视频等。
4. 《深入浅出React和Redux》 - 作者:程墨
这本书介绍了React和Redux的基本概念和使用方法,适合对React和Redux感兴趣的读者。
5. 《Vue.js权威指南》 - 作者:尤雨溪
这本书详细介绍了Vue.js的各个方面,包括Vue.js的核心概念、组件化开发、状态管理等。
6. 《Node.js实战》 - 作者:Mike Cantelon、Marc Harter等
这本书介绍了Node.js的基本概念和使用方法,包括搭建服务器、
处理HTTP请求、使用数据库等。
以上是一些经典的web前端技术书籍推荐,适合不同层次的读者。
读者可以根据自己的需求和兴趣选择适合自己的书籍进行学习。
任务1 认识网络编辑一、教学准备【教学内容】认识网络编辑【课时计划】4课时【教学手段】稳定的网络、云平台等。
【教材分析】本课程主要学习认识网络编辑,我们将学习传统媒体编辑、新媒体编辑、营销文案编辑。
【教学的主要内容】1、传统媒体编辑;2、新媒体编辑;3、营销文案编辑【教学目的】主要让学生认识网络编辑的工作,了解传统媒体编辑、新媒体编辑、营销文案编辑工作。
【教学重难点】☆重点:了解传统媒体编辑、新媒体编辑、营销文案编辑工作。
☆难点:了解新媒体编辑、营销文案编辑工作。
【教学方法】以课件讲解为主,辅助多媒体教学,结合云平台上的动画、实训实操、延伸阅读的文章、知识点、案例、等拓展教学,并在课堂中穿插一些头脑风暴、互动提问,使学生在充实又有趣的课堂上轻松学习到专业知识和技能。
二、教学过程整个教学过程分为以下几个环节:(一)课前准备布置课前学习任务:1、请学生认真学习云平台上的教材内容;2、百度搜索,成功的营销文案案例;【学生活动】让学生做好课堂的课前预习。
【教学说明】做好课前预习的提醒。
(二)创设情境、引入新课(10min)1、询问学生通过课前预习了解了哪些知识;2、询问学生对认识网络编辑的了解;3、让学生观看平台上该门课程的Flash动画,先系统了解一下该节课程。
【教学说明】课堂互动,调动课堂气氛,激发学生学习新课兴趣;观看动画引入课程主题;明确本节课的任务。
(三)进行新课(80min)1.1 传统媒体编辑1.1.1 认识传统媒体1、传统媒体特点2、传统媒体现状3、传统媒体急需转型1.1.2 传统媒体编辑工作1.2 新媒体编辑1.2.1 认识新媒体1、新媒体的特点2、新媒体与传统媒体的差别3、新媒体的发展前景1.2.2 新媒体编辑工作1、新媒体编辑工作内容2、新媒体编辑基本素养1.3 营销文案编辑1.3.1 认识营销文案1、什么是营销文案2、营销文案的重要性1.3.2 营销文案编辑工作1、营销文案编辑工作内容2、如何做好营销文案编辑【学生活动】认真听讲,主动学习课内外知识、多提问、多思考。
《中文版Dreamweaver CC 基础培训教程》配套教学教案2.3网页文档的基本操作2.3.1课堂案例——创建并保存zhuce.html网页2.3.2新建网页2.3.3保存文档2.3.4打开与关闭文档2.4设置页面属性2.4.1课堂案例 ------ 设置“djqsm.html”网页属性2.4.2设置“外观(CSS)”属性2.4.3设置“外观(HTML)”属性2.4.4设置“链接955)”属性2.4.5设置标题2.4.6设置标题/编码2.4.7跟踪图像2.5上机实训——创建“花火植物”站点2.5.1实训要求2.5.2实训分析2.5.3操作思路2.6课后练习1.练习1——自定义“我的工作区”2.练习2——创建并规划“珠宝”网站小结1、如何创建与管理站点?2、如何管理站点中的文件和文件夹?3、如何设置页面属性?练一练:练习1——自定义“我的工作区”根据工作使用习惯的不同,用户可自定义Dreamweaver CC的工作区,使其更加符合设计者的操作习惯。
本练习将自定义一个工作区,然后将其保存。
思考及作业练习2创建并规划“珠宝”网某珠宝公司需要制作一个电子商务网站,需要先对站点进行规划,首先是网站首页,然后按不同内容分成多个页面,最后在Dreamweaver CC中创建站点、文件和相关GOOD LUCK 首页 产品中心 关于我们 新闻资讯 联系我们登录我们0 zhubaoT 本地视图▼ G ◎分悭畲⑥a 大小I 类型文件夹。
□ |£j> 站点-zhub :±0 Q... index. html CpZK gywm. html xwzx. html lxwm .... .......... " .. " .......... .... 1KB 1KB 1H : 文件夹 360 se.. 文件夹 360 se.. 360 se.. 文件夹1KB 360 se..羁 1个^^目麒中一觊126 本地文件3.4课后练习1.练习1——制作学校简介网页2.练习2——制作代金券说明网页4.3.3操作思路4.4课后练习1.练习1——制作“订餐”网页2.练习2——制作“家居”网页1、掌握插入各种图像的方法。
1、《JavaScript DOM编程艺术》推荐3(比较基础,小白入门的话推荐,有基础的话不推荐)
2、《css权威指南》推荐2(书是好书,看了忘了的工具书,写样式谷歌更高效)
3、《css揭秘》推荐5(不是css入门书籍,css提升必备,最棒的css工具书,css魔法)
4、《JavaScript 语言精粹》推荐4(有经验的js可以看看,个人没get到传说中的惊艳,加深理解)
5、《JavaScript 高级程序设计》推荐5(最权威的js入门书籍,不要被名字吓到)
6、《JavaScript 权威指南(第6版)》推荐4(入门刚入门都不推荐,个人的枕头书,讲得挺全面的,可读性不高,提升的话应该要看吧,头看大了还没看完)
7、《你不知道的JavaScript 上卷》推荐5(强烈推荐,刷新对js的看法。
语言精粹的配合着看,明明白白的理解原型链不需要工作5年后还不懂)
8、《高性能JavaScript 》推荐4(提升必备吧,个人感觉,有些实践经常遇到)
9、《Node.js实战》推荐3(不推荐,书出得比较早也烂大街,一些实践已经有更好的代替模块了,没有后端基础的话可以看看)
10、《HTML5权威指南》推荐3(书是好书,适合入门,有前端基础的推荐MDN效率更高,一点基础都没有的话抓不到主次适合泛读,没时间看的话不推荐,提升没有帮助)。
一、教学目标的确定思路: 1.教材分析:网页制作与发布一章是教材中第四部分信息的生成与发布中的一个内容。
这一部分学习内容的重点是:编辑属于自己的信息,发布具有自己特色的信息。
主要涉及:文本信息的处理、信息素材的整理、对象的插入设置、网页效果的浏览及网页发布等相关方面的内容。
这章是属于在综合运用以前所学知识的基础上进一步提高、学习。
《网页制作入门》这一节是本章的基础、入门课程。
2.学生分析:学生通过前面各章节内容的学习,对文本、图形、图像、声音、动画等多媒体信息的处理技术有了一定的使用经验,掌握了一些信息的搜集、整理、加工等方面实际处理能力,特别是通过对internet 相关知识的介绍及大量网站的浏览,对网页内容、结构、效果等设计的优劣都有了一定的感性认识,并且有了一定的分析、评判的能力,基本上完成了知识和能力的积累。
3.教学目标:通过本章的教学,使学生获取、分析、处理、发布、应用等信息处理能力得到提高。
特别注意培养学生通过网络发布信息的能力,培养学生的创新、探索精神和分工合作意识。
结合这个总的教学目标制定本节的教学目标:教养性目标:知识目标:(1)熟悉dreamweaver的界面环境;(2)了解dreamweaver菜单、属性面板、对象面板、快速启动面板中主要功能及用法;(3)掌握超级链接的概念。
能力目标:(1)掌握文本网页的制作技术,会设置字体、字号、颜色及超级链接,(2)提高对信息的处理能力,(3)培养学生自主学习的能力。
思想方法:观察法、发现法、类比法。
教育性目标:培养学生做文明礼貌、诚实可信的人;发扬团结协作的学习精神。
发展性目标:(1)培养学生学习信息处理技术的学习兴趣,(2)培养学生探索新知识、新技术的求知欲望,(3)激发学生的创新意识。
4.教学重点和难点:文本属性面板的使用。
二、教学过程:1.教学任务的设计:总任务:设计一个内容文明健康、图文并茂、效果丰富的网页,有条件的进行发布。
适合初学者的php书籍
对于初学者来说,选择一本适合自己的PHP书籍非常重要。
以
下是一些适合初学者的PHP书籍推荐:
1. 《PHP和MySQL Web开发》(作者,Luke Welling, Laura Thomson)这本书是PHP和MySQL方面的经典教材,适合初学者入门。
它涵盖了PHP基础知识以及与MySQL数据库交互的内容,对于想要
学习构建动态网站的人来说是一个很好的选择。
2. 《PHP对象与模式》(作者,Matt Zandstra)这本书专注
于PHP面向对象编程和设计模式,对于那些想要深入了解PHP的面
向对象特性和最佳实践的初学者来说是非常有用的。
3. 《Head First PHP & MySQL》(作者,Lynn Beighley, Michael Morrison)这本书以图文并茂的形式介绍了PHP和MySQL
的基础知识,适合初学者轻松上手。
4. 《PHP 7高级编程》(作者,Branko Ajzele)这本书适合
那些想要更深入地了解PHP 7新特性和高级主题的初学者,包括性
能优化、安全性等方面的内容。
以上是一些适合初学者的PHP书籍推荐,选择一本适合自己水平和需求的书籍,结合实际练习,相信能够帮助初学者快速入门和提高。
希望对你有所帮助。
15本值得阅读的HTMLHTML5⼊门书籍如果你想学⽹络设计与开发,需要做的第⼀步是学习超⽂本标记语⾔(即HTML),它是⼀种⽤于建⽴⽹页单元的标记语⾔。
要获得编制HTML元素的技巧,你并不⼀定需要在某著名的IT院校⾥经过正式的课堂训练。
你可以认真⾃学⽹上教材,⽐如W3Schools和,或者你还可以阅读HTML书籍,如果你想获得更多更细致和详实的内容的话。
根据你的学习⽅式,你会发现⽹络HTML辅导材料或者HTML平装纸质书籍总有⼀样对你来讲更加⽅便。
这实际上完全取决于你,所以你最好知道怎样才舒适。
如果你已经尝试跟着⽹络⾛,发现由于各种原因很难消化其中的知识,那为何不试⼀试基本的HTML书籍呢?是的,我们都知道,通过⼀页⼀页的翻书你可以找到书⾥插图和演⽰⽰例。
在这⾥,我们将与你分享⼀些适合初级选⼿的HTML书籍,我们相信如果你想学习⽹络设计和开发的话这些书值得考虑。
这些书⾥还包括最新更强⼤的HTML5版本,因为它越来越流⾏,肯定能决定的⽹页的未来。
你应该将⼤部分注意⼒⽤在HTML5和CSS3,因为它们将是未来的标准。
所以,值得花些时间来考察⼀些HTML5的例⼦,受到⼀些激励。
⽹页设计的最新趋势之⼀是利⽤媒体库创⽴反馈⽹址页⾯,HTML5和CSS3 是这项技术的核⼼,我们已经看到它应⽤⼴泛,并成功地反馈WordPress Themes。
当然,这些书需要⼀些花销,但你若想获得⽹页基础设计与开发的实践知识,那这是⼀次很好的投资。
如果你发现这些书有趣的话,我们⿎励你访问它们各⾃的⽹站以了解更多内容关于你觉得买这样⼀本书,希望从书⾥获得什么内容,⽹站⾥⾯有讨论区。
同时,如果你了解其他材料、⼯具或者对新⼿熟练掌握HTML有⽤的东西,请在下⾯的评论⾥与我们分享。
我们将⾮常感激您为帮助编码员提⾼技术所付出的努⼒。
哪些SEO教程新手入门必学哪些SEO教程新手入门必学(最新)对于从未从事过SEO优化的朋友来说,初步挑选SEO教程是一件非常困难的事。
那SEO新手应当如何挑选SEO教程呢?下面作者为大家带来哪些SEO教程新手入门必学,期望对您有所帮助!哪些SEO教程新手入门必学一:SEO书籍入门:《SEO实战密码》这本书是新加坡华人ZAC所编著的,目前也是全部SEO行业口碑做好的一本书。
SEO知否曾经读过SEO实战密码,我对这本书的评判就是,内容丰富,系统,全面,而且语言严谨,逻辑清楚。
非常合适刚入门的新手学习和阅读。
只要你能认真把SEO实战密码这本书全部读完,SEO白帽相干的知识完全没有问题了。
点击下载:《SEO实战密码》电子书二:SEO视频教程入门:《推广学院17年SEO精英班》SEO视频教程说起SEO视频教程,网上有非常多的免费课程。
但是真正有技术含量和实战的,还是推广学院卡卡老师录制的《SEO实战精英班课程》。
对于新手(刚如SEO行业不到一年)来说。
系统的学习完这套SEO视频课程绝对会让你受益匪浅。
SEO知否网站也一直遵守这套课程教的技术在优化,而且获得了非常好的成效。
点击学习《推广学院202X年SEO精英班》三:收费SEO课程目前很多SEO培训机构也都有自己的SEO收费课程,目前SEO知否已知的有:中国推广学院、智推学院、SEOwhy、利为汇、潭州学院,这些都是公司在运作的。
还有个人在运作的比如焦大SEO、夜息SEO、SEO课程等等。
SEO新手入门的书籍第一本:《SEO实战密码》第三版这本堪称中国SEO行业的圣经了,连续出版过三版。
书中语言表达非常科学,知识面触及到了SEO所有层面。
是SEO入门经典书籍。
电子书下载:《SEO 实战密码》第二本:《SEO深度解析》这本书的作者是“痞子瑞”,本书最大的亮点就是知识面讨论的相对要深一些。
与其说SEO实战密码是教科书,那这本SEO深度解析就是更深入研究的科研类的书籍。
网页制作基础教程第一章网页制作基础1、什么是网页一般浏览器中打开的都是网页,这些文档是通过超文本标记语言HTML表示出来的;主页:在网站中默认打开的页面称为主页,也叫首页,主页是进入网站的门户,网页中包括的内容:文本,图像,超级链接,表格,表单,多媒体及一些特殊的效果2、网站及运作原理网站是在互联网上一个固定的面向全世界发布消息的地方,它由网站地址和网站空间构成;网站开发者常常将网站称作为站点,在网站的开发者来说,网站就是在计算机上创建的一个多级的文件夹,并在各文件夹中保存着相关网页文件。
根据站点文件夹所在的位置分为:本地站点和远程站点;根据服务技术分:静态网站和动态网站3、了解HTML语言HTML是网上用于编写网页的主要语言,使用HTML语言编写的网页文件也是一个标准的纯文本文件,可以使用文本编辑器将它打开,但是该纯文本文件如果使用浏览器打开就会看到排版整齐的网页;4、HTML语言标签HTML标签用来标记网页元素,以形成文本布局,文字的格式及五彩缤纷的画面,HTML的标签分单标签和成对标签两种基础标签:<html></html> <head></head> <body></body>5、常用动态建站技术ASP是由微软开发的动态网页技术标准,其原理通过在HTML页面中加入VB JA V A代码,服务器在返回网页之前首先执行这些代码,产生最终的结果。
6、网站的制作流程及制作工具初期规划:建站之前,要有明确目的,要明白建立网站的目的,接受对象是哪些群体,要为访问者提供怎样的服务,然后对整个网站进行策划,中期制作:搭建本地站点,建立文件夹,建立站点结构图,设置页面属性等;后期工作:全面测试,上传后进行实地测试,完成本地测试后,再上传到服务器,以便进行远程测试;7、网页设计工具Dreamweaver 8 是最常用的网页编辑工具之一,使用该工具可以在其提供的三种视图中进行网页编辑与修改;图像处理工具Firework 8主要用来对网页中用到的图像素材进行制作或处理,它可以快速地制作和处理网页中图像,动画制作工具:FLASH 8 主要用来制作一些精彩的小动画,可以使页面变得更加精美,该软件是目前最流行的,矢量的,具有交互性的图形编辑软件;第二课创建站点1、启动:开始——程序——Macromediadreamweaver 8(双击桌面的图标)2、关闭:文件——退出,关闭按钮3、窗口的组成:标题栏(软件名称,版本号,文件名,最小化,最大化,关闭按钮)菜单栏:由文件,编辑,查看,插入,修改,文本,站点,窗口等主菜单组成;插入栏:位于菜单栏下方,有网页制作时常用的元素及命令,如常用,布局等开始页:打开软件时的页面,该页面位于屏幕中间的大部分区域;属性面板:一般位于窗口的底部,显示文档,网页元素及相关工具的属性;面板集:位于窗口右侧,可以快速展开或折叠一些功能面板,4、创建站点:站点——新建站点——站点名称——否(不用服务器)——建立一个本地文件夹——如何连接远程服务器(无)——完成;5、编辑站点,复制站点,删除站点,导出站点,导入站点,完成按钮;6、管理站点中的文件:站点的名称,远程文件管理器,站点文件结构——弹出菜单——视图菜单8、文档的新建,保存,打开及属性设置9、设置页面属性:修改——页面属性(页面字体,大小,文本颜色,背景颜色,背景图像,页边距,跟踪图像)第三课:制作网页1、在网页中插入文本(直接输入文本即可)(换行:ENTER,按SHIFT+ENTER可得到较小的行距;2、设置字体,大小,字形,颜色,对齐方式3、在网页中插入图像:插入——图像(图像的大小,对齐方式,边距等设置)4、插入——层(在层中插入图像,可将图像到处拖动)5、在网页中插入鼠标经过图像:插入——图像对象——鼠标经过图像(原始图像,鼠标经过时的图像)6、插入特殊的符号,版权,注册商标等;插入——文本——版权,注册商标,符号等7、插入多媒体文件;插入——媒体——FLASH(选择插入的文件)8、设置动画的大小及其边距(属性面板:宽,高,垂直,水平的间距)9、插入——布局对象——层(设置背景图像,大小,方向等设置)10.向网页中插入链接:选择文本——在图像中选择链接的文件;11.创建外部链接:在文档中输入网名,选择名称:引用链接网址12.创建锚记:先命名锚记——然后再选择要引用锚记的文字,然后进行链接OK(引用时加#)13.在网页中插入视频:插入——媒体——插件(选择视频文件14.创建邮件链接:选择图像——链接邮箱地址15.创建下载链接:选择文本或图像——链接文件(ZIP RAR EXE)等文件第四课页面布局1、插入——表格(行数,列数)2.表格的宽度,3.边框粗细;4.单元格边距;5.单元格间距;6.合并所选单元格,拆分单元格,背景,背景颜色,边框;7.表格布局;插入——表格(在单元格内插入表格(做嵌套表格)8.改变列宽,行高9.网页的布局:插入——布局对象——层(可以创建多个层,如同文本框的设置)10.设置层的属性:宽度,高度,单击插入图像的层选择手柄,在属性面板中11.布局网页框架:创建布局表格,创建布局单元格,做嵌套布局表格;12.将布局转换成表格:修改——转换——表格到层(防止层重叠,显示层面板,显示靠齐到网格)13.框架布局与样式定义:插入——框架(选择框架布局形式)14.制作背景固定网页:定义样式第五课CSS样式与行为1、光晕效果的应用CSS面板——添加滤镱设置(名称,(GLOW(color=?,strength=?)设置(color=red,strength=3)2、添加行为:行为面板(添加行为,删除行为,执行顺序)3.设置触发行为的事件:事件,动作4.记录移动路径5、添加时间轴行为:6、制作表单元素;第六课,表单与模板、1、制作注册页面2、创建网站模板;3、将网页保存为模板:文件——另存为模板4、创建可编辑区域:插入——模板对象——可编辑区域;5、网页模板的应用,打开后修改——然后另存为其它网页文件;6、分离模板:修改——模板——套用模板到页(修改——模板——从模板中分离)第七课:FLASH的操作1、启动:双击桌面图标,2、退出:关闭按钮;3、窗口的组成:标题栏,菜单栏,编辑栏,工具箱,面板集,舞台,属性面板;4、标题栏:它位于整个窗口的最上方,最小化,最大化,关闭按钮等;5、菜单栏:由文件,编辑,视图,插入,修改,文本,命令等6、工具栏:位于整个软件的左侧,分为,工具,查看,颜色和选项四个选项;绘制卡通房子的练习;第二课工具的使用1、直线工具;按SHIFT水平或垂直直线,粗细,端点(尖角,圆角,斜角)2、钢笔工具:是通过路径来绘制笔触图形的,按CTRL或双击曲线外时,可结束绘图;3、任意变形:旋转,倾斜,缩放,扭曲,封套模式等;4、输入文本:文本类型,字体,字号,字体样式,对齐方式;5、添加滤镜效果:选择对象或文本——属性栏中找到滤镜类型;(删除滤镜)6、美化图形——设置颜色7。