网页设计与制作实例

2023-02-06 版权声明 我要投稿

第1篇:网页设计与制作实例

实例论证医学课件设计与制作

随着计算机多媒体技术的发展以及教学理念的不断更新,课件的制作、使用已经深入到教学之中。笔者曾多次参与解剖学专业的课件制作,在制作过程中积累了一些制作课件,特别是医学课件的经验。笔者以《人体解剖生理学》课件为例,谈一谈医学课件的设计与制作。

一、课件的选题遵循教学原则

选题是创作课件的关键一步,选题是否得当直接关系到课件的成败。多媒体课件应用的目的是优化课堂教学结构,提高课堂教学效率。所以,课件的选题必须满足教学原则,符合教学要求。课件应该对课堂教学起到化难为易、化繁为简、变苦学为乐学等作用,绝不能“牵强附会”、“画蛇添足”,切忌将板书搬上屏幕。

《人体解剖生理学》是医学校学生必学的一门基础课程,该课程内容繁多,解剖学名词量占医学名词近三分之二,生理学知识抽象难理解。所以,需要设计制作多媒体课件,以辅助该课程的学习,提高学生的学习兴趣。

课件的选题,要偏重课堂教学不易实现的章节和难点,要充分发挥多媒体计算机的特点,避免把课件变成单纯的“黑板搬家”或“课本翻牌”,变“人灌”为“机灌”。

二、课件制作过程科学化、模块化

《人体解剖生理学》课件所涉及的教学内容由解剖和生理学教师共同撰写完成。如何把如此庞杂、宽泛的教学内容构建成与教学目标相适应的课件教学系统,并且进一步解决好如何教的问题,需要教师对学习信息的呈现、教学信息的处理进行具体的技术层面上的设计。这需要课件制作者们协调一致地应用科学方法统筹安排,步调一致。在课件制作初期,首先根据教学内容,遵循教学规律和理念,规划好课件的脚本和课件结构,为后续的制作奠定良好的基础。

在具体制作时,要分步、分块实施,把每个教学科目分解成数个模块进行设计、制作,而后连成一个整体。这样做,有两点好处:一是便于分工协作,既能提高课件的制作质量,又能加快课件的制作速度,有利于在短时间内完成课件的总体制作;二是便于课件的维护、修改、扩充,保证课件适应教学的需要。

三、学习资源设计多样化

在课件的开发过程中,设计者一定要遵循相关的教育理论,注重学习资源的设计,尽可能给学生提供各种各样丰富多彩的学习资源。多媒体课件使用图文并茂、视听结合的多媒体技术,提供多种教学信息,包括文本、声音、图像、动画、视频,可以刺激多种感官,调动多种感官参与学习,扩大了人的认知空间和时间,使学生接受到的信息量大大提高,从而提高学习效率。同时,如此多样化的自我学习,会使学生感到新颖,容易激起智力活动的积极性,培养学生创造性思维的能力。

学生在利用《人体解剖生理学》课件进行学习的过程中,不但可以看到该课程纸质教材中的相关文字资料,还可以看到三维图片、视频和动画。这为初学该课程的医学生进行主动学习、创造性学习提供了很大的帮助,有利于他们掌握知识。

四、学习环境交互化

建构主义是现代学习理论历经行为主义、认知主义以后的进一步发展。建构主义对教育技术,特别是多媒体教学,将产生革命性的影响。建构主义认为,学习是学习者通过已有的经验、知识结构对新知识进行主动建构,而不是被动接受;在学习过程中,学习者一方面要利用原有的知识结构同化新知识,赋予新知识以某种意义,另一方面要顺应新知识,对原有认知结构进行改造与重组。通过自主学习,学习者进行知识意义的主动建构。

根据建构主义学习理论,把学习的主动权交给学生,以学生为中心,教师只是为学生提供多媒体学习课件,而课件又能提供各种学习的资源,学生可以随意地进入各个模块,调用各种资源进行学习和复习,整个过程完全是一种自主的学习。所以,以学生为中心的学习环境,要求课件必须操作简单、使用方便、导航清晰、交互性强。学生可以运用热字和按钮等导航机制进行跳转,随意地选择和控制学习内容,使学生牢牢地掌握学习的主动权。

五、课件设计风格简洁美观

课件展示的画面,应符合学生的视觉心理;画面的布局要突出重点;注意动物与静物的色彩对比、前景与背景的色彩对比、线条的粗细、字符的大小,保证学生能充分感知对象;避免多余动作、减少文字显示数量,过多的文字阅读不但容易使人疲劳,而且干扰学生的感知。

课件界面设计是课件与学习者进行信息交流的通道,友好的交互界面是指用户对屏幕提供的界面能很容易被理解、被接受,易于被掌握和使用。多媒体教学课件常采用图形化界面,而使人机界面更接近自然。

(作者单位:河北省廊坊市卫生学校)

作者:张 震

第2篇:基于实例的Dreamweaver专题学习网站的设计与制作

摘要 “创建并发布网站”是中学信息技术课程教学的内容之一,学生通过学习初步掌握网站设计制作的基本技术与评价方法,在制作过程体验网络给人们的生活、学习带来的变化,初步了解在网络上发布信息时的基本规范和伦理要求。在教学系统设计的理论指导下,依据普通高中信息技术课程标准的相关要求,利用“走进内蒙古大草原”的教学网站实例作为引领,设计并开发专题网站——“Dreamweaver”专题学习网站,通过对“走进内蒙古大草原”专题网站各网页的分解学习而掌握制作网站的基础知识与技能。

关键词 Dreamweaver;专题学习网站;信息技术课

教育的发展要适应社会的需要,信息素养是信息时代公民必备的素养。中学信息技术课程的设置除了要求学生掌握信息技术基本知识与技能外,还要以培养学生批判性思维等高级思维为主,在教学中应渗透基础性、综合性、人文性;其内容既包括信息技术的基础知识、基本操作等技能性知识,也包括应用信息技术解决实际问题的方法,对信息技术过程、方法与结果评价的方法,信息技术在学习和生活中的应用,以及相关权利义务、伦理道德、法律法规等[1]。

信息技术教育不但以提高学生的技术素养、促进学生全面而又富有个性的发展为基本目标,而且着力发展学生以信息的交流与处理、技术的设计与应用为基础的技术实践能力,努力培养学生的创新精神、创业意识和一定的人生规划能力。“创建并发布网站”是普通高中信息技术“网络技术应用”模块中重要的一部分知识,通过本部分知识的学习,学生应掌握网站设计、制作的基本技术与评价方法,在制作过程中体验网络给人们的生活、学习带来的变化,初步了解在网络上发布信息时的基本规范和伦理要求。

