网页设计与制作教学大纲.doc

《网页设计与制作》教学大纲
一、课程的地位与性质
“网页设计与制作”是高职电子商务专业的职业技能课，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dreamweaver中文版的使用以及网页制作的拓展内容（Flash、Firework）等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“电子商务信息技术与应用”、“计算机辅助平面设计”为前期基础课程，也是“电子商务网站规划与管理”和“动态网页设计与制作”等课程的前期基础课程。
二、课程的任务与目的
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，掌握网页制作的拓展内容——Flash、Firework，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配
章课程内容课时小计讲授实验案例其他1概述2202HTML10463Dreamweaver基础2114网页中的基础元素6335网页页面布局164126表单的应用4227网页中的层和时间轴2118在网页中使用行为4229CSS样式使用82610网页中的多媒体应用21111模板和库21112站点测试和发布21113Flash简介2081214Fireworks8简介可选\学生自学合计803248
四、教学内容
第一章概述2学时
教学目的：
了解网页及网站基本概念及网页的基本要素分析
教学重点与难点：
网页、网站设计流程，网页基本要素
第一节网页和网站0.5学时
一、网页
二、网站
三、网页的基本功能
第二节网页中的主要元素0.5学时
一、文本
二、图像
三、链接标志
四、其他的基本要素
第三节网页制作工具0.5学时
一、网页编辑工具
二、网页图像编辑工具
三、动态网页技术
第四节网页设计的基本流程0.5学时
一、网站的设计流程
二、网页的设计与制作
三、网页的测试
四、网页上传和发布
第二章HTML语言基础4学时
教学目的：
了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。
教学重点与难点：
HTML的语法结构、超级链接的语法、表格和框架的基本语法。
第一节HTML概述（与第二节合为1学时）
一、HTML简介
二、HTML语法结构
第二节文本的编辑
一、段落标记
二、文本标记
三、标题显示等级
四、列表
第三节图像编辑1学时
一、插入图像
二、使用背景图像
第四节建立超链接1学时
一、建立超链接
二、使用书签
三、标记新窗口和基准链接
第五节表格与框架1学时
一、建立表格
二、表格属性
三、建立框架
四、框架属性
第三章Dreamweaver基础1学时
教学目的：
了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。
教学重点与难点：
规划站点的结构、网页的基本操作
第一节Dreamweaver8工作界面学时
一、启动和退出Dreamweaver
二、Dreamweaver8操作界面
第二节规划与创建站点学时
一、规划网站的整体结构
二、建立本地站点
三、管理本地站点
第三节网页文件的基本操作学时
一、新建网页
二、保存网页
三、关闭网页
四、打开网页
五、预览网页
第四章网页中的基础元素3学时
教学目的：
通过本章的学习可以掌握在网页中的文本和段落的设置方法，掌握图像的插入及其属性的设置的方法，熟悉页面属性的设置，熟悉各种超级链接及设置。
教学重点与难点：
文本和段落的设置文本、图像的插入及其属性的设置、超链接
第一节在网页中插入文本1学时
一、插入文本
二、设置文本格式
三、段落格式的编辑
四、设置列表
五、简单的CSS样式应用
第二节在网页插入图像（与第三节合为1学时）
一、插入图像
二、设置图像属性
三、编辑图像
四、图像外部编辑
五、鼠标经过图像
六、创建导航条
第三节插入其他网页元素
一、水平线
二、日期和时间
第四节设置网页的页面属性（与第五节合为1学时）
一、打开页面属性对话框
二、设置网页的标题
三、设置网页的背景
四、设置网页的文本
五、设置网页的边界
第五节设置超级链接0.5学时
一、超链接的路径
二、创建基本超链接
三、锚点链接
四、热区链接
五、电子邮件链接
第五章页面布局规划4学时
教学目的：
学会运用表