网页制作教学大纲(专业课).docx

网页制作教学大纲(专业课)

第一篇：网页制作教学大纲(专业课)《网页制作》教学大纲（40学时）课程代码：13407334一、课程性质、目的及开课对象（一）课程性质：专业选修课（二）目的：对学生进行网页制作技能训练，提高他们对网络资源利用开发的能力，处于信息时代，还应努力培养学生的信息素养，使他们掌握网页制作的基本技能和网络资源利用的基本能力，以及网络道德素养的培养与提高。（三）开课对象：教育技术学专业本科学生，时间为第七学期。二、先修课程：无三、教学方法和考核方法（一）教学方法：演示法、讲授法。（二）考核方式：考查四、学时数分配总学时：40学时。授课20学时，实验20学时。五、教学内容与学时第一章HTML基础（2学时）【主要内容】：1.1什么是HTML1.Web页的基本概念2.HTML的工作原理3.创建和测试Web页1.2创建WEB页1.标记符基础2.Web页的基本结构3.设置页面属性4.添加注释5.显示特殊符号1.3发布WEB页1.创建本地站点2.申请网页空间3.用FTP上传网页【重点难点】：站点的创建与使用【学生掌握要点】：什么是HTML、站点的创建与使用【习题】：1.简要说明HTML的基本工作原理。2.编写一个能够显示背景图案并能播放背景音乐的网页。第二章文本格式（2学时）【主要内容】：2.1文本分段1.段落标记符P和换行标记符BR2.水平线标记符HR3.标题标记符Hn4.段落对齐2.2控制文本的显示效果1.字体控制标记符FONT2.物理字符样式3.逻辑字符样式4.滚动文字效果2.3列表格式1.有序列表2.无序列表【重点难点】：控制文本的显示效果【学生掌握要点】：文本格式化【习题】：1、自行编写实例，尝试本章中介绍的所有标记符和属性。第三章使用图像（4学时）【主要内容】：3.1web页图像基础1.位图与矢量图形2.Web页图像格式3.使用网页图像的要点3.2图像处理基本操作1.Fireworks的界面2.修改图像大小3.用适当的格式导出图像4.制作GIF动画3.3图像标记符IMG1.插入图像2.设置图像属性3.4创建超链接1.相对地址和绝对地址2.页面链接3.锚点链接4.电子邮件链接3.5使用图像映射1.什么是图像映射2.创建图像映射【重点难点】：创建超级链接和对页面空间结构的理解。【学生掌握要点】：图像处理基础、图像处理、超级链接【习题】：1.2.3.4.简要说明GIF格式和JPEG格式各自的特点。说明在网页中使用图像时应注意的基本原理。使用FRIEWORKS制作一个GIF动画，并将动画插入到网页中。制作一个简单的图像映射网页。第四章表格与框架（2学时）【主要内容】：4.1创建表格1.表格的基本结构2.合并单元格3.构造表格的步骤4.2表格的属性设置1.边框与分隔线2.控制单元格空白3.表格的对齐4.3使用表格设计网页布局1.控制表格和单元格大小2.控制表格和单元格的背景3.使用嵌套表格4.表格布局综合应用4.4创建框架1.什么是框架2.指定框架结构3.框架的嵌套4.框架的初始化4.5控制框架的显示效果1.边框效果2.设置框架空白4.6使用框架设计网页布局1.指定超链接的目标框架2.使用页面框架【重点难点】：使用表格与框架设计网页布局【学生掌握要点】：实现表格的各种作用、使用框架设计网页布局【习题】：1、按照讲解实例自行制作。2、制作一个简单的个人网站，要求使用表格排版，并用到框架导航结构。请注意不同页面到框架页面的跳转，以及如何从框架页面跳出。第五章CSS技术（4学时）【主要内容】：6.1CSS入门1.什么是CSS2.CSS的属性单位6.2在网页中使用CSS1.在标记符中直接嵌套样式信息2.在STYLE标记符中定义样式信息3.链接外部样式表中的样式信息4.样式的优先级6.3CSS样式定义1.HTML标记符selector2.具有上下文关系的HTML标记符selector3.用户定义的类selector4.用户定义的IDselector5.虚类selector6.4CSS属性1.字体与文本属性2.颜色与背景属性3.布局属性4.定位和显示属性5.列表属性6.鼠标属性6.5CSS过滤器效果1.过滤器属性列表2.过滤器效果示例【重点难点】：CSS样式定义【学生掌握要点】：在网页中使用CSS【习题】：1.2.3.4.简要说明在网页中使用CSS的三种方式，并说明各自的特点。说明如何确定网页中特定CSS样式的优先级。试验各节介绍的各种CSS属性效果和过滤器效果。制作一个个人网站，要求合理使用CSS技术和其他网页技术。第六章用DreamweaverMX制作网页（6学时）【主要内容】：7.1DreamweaverMX的界面1.DreamweaverMX的界面元素2.设置文档窗口7.2创建和管理站点1.网站开发流程2.创建本地站点3.