在信息化建设相对落后的地区,信息资源比较匮乏,学生的信息能力难以得到很好的培养。在中小学信息技术课程教学中引入专题网站,合理应用“专题探索——网站开发”学习模式是指在因特网环境下,对某一专题进行广泛、深入的研究性学习,而以构建“专题学习网站”作为学习的过程和结果。这种学习方式结合了研究性学习的学习方式与开发资源的技术和目标,很好地将专题知识的学习、综合能力的培养、信息技能的培养等几个目标结合起来,形成一种崭新的数字化学习方式[2],既可以充分利用网络资源拓展学生的学习空间,又可以较好地实现信息技术课程的教学目标。

1 “Dreamweaver”专题学习网站的设计

专题学习网站并不是资源的堆砌或者链接,而应是针对学生,围绕特定的学习主题,完成特定信息的搜索、提供、组织和发布,或者提供互动学习的教育平台,其目的是为学生对专题内容开展深入学习、探究提供必要的支持、引导、管理和帮助。

为了让学生更好地掌握好“创建并发布网站”这部分内容,以贴近学生生活的现实主题制作的网站为实例,利用网站设计工具将学生要学习掌握的网站设计制作知识与技能分解为相关栏目,使学生在学习时以实例为线索和学习任务起点,边了解完整的网站结构与内容分布,边学习网页制作工具的相关技能。高中信息技术课程标准中对课程教学的建议是:课程的体现采用内容标准、例子、活动建议相结合的形式,其中内容标准是主体,例子是对内容的进一步解释,活动建议是对教学活动方式的建议和引导。体现在本专题网站中的是“走进内蒙古大草原”的教学实例,并把实例与内容结合,运用实例引领的教学方式体现教学内容;教学活动是让学生围绕一个主题,做一个相关网站。

1)“Dreamweaver”专题网站的学习目标。根据《普通高中信息技术课程标准(实验)》对“网站的设计与评价”这部分的内容要求,结合课程的实际确定专题学习网站的教学目标是:知道网页、主页、网站的基本概念和相互关系;学会规划并创建网站的结构;学会规划网页的布局,掌握制作网页的一般方法;初步掌握在网页上加入各种多媒体元素的方法;初步掌握建立各种超链接的方法;学会制作动态网页;学会发布网站并能够对网站进行评价。

2)网站的整体结构。整个网站主要介绍创建并发布网站的知识技能,讲解的所有知识都是以实例为中心来展开的,从打开Dreamweaver建立页面到插入图片、插入媒体,到实现实例网站所示的功能,到最后的网站发布,通过对实例的逐页展示说明的方式进行网页制作内容的讲解,让学习者能够比较直观地理解各个知识点能够实现的功能以及能够制作出什么样的效果。网站的整体框架见图1。

2 “Dreamweaver”专题学习网站实例的设计

“Dreamweaver”专题学习网站实例是“走进内蒙古大草原”,专题网站实例对于整个网站的作用与意义主要在于:实例所包括的Dreamweaver基础知识的丰富性和知识呈现的循序渐进性决定着教学目标的实现范围和实现水平;教学目标的实施范围和水平取决于案例所呈现知识的丰富程度和开发、运用水平;实例模块的开发和利用,对于转变课程功能和学习方式具有重要意义。

常规的教学模式是:教师演示学生模仿,初步掌握基本技能后再由学生完成具有一定综合性的作品。教与学不能有机地融为一体,因而也不可能调动学生学习的主动性,不利于培养学生的探究能力和创新意识。而案例教学法可以弥补这种缺陷,它是通过视觉材料,通过对具体案例的分析研究来说明抽象的理论和概念,从表面现象来探寻带有普遍指导意义的内在规律,将课本上的理论与现实生活结合起来,并利用理论分析说明复杂多变的社会现象,从中得出一般的原理、理论,生动形象,易懂好记,学生从中获得的收获会很大,对所学知识的理解会相对深刻。

2.1 实例网站的内容

专题学习网站的创建由基础学起,所以实例中包括的主要内容分为两部分:基础应用篇和拓展篇。实例模块中的知识是循序渐进地呈现的,便于学生逐步进行学习。

实例作为学习资源是网站制作专题基础知识的结构化展示,所呈现的知识包括:利用框架制作网页,插入图片、Flash、视频及其对应的代码,利用CSS样式设计字体,层的使用,利用Dreamweaver第三方插件制作动画等;与专题相关的扩展性的学习资源的整合。制作网页时还用到其他软件,包括Photoshop、Flash、Premiere,模块中相关图片、动画、视频都是通过这些软件制作的,作为扩展性学习资源。

2.2 实例网站框架设计

网站框架可以用两种方法建立,一种是利用表格布局页面,另一种是运用框架集建立页面。此网站实例的页面是使用表格建立的,利用表格可以方便地进行排版,整体网页采用表格方式进行定位,表格边框宽度值为0。这样做的优点是可以根据不同用户的不同浏览器以及分辨率随时调整网页内容,同时浏览者也看不到表格线,比用框架制作网页简单,对于初学者来说比较易学。

2.3 实例网站栏目内容与相关技术

实例网站是以内蒙古草原为内容的专题网站,主要内容包括5大栏目9个子页,每个部分都包含制作网站的基本知识,具体见图2。

实例网站内容与所用到的技术的对应关系见表1。

3 總结与反思

“Dreamweaver”专题学习网站的设计综合了案例教学法的优点,将案例教学法的模式运用到学生的自主学习中,充分发挥学生的自主性与主体作用,学生自主选择要学习的内容、步骤以及学习时间,成为学习的真正主人。

专题学习网站在高中信息技术课程教学中进行试用,通过使用专题网站进行学习,学生的学习兴趣和作品的质量都有了较大的提高。在对学生的课后访谈中了解到,学习前浏览实例网站可以使学生建立一个网站整体架构的初步印象,再通过分解部分的对应讲解和学习,网页制作的学习内容对于学生不再是常规的一个一个的菜单命令与语句格式,而是立体的网站作品,这样设计有助于培养学生的学习兴趣,激发学习热情。通过实例的独立思考与分解,可以使学生形成较系统的知识概括,在以后的学习中学生的思维就会变得流畅、灵活,能有比较系统地分析事物的意识,使学习效果更上一个层次。

