网站建设完整课件(网页设计基础)ppt课件

.,第1章网页设计基础,.,一、熟悉教材，制作PPT二、督促学生认真听讲，检查学生到位情况,教学准备,.,本章节主要包括网页设计基础包含：1、网页界面构成2、网页板块结构3、网站整体策划4、网页色彩基础5、DreamweaverCS简介6、PhotoShopCS简介7、FlashCS简介8、网页设计的理念,教材内容分析,.,掌握网页界面构成、网页板块结构、网页设计的理念了解网站整体策划、网页色彩基础、DreamweaverCS简介、PhotoshopCS简介、FlashCS简介,重难点分析,.,以工作过程为导向，以对应工作岗位的实际工作任务引入，提出任务，探究式学习，让学生分析任务，找出解决任务的方法肯定，点评学生的收获和学生一起分析任务明确任务做必要的指点和讲解以学生为主体完成任务教师重在引导教师做必要的点评和引导小结，拓展提问，布置作业,主要教学思路,.,工作过程导向+探究式学习+任务驱动教学法,教学方法,.,本次课属于新授课，回顾之前已经接触的各种软件，Dreamweaver、Photoshop、Flash软件,教学回顾,.,从本学期开始我们将在原来学习软件的基础上，继续新的学习，网站建设。有没有哪个同学告诉我，网页包含了哪些部分。,新课导入,.,一、任务一查找网页界面构成1、LOGO2、导航条3、Banner4、内部板块5、版尾6、版权小任务：用笔和纸画出你心目中鲜花购物网的页面，包含以上六个部分。,新课教学,.,二、任务二查找网页板块结构1、“国”字框架：最上方为logo,左右两侧两小条，最下面版权。2、拐角框架：同“国”字框架形式上区别，内容版只有一侧有侧栏，导航侧栏90度直角。3、左右框架：被垂直划分为两个或多个框架4、上下框架：被水平划分为两个或多个框架的网页布局结构5、封面框架：作为个性化网站的首页小任务：上网任意浏览网页说出是何框架,新课教学,.,三、任务三查找网站整体策划1、市场调查2、市场分析3、制定网站技术方案4、规划网站内容5、前台设计6、后台开发7、网站测试8、网站发布9、网站推广10、网站维护小任务：让学生举例说明鲜花购物网的整体策划，对学生的讲解进行点评、指导。,新课教学,.,四、任务四查找网页色彩基础1、找出RGB三原色光颜色红（Red）绿（Green)蓝（Blue）2、色彩三要素：色相、饱和度、明度三种基本属性3、6种基本色相：红、橙、黄、绿、蓝、紫4、饱和度：又称彩度、纯度、色彩的饱和度越高，则色相越明确，反之，则越弱。5、明度：色彩的明暗程度，也称光度、深浅度6、色彩模式：RGB色彩模式，CMYK色彩模式7、Web216安全色小任务：让学生记忆以上知识点，然后提问。,新课教学,.,五、任务五Dreamweaver熟悉界面，回顾知识点。六、任务六Photoshop熟悉界面，回顾知识点。七、任务七Flash熟悉界面，回顾知识点。,新课教学,.,本章小结,本章主要讲述了网页设计基础的相关知识，详细介绍了网页界面的构成，网页板块结构，网站整体策划，网页色彩基础，网页设计理念等相关知识。,.,拓展训练,如何更改Photoshop中显示的窗口字体？Photoshop提供了两种字体基准大小，用于显示界面中各种面板上的文本。在默认状态下，Photoshop以12px的尺子显示各种面板上的文本。如用户需要以10px的尺子显示这些文本，则可执行编辑首选项界面命令，在用户界面文本选项的项目下，设置用户界面字体大小“小”。在更