网页设计与制作32课时完整教案.doc

教 案（首页） 课程 名称 网页设计与制作 课程编号 050420117 总计：32 学时 讲课：16 学时 实验：16 学时 上机： 学时 学 分 2 类别 必修课（ ）选修课（(） 理论课（ ）实验课（ ） 任课 教师 职称 讲师 授课 对象 专业班级：2007级工业设计（本）班 共 1 个班 基本 教材 和主 要参 考资 料 基本教材：《Dreamweaver CS3+HTML超炫网页设计与制作》胡菘.中国青年出版社 参考资料：《精通CSS+DIV网页样式与布局》前沿科技 曾顺 编著.人民邮电出版社 《网页制作实用教程》张淑清主编.人民邮电出版社． 《网页制作循序渐进教程》龙腾科技 教学 目的 要求 本课程是非计算机专业的选修课通过该课程的学习，引导学生了解网页、网站、主页和WWW服务器的基本概念，熟悉建立网站以及发布网站的步骤和过程；掌握使用可视化网页制作工具Dreamweaver建立网站、制作网页的方法；能够收集制作网页的多媒体素材，熟悉基本的图像处理和动画制作技术；掌握使用HTML语言的基本知识等。 依据项目导向、案例驱动、突出实践、关注过程的教学理念，通过项目和案例，介绍Dreamweaver文本、图片、表格、层、超链接、表单、CSS以及行为和事件的使用方法，最终完成一个专题网站的设计与制作。 教学 重点 难点 了解网页制作和网站建设所需的基本知识，理解HTML语言和CSS样式个属性以及网页设计工具软件Dreamweaver和Photoshop的使用及应用，掌握网页制作和网站建设所需的基本技能。能够根据任务需求建立客户端的的静态网页和网站。 网页设计与制作 课程教案 授课时间 第 6 周 星期 一 第 1-2 节 课次 1 授课方式 （请打√） 理论课( 讨论课□ 实验课□ 习题课□ 其他□ 课时 安排 2课时 授课题目（教学章、节或主题）： 第一章 网页设计概述 教学目的、要求（分掌握、熟悉、了解三个层次）： 重点讲授网站，网页涉及的概念；了解网页设计涉及的相关概念；了解网页设计的语言HTML；掌握学习网页设计的某一种工具；理解网站和网页的关系。 教学重点及难点： 重点：理解网站和网页的关系； 难点：HTML语言设计，网站和网页的关系。 教 学 基 本 内 容 方法及手段 第一章 网页设计概述 1. 网络的概念 Internet概述 Internet是相互连接的网络集合。网络协议是网络中的设备进行通信时共同遵循的一套规则，即以何种方法获得所需的信息。 WWW WWW(World Wide Web)简称为万维网，客户端只要通过“浏览器”（Browser）就可以非常方便地访问internet上的服务器端，迅速地获得所需的信息。 域名与IP地址 在Internet上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址就是IP地址。IP地址是由32位的二进制数值构成，分成4组，转化为十进制用点分隔，比如：1。域名系统是一个分层的树状结构组织。域名的书写格式为：叶节点名.二级域名.顶级域名 2．网站与网页的概念 构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了WWW的纵横交织的网状结构。通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 3．相关知识 网页制作工具 网页编辑工具 网页编辑工具主要分为标记型和所见即所得型。所见即所得型的编辑软件主要有：微软的FrontPage和Macromedia公司推出的Dreamweaver。 利用多媒体系统播放教学ppt； 利用投影仪进行课堂操作演示。 网页设计与制作 课程教案（续） 教 学 基 本 内 容 方法及手段 图形和图像处理工具 目前常用的图形和图像处理工具主要是Adobe公司出品的著名的图形图像处理软件：Photoshop和Macromedia公司推出的Fireworks。 动画制作工具 目前常用的是Macromedia公司推出的Flash。 HTML语言 HTML语法结构 HTML文件的所有控制语句称为标签，标签在一对尖括号之间，格式如下： 标签HTML语言元素/标签 常见的HTML标签 见讲义内容 4. 网页设计师必备的专业素质　 见讲义内容 利用多媒体系统播放教学ppt； 利用投影仪进行课堂操作演示。 小结： 通过对网站网页设计中涉及到的基本概念解释，帮助学生理解掌握网页设计的要求