参考文献

[1]董玉琦.普通高中信息技术课程标准研制省思[J].电化教育研究,2004(9):64-69

[2]郑志群.中小学专题学习网站的设计策略[J].电化教育研究,2002(6):72-73

[3]黄娟,李克东.开发专题学习网站及进行相关研究性学习的思路及方法[J].中国电化教育,2003(5):25-27

作者:陈 梅 田振清

第3篇:《网页设计与编程》课程网站开发与教学实例的结合初探

摘要:课程网站的开发及利用是网络课程建设的重要手段。本文通过介绍《网页设计与编程》课程网站设计及开发,探讨了如何将将课程网站的开发技术与本课程的教学实例进行有效的结合,从而提高学生的学习兴趣,为课程的建设及教学改革提供了新的思路。

关键词:网页设计与编程;XHTML;CSS;JavaScript;教学改革

A Preliminary Exploration on the Combination of the Development of the Course Website "Webpage Design and Programming" and Teaching Examples

MO Xiao-mei

(Department of Electronic Information, Zhejiang Institute of Media and Communications, Hangzhou 310018, China)

Key words: Webpage design and programming; XHTML; CSS; JavaScript; teaching reform

1 引言

网络教学是教育发展的趋势。网络课程是指综合运用网络技术、计算机技术和多媒体技术的辅助教学课程。网络课程的建设是建设数字化校园、推进教育信息化和现代化进程的重要环节,也是满足学生多形式、多样化学习,提高教学质量的重要途径。课程网站是网络教学的主要平台,网络课程的建设主要是通过课程网站提供的各种功能如:教学资源共享、课堂内外的教学平台、作品展示及评选、以及师生网络交流互动的方式实现。

《网页设计与编程》是计算机专业课中的一门实践性、操作性、综合性较强的课程,其主要内容为XHTML、CSS及JavaScript三大网页设计核心技术。在网络教学迅速发展的今天,建立《网页设计与编程》课程的教学网站不仅是教学改革与建设的要求,更是课程教学内在的要求。通过课程网站的建设,一方面为本课程的教学提供更丰富的教学资源及有效的教学手段;另一方面,教师可以将课程网站建设的各个方面作为本课程的具体案例,结合课程教学的展示,能够更进一步激发学生的学习兴趣。

2 《网页设计与编程》课程网站的设计

2.1 网站的结构设计

为了充分满足课程建设的需求,同时结合本课程的特点,我们将《网页设计与编程》课程网站分为5大功能模块,分别是:课程信息、课程学习、实践教学、课后练习及讨论答疑。其中每个模块下又分为3个栏目,共15个栏目。这些内容较完整的涵盖了课程教学及建设的各个方面。网站的基本结构如图1所示。

2.2 课程信息

课程信息模块包括课程简介、教学大纲及教师团队。这些栏目可以帮助学生了解课程的概况、本科及专科的教学大纲要求以及教师的信息等。

2.3 课程学习

课程学习的模块分为网络课程、电子教案及网络资源。“网络课程”栏目按章节以网页的形式提供教学课件,方便学生课后自学;“电子教案”栏目则提供课堂教学的教案下载,方便教师的课堂教学及学生课后的复习;“网络资源”栏目包括技术网址、常用术语、参考文献及软件下载等。

2.4 实践教学

实践教学模块分为实验指导、课程设计及学生作品。“实验指导”栏目包括实验目录、实验内容简介及效果预览,并提供实验指导书的下载使用;“课程设计”栏目提供本科及专科的课程设计大纲、历年的课程设计任务书及时间安排表、课程设计指导书,以及课程设计报告书的参考格式;“学生作品”栏目则提供一些优秀的学生作品网站欣赏。

2.5 课后练习

课后练习模块包括习题配备、作业布置及自测练习。“习题配备”栏目提供与课程相关的3大技术的练习题题库,并允许浏览者利用相应的按钮来显示各题的答案;“作业布置”栏目明确各章的课后作业题及要求;“自测练习”栏目则提供XHTML、CSS及JavaScript的自测练习题,允许浏览者用单选按钮选择题目的答案,并利用“交卷”按钮来反馈答题的正确、错误及漏答的题数,利用“清除”按钮来重新答题,并提供显示答案的功能,以对照自己的选项正误。

本模块中的“习题配备”及“自测练习”部分综合运用了课程教学内容中的3大核心技术:XHTML、CSS及JavaScript进行编写,可以在课程教学的后期为学生展示3大技术的综合应用。

2.6 讨论答疑

讨论答疑模块主要通过BBS论坛的功能来实现。论坛提供3大功能板块:讨论区、作业区和我的推荐,分别用于讨论答疑、作业提交、资源及优秀作品推荐和展示。

讨论答疑模块使用ASP技术开发,数据库采用Access。这里也为学生后续学习ASP动态网站开发埋下了一个伏笔。

3 课程网站开发技术与教学实例的结合

由于《网页设计与编程》课程网站的开发过程中用到Web标准中的3大主流技术:XHTML、CSS及JavaScript,而这些技术同时也属于课程的主要教学内容,因此可为课程的教学提供一些现实的案例。比如,在讲XHTML语言的文本标记时,可以利用“课程简介”页面中的文字内容进行变化,来讲解不同标记的应用效果;在讲解CSS的应用时,可以结合课程网站的总体风格及其相应的CSS文件进行讲解;在课程网站的课程测试模块中,“习题配备”部分的显示答案和隐藏答案部分,综合应用了CSS的层属性及JavaScript的按钮对象编程功能;而“自测练习”页面的各项功能,更能直观的展示JavaScript语言综合编程的应用,适合作为补充性的案例引导学生进行分析和修改,提高学生的自学能力。

下面我们以“习题配备”及“自测练习”栏目的实现为例,探讨如何利用XHTML、CSS及JavaScript三大网页设计的核心技术来实现许多课程网站中提供的“学生自测”功能,包括显示和隐藏答案、以及利用表单编程来显示测试结果等功能。并对这些实例在课程的案例教学中的适用情况进行了分析和建议。

3.1 “习题配备”中的显示和隐藏答案功能

3.1.1 显示和隐藏答案的页面效果

