文档介绍：江西先锋软件职业技术学院教案院、部:软件工程学院教研室:计算机应用姓名:易刚职称:助教课程名称:Dreamweaver网页设计授课专业:计算机通信学生人数:授课时间:至学年度学期教材名称编者出版单位:出版时间第一章第一节《网页制作基础知识》教学目的和目标1、了解网页的概念。2、了解网页的基本构成元素。3、掌握网页的设计构思。4、掌握网页的布局。教学重点与难点1、掌握网页的设计构思。2、掌握网页的布局。教学方法和手段1、以课堂问答法和案例讨论法为主,以讲授法和指导法为辅。2、使用先锋电子教室多媒体手段进行教学。教学过程及详细内容1﹑网页的概念通常的网页,都是以htm或html后缀结尾的文件,俗称HTML文件。一个HTML网页文件包含了许多HTML标记符,这些标记符是一些嵌入式命令。2﹑网页的基本构成元素下面介绍网页的基本构成元素:文字与图片动画与视频影像声音文件超级链接网页的程序表单插件3﹑网页的设计构思在网页的设计构思中,需要认真考虑的问题有:网页的主题网页的命名网站标示(LOGO)色彩搭配字体默认的网页字体一般是宋体。4﹑网页的布局在网页布局过程中,应该遵循的原则有:对称平衡﹑异常平衡﹑对比﹑凝视和空白等。下面有五种常见的结构:型结构布局所谓这种结构指页面顶部为“网站标志+广告条+主菜单“,下方左面和右面为链接,广告或其他一些内容,下方的中间部分是主题内容的布局,其整体效果类似于符号。T型布局它指的是页面的顶部是“网站标志+广告条”,左面是主菜单,右面是主要内容。”三”型布局特点是在页面上由横向两条色块,将页面整体分割为3部分,色块中大多放广告条与更新和版权提示。POP布局POP引自广告术语,是指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。Flash布局这种布局是指整个网页就是一个Flash动画,它本身就是动态的,画面一般比较绚丽,有趣,是一种比较新潮的布局方式。布置课后任务及作业安装网页三剑客欣赏国内外网页第一章第二节《DreamweaverMX2004使用基础》第三节《一个简单的网页实例》教学目的和目标:1、了解DreamweaverMX2004的用户界面。2、掌握网页创建的方法。3、掌握简单网页的制作。教学重点与难点:1、掌握网页创建的方法。2、掌握简单网页的制作。教学方法和手段:1、以课堂问答法和案例讨论法为主,以讲授法和指导法为辅。2、使用先锋电子教室多媒体手段进行教学。教学过程及详细内容:1﹑DreamweaverMX2004的功能DreamweaverMX2004以下功能:完美的操作界面强大的模板功能创建动态网页强大的代码编辑功能完备的建站向导和网产管理2﹑DreamweaverMX2004的用户界面DreamweaverMX2004的工作区文档编辑窗口工具栏﹑状态栏﹑上下文菜单栏插入工具栏﹑属性检查器﹑面板组学生熟悉DreamweaverMX2004的用户界面,才能更好进行操作。3﹑一个简单的网页实例例:使用DreamweaverMX2004在C盘根目录创建网页为”我的第一个网页”文本图片网页实例学生动手制作网页实例,更好掌握网页的创建方法。4﹑课堂练****与讲解学生独立完成课本上P18****题。把课后****题每一道题目详细讲解,扩充知识点内容。布置课后任务及作业:预****第二章设计和规划站点第二章第一节《网站建设的基本流程》第二节《站点的整体规划》教学目的和目标:1、掌握网站设计总规划。2、了解网站建设的基本流程。3、了解站点的整体规划。教学重点与难点:1、掌握网站设计总规划。。2、掌握颜色搭配。教学方法和手段1、以课堂问答法和案例讨论法为主,以讲授法和指导法为辅。2、使用先锋电子教室多媒体手段进行教学。教学过程及详细内容:1﹑网站设计总规划设计网站时最重要的三大部分:整体风格﹑色彩搭配和创意设计。确定网站的整体风格网站的整体风格就是指站点的整体形象给浏览者的综合感受。对网站的整体风格设计方面,可以分以下几个步骤:第一,选择个人主页题材。个人主页的选材首先要小而精题材最好是你自己擅长或者喜爱的内容最后注意选材不要太滥或者目标太高第二,确定网站特色。网页色彩的搭配总结关于网页色彩搭配的技巧。创意设计创意设计是最重要的一项,一个与众不同的网站区别在于此。2﹑网站建设的基本流程对于初学者来主,我们建议采用以下流程来完成站点创建与发布:策划和设计网站规划站点布局和编排网页填充网页内容建立动态站点测试和发布站点3﹑站点的整体规划当用户希望创建一个WEB站点时,首先考虑如休设计和规划站点,以确保它能制作成功。明确目标和用户需求选择目标观众为兼容的浏览器创建站点组织站点结构和创建设计图设计结构简单和导航图设计和收集资源布置课后任务及作业:无第二章第三节《创建站点》第四节《编辑站点》第三章第一节《创建文档》教学目的和目标1、