《网页美工设计》教案.docxVIP

童节 内容 童节 内容 教学 目标 网页设计基础知识 Dreamweaver软件介绍及其基础操作 使学生了解网页设计的相关基础知识； 使学生熟悉Dreamweaver软件界面的基木操作方法。 重点 难点 了解网页设计相关概念和网页的类型； 熟练掌握Dreamweaver软件创建和管理站点的方法。 教学方法 课堂讲授、案例讲解与指导 教学环境 计算机机房 教学过程及内容提要 时间分配 备注 约10分钟 约10分钟 学生理無 约5分钟 约25分钟 一、 引入 1、 相互认识，提出与本学科相关的知识，介绍本门课程情况、教学内 容及总学时数进度安排，宣讲本课程教学纪律，鼓励学生营造一种 学习氛围，尊重同学，互帮互学，真正达到学以致用； 2、 提出问题：上过网吧？有谁自学过网页设计？听说过网页设计三剑 客吗？ 二、 告知学生课堂任务 本次课所学习的主要内容是网页设计相关基础知识和 Dreamweaver软件基础操作； 三、 逐步演示讲解分析教学内容 1、 网站和网页的区别： (1 )网页是I nt er net基本元素; (2)网站由网页组成； 2、 静态网页和动态网页： 静态网页：纯粹HFM.语言格式的网页通常被称为静态网页，静态 网页的后缀名通常为?htrp?htnh、.shtnh、.xnii。 动态网页：许多人认为网页会动就是动态网页，这是个错误的观点， 在静态的网页中也可以含有动态的图片，这仅仅是视觉上的动态罢 了。真正的动态网页是指实际上并不是独立存在于服务器上的网页 文件，只有当用户请求时服务器才返回一个完整的网页。也就是说， 它是返回到了客户端上的网页。例如网页文件是以ASP、PHP、JSP、 ASPX为结尾就是动态的网页了。 静态网页的特点： (1 )内容相对稳定，容易被搜索引擎检索到； (2)没有数据库支持，在网站制作和维护方面工作量大； (3 )交互性差，在功能方面有很大的限制。 动态网页的特点： (1 )以数据库技术为基础，可大大降低网站维护的工作量； (2)可实现更多的功能，如用户注册、新闻发布、在线留言等； (3 )不利于使用搜索引擎进行网站推广。 3. 常见网页类型：形象页、主页、栏目页、内页、新闻详细页等； 约10分钟 4、 网页设计原则： 了解客户需求 遵循礎b标准 (3 )运用形式美法则 约6分钟 5、 网页设计流程： (1 )手绘效果图：确定网页主题内容和风格 设计效果图：搜集、整合设计所需素材 版面编辑：网页的制作与实现 网页美化：动画设计，网页测试和发布 约6分钟 6、 网页设计的主要软件： (1 ) Phot os hop D^eanveav^er Fl ash Fi rwrks 约4分钟 7、 Drearwaver软件界面介绍： (1 )软件面板组成及基本操作方法 (2)软件参数设置 约8分钟 Dreamweaver站点创建: 站点? 新建站点? 设置站点名称? 设置站点默认图像文件 夹。 约12分钟 9、 学生实训操作： [Zearwaver站点创建与设置 约20分钟 学生实践 10、 Drearwaver创建第一个网页： 名称:i ndex. htnh 设置标题、输入文本、输入特殊字符 (3 )页面属性设置 (4)预览网页 约50分钟 四、 学生实训及辅导； 创建第一个网页。 约40分钟 学生实践 五、 课堂小结 约4分钟 总结 本次课主要内容： 1、 网页设计基础知识； 2、 Drearwaver基本使用方法； 3. Drearwaver创建第一个网页； 后 记 章节 内容 Dreamweaver表格操作； CSS样式表应用。 学标 教目 掌握Dreamweaver小表格的设计方法； CSS样式表的使用方法和技巧。 重点 难点 熟练掌握Dreamweaver中表格的基本操作方法； 了解网页设计中CSS样式表的作用和设置方法。 教学 方法 课堂讲授、案例讲解与指导 教学 环境 计算机机房 教学过程及内容提要 瞿 备注 教学过程设计 —、 引入 1、 回顾上次课所学习的内容：网页设计基础理论知识， Oearwaver软件使用初步； 2、 提出问题：对W)rd中表格操作还熟练吗？ CSS是什么？如何设 置网页中各种元素的显示效果？ 二、 告知学生课堂任务 本次课所学习的主要内容是Drearwaver中表格的使用和 Drearwaver创建CSS样式表； 三、 逐步演示讲解分析教学内容 1、 网页中表格的作用： (1 )内容组织和定位； (2)网页排版； 2、 表格布局和Div布局区别： 各有优势。 表格：简单，好用，学起来很容易上手。各种浏览器都支持！基本 上不会变形。但是代码冗余较多，维护起来也不怎么方便。 CJV+CSS优点：代码冗余小，所以网站打开速度快一些。维护起来 非常方便。