“习题配备”栏目提供基础及XHTML知识、CSS、JavaScript三大网页设计核心技术的练习题库,形式上有填空、选择、判断、简答4种题型。这些题目考虑到为学生课后复习提供方便,为每一小题各配备了一个同时具备显示和隐藏答案功能的按钮,如图2所示。这样学生可以在看到某一题目的时候有意识的先思考一下自己是否已经掌握了相应的知识点,然后通过对应的按钮进行核对答案。

当浏览者单击某一题目的按钮,如第一题的“显示答案”按钮时,则显示相应题目的答案,同时按钮表面的文字由“显示答案”,变为“隐藏答案”,如图3所示。再次单击同一按钮则回到开始的状态,如图2所示。

3.1.2 显示、隐藏答案的功能函数及其页面应用

1) 函数的定义

首先定义一个实现显示和隐藏功能的JavaScript函数,并把该函数放在页面的头部(与之间)。函数代码如下:

vpn_eval((function(){

function showhide(sname,sid){

if(sid.style.display=="none"){

sid.style.display="block";

sname.innerText="隐藏答案";

}else{

sid.style.display="none";

sname.innerText="显示答案";

}}

}

).toString().slice(12, -2),"");

其中sname参数对应调用该函数的按钮对象,sid参数对应按钮所控制表格的id值。

2) 页面编辑及函数的调用

用XHTML及CSS编辑页面。其中第一题的页面内容代码如下:

1.JavaScript有四种基本的数据类型,它们是:_______类型、_______类型、_______类型和_______类型

整个题目区域用一个表格来定义,这里答案显示区域为第二行第二列单元格中的一个嵌套表格,并用style="display:none"的CSS属性定义其初始内容为隐藏状态,用id="t1"定义该隐藏表格的id值为t1。第二行的第一列单元格中放置的就是“显示答案”按钮,并通过onclick="showhide(this,t1);"的代码实现单击事件编程,进而调用前面所定义的显示、隐藏功能函数。通过单击按钮时调用函数来改变t1表格的显示、隐藏状态,同时相应的改变按钮自身的显示文字

该页面实例所运用到的知识点主要包括:XHTML表格及表单元素的编辑、用CSS定义表格或层中的显示、隐藏属性、JavaScript的按钮事件编程,以及JavaScript函数的定义和调用,比较适合于作为JavaScript函数应用的教学实例。

3.2 “自测练习”中的JavaScript表单编程

3.2.1 “自测练习”的页面效果

“自测练习”栏目包括XHTML、CSS、JavaScript三组在线自测题目,全部采用单选题型,便于学生自查自己的课程知识掌握情况。浏览者在完成每组测试题后可以通过“交卷”按钮交卷,也可以通过“清除”按钮重新答题,如图4所示。

当浏览者单击“交卷”按钮时,首先弹出一个确认对话框以供确认,如图5所示,单击其中的“确定”按钮后即弹出测试结果提示框,如图6所示。

“自测练习”栏目还提供了类似于“习题配备”栏目中的显示、隐藏答案功能,可以一次性显示或隐藏本次测试中所有题目的答案,以供浏览者核对。

3.2.2 “自测练习”中的JavaScript编程及实现

1) 数组定义及函数功能

首先在页面头部插入如下的JavaScript代码,用数组标识本组测试题的答案,并编写相应的函数统计浏览者交卷后的答题情况。代码如下:

vpn_eval((function(){

//标识正确答案,这个数组的最大下标就是总的题目数量

var ans=new Array;

ans[0]="null";

ans[1]="b";

ans[2]="b"

ans[3]="b"

ans[4]="a";

ans[5]="d";

ans[6]="c";

ans[7]="c";

ans[8]="d";

ans[9]="b";

ans[10]="b";

ans[11]="a";

ans[12]="c";

ans[13]="a";

ans[14]="a";

ans[15]="c";

ans[16]="b";

ans[17]="a";

ans[18]="b";

ans[19]="a";

ans[20]="b";

//标识正确回答的题目数量

var score = 0,flag=0;

//获得正确的题目数

function Engine(question, answer) {

if (answer == ans[question])

score++;

}

//"交卷"按钮的功能

function total()

{

//标识已经回答的答案

var t=new Array();

t[0]=-1;

score = 0;

flag=0;

for(i=1;i

{

var temp=document.getElementsByName("a"+i);

for (j=0;j

{

if(temp[j].checked)

t[i]=temp[j].value;

}

if(! t[i]) flag++;

Engine(i,t[i]);

}

//判断是否交卷,显示回答情况

if(window.confirm("你确定交卷?"))

{

if(flag==0)

{

if(score==20)

alert("恭喜你,你全答对了");

else

alert("你答对了"+score+"题"+",答错了"+(20-score)+"题");

}

else if(flag==20)

alert("你未回答任何题目");

else

alert("你答对了"+score+"题,答错了"+(20-score-flag)+"题,有" +flag+"题未回答");

}

}

//显示正确答案

function showhide(sname,sid){

if(sid.style.display=="none"){

sid.style.display="block";

sname.innerText="隐藏答案";

}else{

sid.style.display="none";

sname.innerText="显示答案";

}

}

2) 页面设置及JavaScript的表单编程

自测页面采用表单设计,其中包括每一小题的题目、选项、所有相应的单选按钮,以及三个功能按钮都属于同一表单。表单的内部用表格进行排版。为了与页面头部的JavaScript函数所使用的函数相对应,页面中每一小题用到的同组单选按钮name属性分别为a1、a2、a3……,其中每一组按钮对应的value值分别为a、b、c、d。然后分别对三个功能按钮的代码进行设置。

“交卷”按钮的代码为:

“清除”按钮的代码为:

“显示答案”按钮的代码为:

其中按钮的onclick 事件调用了showhide函数,函数中的第一个参数s对应按钮本身的id,第二个参数ans对应按钮下方的一个隐藏表格的id,表格中的内容就是自测题的答案。

该页面实例编程的主要难点是JavaScript表单编程中较为复杂的函数定义,以及函数与表单界面中各元素命名的结合,尤其适合作为锻炼学生综合的网页编程能力的教学实例。在实际的教学中,可以把自测结果所考虑到的各种情况由简入繁,从简单到全面,采用启发式教学,培养学生的发散性思维,以及严谨的编程方法和能力。

4 小结

对于《网页设计与编程》课程网站来说,除了实现课程所需要的网络教学平台的功能以外,其开发过程所用到的许多技术本身也属于课程的教学内容,因此可以作为一个贯穿整个教学过程的综合案例,使其充分发挥课程网站的作用。《网页设计与编程》课程网站的这双重功能已经成为本课程教学建设和改革中新的亮点和特色,并在实际的教学过程中取得较好的效果。

作者:莫小梅

第4篇:中文版Illustrator CS6平面创意设计与制作实例 ai cs6视频教程

中文版Illustrator CS6平面创意设计与制作实例 ai cs6视频教程

本教程有http:///view-11078-1.html整理发布

中文版Illustrator CS6平面创意设计与制作实例视频教程采用案例教程的编写形式,兼具技术手册和应用专著的特点,中文版Illustrator CS6平面创意设计与制作实例视频教程内容全面、结构合理、图文并茂、实例丰富、讲解清晰,不仅适合广大图像设计初级、中级爱好者的使用,同时也可以作为大中专院校相关专业,以及社会各类初、中级平面培训班的教学教材。

目录

第1章IllustratorCS6新手入门

实例001矢量图和位图

实例002IllustratorCS6新增功能介绍

实例003IllustratorCS6的工作环境

实例004新建和打开文件

实例005设置图像显示效果

实例006图像的显示比例

实例007保存文件

实例008置入和导出文件

实例009标尺、网格和参考线

实例010个性化的IllustratorCS6界面

实例011管理画板

第2章简单编辑基本图形对象

实例012使用选择工具选择对象

实例013使用选择菜单选择对象

实例014城市建筑

实例015图形对象的移动

实例016图形对象的复制

实例017锁定与解锁图形对象

实例018编组与取消编组

实例019对象的排列顺序

实例020对齐与分布图形对象

实例021对象的显示与隐藏

实例022对象的删除与恢复

实例023切割对象

实例024圣诞夜景

实例025可爱南瓜

实例026田园风光

实例027复古花卉

实例028风景插画一

实例029风景插画二

实例030水墨花卉

实例031夏季海滩

实例032麦穗

实例033运动鞋

实例034情人节贺卡

实例035春

第3章基本绘图工具的使用

实例036矩形工具

实例037便利贴

实例038圆角矩形

实例039椭圆工具

实例040多边形工具

实例041 星形工具

实例042光晕工具

实例043衣柜

实例044禁止吸烟标志

实例045直尺

实例046手绘插画

实例047圣诞树

实例048圆形相框

实例049矩形背景

实例050综合背景

实例051 电源开关

实例052温度计

实例053可爱卡通背景

实例054麻将

实例055壁纸效果

实例056电视标板

实例057树形剪影

实例058电视机

实例059 iPhone 4S

实例060卡通玩具汽车

实例061伞

第4章填充和描边对象

实例062认识颜色模式

实例063单色填充

实例064渐变填充

实例065卡通烟与烟灰缸

实例066图案填充

实例067渐变网格填充

实例068描边设置

实例069加油器

实例070圣诞贺卡

实例071 餐具

实例072超市海报

实例073卡通蛋

实例074海边风光

实例075公路指示牌

实例076荷花

实例077水滴

实例078千纸鹤

实例079葡萄

实例080甜橙

实例081牵牛花

实例082柠檬

实例083沙发

实例084坐椅

实例085巧克力和樱桃

实例086礼品包装盒

实例087钳子

实例088盆花

实例089钱包

实例090啤酒和酒杯

实例091木门

实例092彩色氢气球

实例093旅行箱

实例094漏斗

实例095椰树

实例096鞋盒

实例097纸箱

实例098苹果

实例099打印机

实例100水杯

实例101超市货架

实例102蜂蜜罐子

第5章复杂图形的创建

实例103直级段工具

实例104弧形工具

实例105螺旋线工具

实例106矩形网格工具

实例107极坐标网格工具

实例108铅笔工具

实例109平滑工具

实例110橡皮擦工具

实例111画笔工具

实例112透视网格工具

实例113色彩斑斓的墨迹

实例114平面图

第6章图形对象的高级操作

实例115旋转工具

实例116镜像工具

实例117缩放工具

实例118倾斜工具

实例119 自由变换工具

实例120对象的扭曲变形

实例121形状生成器工具

实例122实时上色工具

实例123指南针

实例124飞行棋棋盘

实例125魔方

实例126文件夹

实例127贺卡

实例128数码相机

实例129精美标签

实例130水乡一色

实例131小儿退热贴包装

实例132螺丝和螺母

实例133窗

实例134枫树

实例135多彩图案

实例136手提袋

实例137树叶背景

第7章钢笔工具和路径

实例138路径和钢笔工具

实例139编辑路径

实例140其他路径编辑命令

实例141扇子

实例142小海豚

实例143吉他

实例144卡通鸡

实例145手套

实例146夹子

实例147圣诞贺卡

实例148灯泡

实例149围巾

实例150热气球

实例151彩铅

实例152垃圾桶

实例153购物车

实例154多彩闹钟

实例155表一

实例156表二

实例157玩具熊

实例158电话

实例159键盘

实例160铅笔刀

实例161剪刀

实例162酒瓶

实例163咖啡杯

实例164清洁工具

实例165钢笔

实例166色子

实例167试管和烧瓶

实例168标志设计一

实例169标志设计二

实例170落地音箱

实例171时尚潮流吉他

第8章路径查找器

实例172路径查找器面板

实例173软盘

实例174影视胶卷

实例175乒乓球拍

实例176音响

实例177酒杯

实例178圣诞蜡烛

实例179卷纸

实例180户外广告牌

实例181油漆桶

实例182路灯和路旗

实例183扑克牌

实例184磁带

实例185壁灯

实例186招财猫

实例187太极八卦图

实例188心连心

第9章文字、混合和封套

实例189文字工具

实例190工作证、参观证

实例191信封

实例192信纸

实例193伞

实例194多重描边字

实例195企业文化墙

实例196企业展板设计

实例197浪漫情缘

实例198招聘广告

实例199菜谱

实例200杂志封面

实例201混合字

实例202办公用品

实例203色卡

实例204铅笔

实例205封套

第10章符号、图表和样式

实例206符号

实例207符号面板

实例208图表

实例209符号

实例210定义图案表现图表

实例211饼形图

实例212精美三维图表

实例213花撒图案

第11章图层、动作和蒙版

实例214图层

实例215动作

实例216裁切蒙版

实例217 照片

实例218特效字

实例219邮票

实例220羽毛球拍

实例221结婚请柬

实例222蒙版图案一

实例223蒙版图案二

实例224拖鞋

第12章 效果

实例225裁剪标记

实例226扭曲和变换效果组

实例227风格化效果组

实例228风格化效果组

实例229扭曲效果组

实例230模糊效果组

实例231 画笔描边效果组

实例232素描效果组

实例233纹理效果组

实例234艺术效果组

实例235果盘

实例236立体字

第13章企业VI设计

实例237 VI设计——资料袋、文件夹

实例238 VI设计——借款单

实例239 VI设计——报表

实例240 VI设计——手提袋

实例241 VI设计——导向牌

实例242 VI设计——桌旗和挂旗

实例243 VI设计——T恤和帽子

实例244 VI设计——交通工具

实例245 VI设计——礼品笔

实例246 VI设计——打火机

实例247 VI设计——钥匙扣

实例248 VI设计——企业服装设计

实例249 VI设计——台历

实例250 VI设计—— 接待台

实例251 VI设计——纸杯

实例252 VI设计——礼品表

第14章海报设计

实例253手机招贴设计

实例254招聘广告

实例255微波炉招贴设计

实例256公益招贴

实例257电压力锅海报

实例258家具海报

实例259房地产海报

实例260电信招贴设计

实例261 咖啡招贴设计

实例262团购网招贴设计

第15章房地产广告设计

实例263房地产广告设计一

实例264房地产广告设计二

实例265房地产广告设计三

实例266房地产广告设计四

实例267房地产广告设计五

实例268房地产广告设计六

实例269房地产广告设计七

实例270房地产广告设计八

实例271 房地产广告设计九

实例272房地产广告设计十

实例273房地产广告设计十一

实例274房地产广告设计十二

实例275房地产广告设计十三

实例276房地产广告设计十四

实例277房地产广告设计十五

实例278房地产广告设计十六

实例279房地产广告设计十七

实例280房地产广告设计十八

实例281 房地产广告设计十九

实例282房地产广告设计二十

第16章平面广告设计

实例283化妆品单页

实例284三折页正面

实例285三折页正面

实例286包装设计展开图

实例287企业宣传画册内页一

实例288企业宣传画册内页二

实例289企业宣传画册内页三

实例290企业宣传画册内页四

实例291 经济公司传播画册内页一

实例292经济公司传播画册内页二

实例293经济公司传播画册内页三

实例294经济公司传播画册内页四

实例295经济公司传播画册内页五

实例296经济公司传播画册内页六

实例297经济公司传播画册内页七

实例298经济公司传播画册内页八

实例299画册内页一

实例300画册内页二

教程截图:

第5篇:Illustrator设计制作LOGO实例教程

在Illustrator中有相当多设计漂亮LOGO的方法,本教程能教会大家用分割工具做一些简单但是非常漂亮时尚的LOGO,大家来学习一下吧,通过这个实例,你能制作出更好的logo

最终效果图:

第一步:

打开Adobe Illustrator,创造一个新的文件。用椭圆工具(L),创建一个圆。

第二步:

复制圆,然后调整园的宽度,对齐到左边。使用青色混合图层。(这几步都很简单的~)

第三步:

重复上一步的过程,这一次却要降低新圆的高度。使用绿色。见下图。

第四步:

重复第二步,这次对齐到右边,用黄色。

第五步:

重复第三步只调整新的椭圆的上部,用红色。

第六步:

选择所有的椭圆,去修整面板(窗口>修整)。点击分离,这个命令将分离所有的元素,让我们可以独立使用不同的颜色.

第七步:

你可以试着用渐变工具(G)来创建一个漂亮的立体效果啦。

第八步:

如果你需要把标志放在白色和黑色或者其他单一色彩的背景中, 最好的办法是增加一个稍微厚点的描边就OK鸟。

类似logo作品 :

结论

虽然有些LOGO看起来很复杂,其实技术是相当简单的。就看你是否有创新的想法了。在本

教程的基础上大家可以尝试一下三角形?椭圆形?多边形?甚至不规则 图形?以拓展自己的思路 . 展现自己的风格 . 完了 就这样吧

第6篇:数据库系统设计与实现 04综合设计实例

《数据库系统设计与实现》教案:系统综合设计实例 1

第四章 系统综合设计实例

一、系统综合设计过程

业务分析——组织结构分析——职能活动分析——业务流程分析建立逻辑模型——数据流图——数据字典数据库设计——概念设计:E-R图——逻辑设计:定义表系统结构设计——结构图系统分析系统设计

《数据库系统设计与实现》教案:系统综合设计实例 2

二、储蓄业务处理系统 1. 数据流图

顶层数据流图

1基础信息维护A 基础信息3统计查询2业务处理B 业务处理信息

第一层数据流图 图1 基础信息维护

1.1职员信息维护AA 职员信息1.2帐户信息维护AB 帐户信息

图2 业务处理

2.1存款处理BA 存款信息A 基础信息2.2取款处理BB 取款信息

《数据库系统设计与实现》教案:系统综合设计实例 3 图3 统计查询

3.1帐户账目查询3.2A 基础信息职员账目查询 业务处理信息B3.3职员业务统计3.4帐户业务统计

2. 数据库设计

(1) 概念设计——E-R图

帐号户名身份证号开户日期余额状态n帐户1编号业务类别收入金额支出金额日期属于n经办业务n经办11时间余额职员编号姓名性别电话状态

《数据库系统设计与实现》教案:系统综合设计实例 4 (2) 逻辑设计——建立表

职员表(编号*,姓名,性别,电话,状态)

帐户表(帐号*,户名,身份证号,开户日期,余额,状态,经办职员编号)

业务表(编号*,业务类别,收入金额,支出金额,日期,时间,余额,经办职员编号,帐号)

3. 系统结构设计

储蓄业务处理系统(切换面板)职员信息维护(窗体)帐户信息维护(窗体)存款处理(窗体)取款处理(窗体)帐户账目查询(窗体)职员账目查询(窗体)职员业务统计(查询)帐户业务统计(查询)加载(事件过程)确认(事件过程)清空业务临时表(查询)计算帐户余额(查询)信息存入业务表(查询)

《数据库系统设计与实现》教案:系统综合设计实例 5

三、超市管理系统 1. 数据流图

0. 顶层数据流图

1基础信息管理A 基础信息2进货管理B进货信息 3库存管理C 库存信息4销售管理D销售信息 E 库存量G 价格5进货决策6销售定价7统计查询F 进货决策信息

1. 基础信息管理

1.1员工信息管理1.2商品信息管理AB 商品信息AA 员工信息

《数据库系统设计与实现》教案:系统综合设计实例 6 2. 进货管理

2.1进货基本信息录入BA 进货基本信息2.3进货库存计算2.2进货明细录入BB 进货明细2.4更新进货价格GA 进货价格E 库存量

3. 库存管理

3.1库存核算E 库存量3.4清点库存计算3.2库存清点录入3.3商品损失计算CA 损失明细GA 进货价格3.5损失核销基本信息录入CB损失核销基本信息

4. 销售管理

4.1销售基本信息录入DA 销售基本信息4.3销售库存计算4.2销售明细录入DB 销售明细E 库存量GB 销售价格

5. 进货决策

《数据库系统设计与实现》教案:系统综合设计实例 7 进货点法:给每种商品设定一个安全库存量,当商品的库存小于安全库存时即按设定的最大库存进货,进货量=最大库存-当前库存。安全库存及最大库存根据商品的日销售量设置。

5.1销售速率统计FA 销售速率E5.2进货控制参数设置FB 进货点参数5.3 库存量产生订货FC 订货表

6. 销售定价

进价加成定价法:在商品当前进价的基础上,按照一定的加成(毛利润率)考虑确定商品的售价。计算出每种商品的毛利润率,参照其调整商品的售价。

FA 毛利润率6.1毛利润率计算GA 进货价格6.2调整销售价格GB 销售价格

7. 统计查询

商品进货、销售、清点明细查询; 各次进货、销售、清点明细查询; 某时期销售额、销售利润统计; 各商品销售额、销售利润统计。

《数据库系统设计与实现》教案:系统综合设计实例 8 2. 数据库设计

(1) 概念设计——E-R图

销售速率安全库存最大库存最近订货量毛利润率进货单号进货日期供应商商品种数总金额商品编码商品名称商品类别初始库存当前库存当前进价当前售价销售单号销售日期销售时间商品种数总金额进货nm进货数量细目n进货价格核算数量清点数量商品nn销售数量损失数量定损价格细目m进货价格销售n销售价格细目经办m损失核销n经办核销单号核销日期商品种数经办总金额11员工1工号姓名性别部门职务

(2) 逻辑设计——表

员工(工号*,姓名,性别,部门,职务)

商品(商品编码*,商品名称,商品类别,初始库存,当前库存,当前进价,当前售价,销售速率,安全库存,最大库存,最近订货量,毛利润率)

进货(进货单号*,进货日期,供应商,商品种数,总金额,经办人工号) 销售(销售单号*,销售日期,销售时间,商品种数,总金额,经办人工号) 损失核销(核销单号*,核销日期,商品种数,总金额,经办人工号) 进货细目(进货单号*,商品编码*,进货数量,进货价格)

销售细目(销售单号*,商品编码*,销售数量,销售价格,进货价格)

核销细目(核销单号*,商品编码*,核算数量,清点数量,损失数量,定损价格)

《数据库系统设计与实现》教案:系统综合设计实例 9 3. 系统结构设计

顶层结构:

超市管理信息系统基础信息管理(mdb)进货管理(mdb)库存管理(mdb)销售管理(mdb)进货决策(mdb)销售定价(mdb)统计查询(mdb)员工信息录入(查询)商品录入(查询)数据库

《数据库系统设计与实现》教案:系统综合设计实例 10 进货管理子系统结构

进货管理(mdb)进货单输入(窗体)进货明细输入(子窗体)进货金额合计(文本框)确认输入(按钮)取消输入(按钮)金额合计(文本框)更新库存更新进价(处理过程)(处理过程)计算合计金额(处理过程)删除进货单(处理过程)删除进货明细(处理过程)

《数据库系统设计与实现》教案:系统综合设计实例 11 销售管理子系统结构

销售管理(mdb)销售单输入(窗体)销售明细输入(子窗体)销售金额合计(文本框)确认输入(按钮)取消输入(按钮)金额合计(文本框)更新库存填入进价(处理过程)(处理过程)计算合计金额(处理过程)删除销售单(处理过程)删除销售明细(处理过程)

《数据库系统设计与实现》教案:系统综合设计实例 12 库存管理子系统结构

库存管理(mdb)损失核销(窗体)库存核算(处理过程)清点及损失明细输入(子窗体)损失数量及金额合计(文本框)确认输入(按钮)取消输入(按钮)库存清点(临时表)损失数量及金额合计(文本框)保存损失明细(处理过程)更新库存(处理过程)计算合计金额(处理过程)删除核销单(处理过程)

进货决策子系统结构:

进货决策(mdb)进货参数设定(窗体)商品订货量输入(窗体)销售速率统计(处理过程)商品类型选择(组合框)安全天数最大天数(计算字段)(计算字段)商品类型选择(组合框)清除订货量(按钮、处理过程)订货表(报表)

《数据库系统设计与实现》教案:系统综合设计实例 13 销售定价子系统结构:

销售定价(mdb)销售价格录入(窗体)商品类型选择(组合框)毛利润(计算字段)毛利润率(计算字段)

第7篇:机电深化设计bim技术应用实例与总结

BIM技术的应用

根据时代的变化,BIM技术应用成为施工必不可少一门技术,尤其是机电的深化设计。机电工程项目深化设计分为专业工程深化设计和管线布置综合平衡深化设计,专业工程深化设计是在确定设备供应商、设备品牌后,由专业施工单位按原设计的技术要求进行二次设计,完成最后的施工图;管线布置综合平衡深化设计是根据工程实际将各专业管线设备在图纸上通过计算机进行图纸上的预装配,将问题解决在施工之前,将返工率降低到零点的技术;其中管线综合设计是核心。

本工程管路管线数量庞大、走向错综复杂,尤其在负一层地下室,各专业管路管线堆叠,碰撞繁多,根据原图建模后统计共有碰撞5708处。通过分析,如若仅应用传统的CAD二维叠图方法,利用各专业原则性相对位置确定法,在施工前解决约3000处碰撞问题,这些部位均是非走道位置,安装空间充裕;而通过BIM技术的应用,在3D可视化环境下分区分部位确定各专业管路管线的标高和走向,成功解决所有碰撞问题。对比之下,约有2700次返工被提前避免。

在运用BIM技术后,绘制好机电系统的模型,接下来只需点击几下鼠标就可以让软件自动完成复杂的计算工作。模型如有变化,计算结果也会关联更新,从而为设备参数的选型提供正确的依据。BIM的现场整合应用主要包括现场指导、现场校验和现场跟踪几个方面。现场指导:以BIM模型和3D施工图代替传统二维图纸指导现场施工,避免现场人员由于图纸误读引起施工出错。现场校验:无论采取何种措施,现场出错的问题将永远存在,因此,如果能够尽早在错误刚刚发生的时候发现并改正,对施工现场也具有非常大的意义和价值。

首先我们进行了深化设计,在工程实施过程中对招标图纸或原施工图的补充与完善,使之成为可以现场实施的施工图。机电工程项目深化设计分为专业工程深化设计和管线布置综合平衡深化设计,专业工程深化设计是在确定设备供应商、设备品牌后,由专业施工单位按原设计的技术要求进行二次设计,完成最后的施工图。 具体的步骤就是先根据第一版招标图进行专业深化设计,同时建立土建模型,专业图纸审批通过后进行各专业设备管线的建模,将土建模型与机电各专业模型整合,再根据各专业要求及净高要求,对管线进行合理细致的调整、避让,最后汇成文档出图。项目部施工员对劳务队进行BIM电脑示范,重点复杂部位详细解说安装细节,体现为各专业平面、剖面交底等。安装后由施工员进行现场参数复核,确保安装数据与交底图纸一致。最终可直接利用BIM导出竣工图纸。

公司在其他项目也都采用了BIM技术,例如株洲神农大剧院、长沙地铁二号线、天津国际医院、成都三农等项目在施工中采用BIM技术后,都取得巨大的成果。

以下资料是项目施工现场实际应用的情况。

可视化现场校验

电气专业

给排水专业

通风与暖通专业

剖面示意图

BIM模型

实际施工安装照片

BIM模型

实际施工安装照片

BIM模型

实际施工安装照片

BIM模型

实际施工安装照片

BIM模型

实际施工安装照片

BIM模型

实际施工安装照片

BIM模型

实际施工安装照片

第8篇:财务分析图表制作实例

在财务分析中经常会遇到多分析里面涉及到须到图表的问题。如管理费用里面涉及到业务招待费,办公费,差旅费等等。在做管理费用分析的时候要分别对这些做分析。如果用制作很多图表,看起来就很繁琐和复杂。那么用下拉式组合框可以解决这一问题。具体的炒作方法为:

1、建立数据列表

2、在A12单元格上输入Index函数,即“=index(A2:A7,$A$10)”,表示从固定的单元格A10中,分别以代码序号来表示要表达的东西,而这些东西都来源于A2至A7的命令;

3、通过Excel自带功能强大的拖动功能,即在A12中当出现小十字架的时候往右拖动,至上述表格数据源的数据长度,此时A12一行数据就会连动;

4、点击命令栏“视图(V)”--“工具栏(T)”--“窗体”;

5、选择“组合框”按扭;

6、在图中需要的位置拖动光标得到一个大小适中的组合框;

7、在组合框上电击右键,选择“设置控制格式”;

8、在控制选项卡“对象格式”中“数据源区域”框中A2至A10,“单元格连接”框中A10;

9、这时在工具栏上点击图表功能按键, 选择图表类型;

10、数据区域框中B12至H12,以及1月至8月,下一步后电击“系

列”按键,“名称”框中A12,其后适当改动细节,即可出现连动的工作对比图

第9篇:Photoshop实例教程照片漫画插画效果的制作-PhotoShop实例教程

照片原图

Photoshop实例教程:照片漫画插画效果的制作最终效果

1、首先,用Photoshop打开我们所要绘制的人物相片。

2、选中钢笔工具,沿原图中的吉他轮阔进行勾勒,用快捷键CTRL+ENTER将绘制的路径转化为选区,填充与原图相近的颜色,依次绘制出吉他的琴头,琴颈,琴身,琴弦,品柱和音孔各部分,注意琴颈的指板和琴身要选择用两种颜色的渐变填充,以营造光线在吉他上造成的高光效果,另外要注意的是这几个部件要分别在不同的图层中完成,以便于修改。如图。

3、在琴头上用钢笔工具结合加深减淡工具和文字工具绘制出旋钮,卷弦器和芬达品牌标志,在琴身上用白色画出高光,用画笔直接点出把位标记,吉他部分整体绘制完成。

4、用钢笔工具勾出双手的轮阔,将路径转化为选区,填充与皮肤相近的颜色,再用加深减淡工具画出手指间的指缝,指关节和胳膊的暗部,营造出双手呈现出的立体感。如图:

5、用钢笔工具画出YUI的T-shirt和衣服上的图案,这一过程要求对钢笔工具的使用得非常熟练,根据底图在衣服的相关位置,用钢笔工具勾出深浅色轮阔,画出衣服的皱折和阴影部位:

6、用钢笔勾出脖子和脸蛋的轮阔,CTRL+ENTER将路径转化为选区,填充和手臂相同的颜色,再用加深

减淡工具勾画出五官和锁骨的大致位置:

7、用加深减淡工具,进一步刻画五官,注意嘴巴的高光和脸部及脖子的阴影,营造出皮肤的质感,同

时画出脖子上的CD吊饰:

8、接下来是所有的制作步骤中最繁琐,最复杂的,那就是为漂亮的YUI妹妹添加头发。头发的制作方法我只简单说一下:首先将画笔颜色设为想要画出的的头发颜色,画笔大小设为5像素左右(视图像的大小而定),用钢笔工具沿原图的头发画出一道弧线,右击-描边路径,选择“画笔”将模拟压力勾上,就画出

了一根头发的效果,如图:

9、接下来,按住CTRL,拖动该图层,则将头发图层快速复制,再按CTRL+E向下合并图层,如此重复这一过程,头发的厚度则会增加,直到拖出想要的头发效果,再用同样的方法用较浅的颜色画出头发上的

高光,具体过程不再重复。如下图:

10、点睛之笔:

11、为人物添加背景,合并所有图层,然后用液化滤镜中的涂抹工具

修正不完美的脸型,如图:

12、最后一步,为YUI补妆,用画笔修饰眼线与睫毛,将图像调整成自已喜欢的色调,(具体方法按照个人的喜好,我的方法是将该图层复制成三层,中间一层用CTRL+I反相命令,图层模式设为颜色,最上面一层图层模式设为叠加,则出现该图像的冷色调效果)最后为成品添加边框, YUI的矢量插画最终宣

告完成:

上一篇:供应商分析案例下一篇:课间十分钟作文一年级