《网页设计与制作》课程.docx

《《网页设计与制作》课程.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程.docx（12页珍藏版）》请在三一办公上搜索。

1、网页设计与制作课程网页设计与制作课程标准 课程代码： 建议课时数：96 适用专业：五年制高职电子商务专业 先修课程：图像处理、数据库管理、实用网络技术 后续课程：动画制作、电子商务网站建设 学分：6 一、前言 1.课程的性质 该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。 其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的

2、操作技能。 2.设计思路 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。 课程框架结构、学分和学时分配、对学生选课的建议 项目名称 项目一 初识网站 项目二 HTML语言 项目三 页面布局设计 项目四 制作图文并茂的网页 项目五 css样式设计 项目六 div+css 建议学时 6 8 10 6 10 8 12

3、 学分 备注 每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，掌握中小型网站建设与管理的项目七 表单的应用 项目八 模板和库的应用 项目九 行为 项目十 初识动态网站 合计 96 8 6 10 18 基本操作，能够制作并管理中小型网站。 二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 具体目标 知识教学目标： 了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。 了解网站平面设计的概念和过程。 了解HTML的基本概念、基本格式、能编写一个网页

4、； 了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。 学会并掌握站点建设能制作简单网页 学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作 学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。 了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。

5、 学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。 了解dhtml和层对象的概念，掌握添加层的基本方法及其相关属性的设置，掌握层的基本操作方法，掌握表格与层的相互转换的方法。 了解行为的基本原理、概念及行为的特点，掌握给对象附加行为的基本方法以及如何修改行为的触发事件，掌握内置行为的具体应用方法。 结合网站应用的特点，掌握基于Web的数据库的基本操作模式。掌握数据库连接的一般使用方法，学会使用ADO访问数据库，掌握ADO中的Connection对象和Recordset 对象的主要属性和方法。掌握在Dreamweaver下做对数据库表进行基

6、本操作的页。掌握数据库管理方法。 了解并掌握网站发布的完整流程，掌握对已有网站维护的方法，了解服务器管理的相关知识。 技能教学目标： 1、运用科学的思维方法，对网站设计、建设、推广和运营等各方面问题进行整体策划，并提供完善的解决方案； 2、学会使用文字标志、段落标志、列表标志、超链接标志。 3、学会安装IIS并调试；学会建立一个站点并配置； 4、能够使用HTML语言编写网页； 5、掌握Dreamweaver CS3制作网页的方法； 6、掌握使用ASP的数据库访问组件来连接数据库； 7、通过一个整体的项目，对某一网站作一个完整的设计和制作，以此达到建设中小型网站的能力。 素质教学目标： 1. 具

7、有勤奋学习的态度，严谨求实、创新的工作作风； 2. 具有良好的心理素质和职业道德素质； 3. 具有高度责任心和良好的团队合作精神； 4. 具有一定的科学思维方式和判断分析问题的能力； 5. 具有较强的网页设计创意思维、艺术设计素质。 三、课程内容和要求序号 工作任务 知识点 训练或工作项目 1、熟悉各种网页浏览器、制作工具，各种功能性的网站。 2、利用Dreamweaver cs3打造并管理网站站点 教学要求 了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。运用科学的思维方法，对网站设计、建设、推广和运营等各方面问题进行整体策划，并提供完善的解决方案。学会网站站点的建立与管理。

8、 学会并掌握站点建设能利用html语言制作简单网页 学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作 教学情境与教学设计 参考 学时 1 1、网页的基本构成要素、静态网页与动态网页的区别，各种浏览器和网页制作工具。 初识网站 2、掌握站点编辑和管理的方法、掌握站点素材及其制作工具的有关知识、了解站点的设计流程 Html 项目教学： 创建你的第一个网站 4 2 1、HTML的基本概念、基本格式，1、实现用记事本编写具有学文字标记、段落标记等。 生信息的网页。 2、HTML语言的重要标记和属性 2、应用多种标记 1、掌握表格属性的设置，理解各参数的含义 2、理解

9、框架和框架集的作用 3、AP元素的属性，spry构件的概念及类别 1、学会并灵活利用表格对网页进行合理布局的方法与技巧 2、掌握选择、创建框架和框架集的方法 3、创建及编辑AP元素及spry构件的方法 1、设置图像属性、文字提示，创建图像热点区域以及掌握图像占位符、变换图像效果等方法。 2、掌握多种方法创建超级链接，以及设置超级链接目标窗口及文本提示、设置邮件项目教学： 创建我的个人网站 8 3 页面布局设计 项目教学：创建“北京体育电影周”网站 12 4 制作图文并茂的网页 1、掌握图像的分类及其特点，了解图像占位符、Firewroks HTML文件、图像的变换效果和导航条等。 2、了解UR

10、L地址解析、理解绝对路径和相对路径的概念 3、了解Flash动画、图像查看学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。 项目教学：“江南美食”网站制作 10 序号 工作任务 知识点 训练或工作项目 教学要求 教学情境与教学设计 参考 学时 器、ActiveX控件、Plugin插件链接和设置书签链接等 和视频、音频格式等相关知识。 3、掌握在网页中插入Flash动画、Flash按钮、Flash文本、图像查看器及相关属性的设置。 1、css样式的概念、作用

11、2、css样式定义的各选项的含义及其作用 1、在网页中添加样式表的方法。 2、样式表文件的导出及链接外部样式表的方法 了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。 5 css样式设计 项目教学：创建无锡旅游网 10 6 了解并掌握DIV+CSS布局一列、掌握使用DIV+CSS布局一列、通过实践活动，掌握使用DIV+CSS进DIV+CSS两列、三列等常用网页布局的两列、三列等常用网页布局。 行网页布局的方法。 网页布局 相关知识。 表单的应用 1、了解表单的作用、属性 2、了解表单元素及表单元素

12、的属性。 1、模板的作用和制作方法 2、库的作用和制作方法 1、行为的基本原理、概念及行为的特点 2、行为的概念，对行为的触发事件的理解 1、理解表单交互的基本原理，掌握建立表单布局 2、插入不同表单元素，设置相关的属性。 1、创作模板页面 2、创建库项目 1、给对象附加行为的基本方法以及修改行为的触发事件的方法。 2、制作弹出窗口、播放声音、学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。 学会创作模板页面和库项目的方法，并能应用模板和库项目 项目教学：创建个人博客页面 项目教学：产品信息反馈表的制作 项目教学：制作基于模板旅游信息页面

13、 12 7 6 8 模板和库的应用 6 9 行为 了解行为的基本原理、概念及行为的特点，掌握给对象附加行为的基项目教学：创建本方法以及如何修改行为的触发事动漫网 件，掌握内置行为的具体应用方法。 10 序号 工作任务 知识点 训练或工作项目 弹出消息框、设置导航栏图像、弹出菜单的步骤方法等 教学要求 教学情境与教学设计 参考 学时 10 初识动态网站 1、配置服务器的目的，设置权限的原理，ASP基础。 2、ADO中的Connection对象和Recordset 对象的主要属性和方法。 3、服务器行为 4、对操作语句的理解。检索select、添加insert、修改update、删除delete。

14、 1、配置服务器，编辑站点，设置权限，制作动态网页。 2、使用ASP的数据库访问组件来连接数据库。 3、在Dreamweaver下制作前台显示页面。 4、在Dreamweaver下实现对数据库表的基本操作。 结合网站应用的特点，掌握基于Web的数据库的基本操作模式。掌握数据库连接的一般使用方法，学会使用ADO访问数据库，掌握ADO中的Connection对象和Recordset 对象的主要属性和方法。掌握在Dreamweaver下做对数据库表进行基本操作的页。掌握数据库管理方法。 项目教学：创建学生成绩管理系统网站 18 四、实施建议 教学建议 在进行教学时，以项目的方式展开教学，知识逐层递进

15、，最终使学生具备建立、管理和维护动态网站运行环境的知识和基本能力。 实践教学的安排： 以案例项目教学法为主体，充分利用多媒体设备组织教学，课程教学全过程均安排在专业实验室完成，保证课程讲授与学生个人上机实验学时比至少为1：1。 在课程教学的后期安排一周的实训，学生在专业教师指导下，采用项目驱动，独立制作完成网站，个人作品能发布到Internet上，进一步提高学生网站开发的综合应用能力。 教学评价 1、教师评价和学生互评相结合、过程评价和结果评价相结合、课内评价和课外评价相结合、理论评价和实践评价相结合、校内评价和校外评价相结合。 2、考核方法 本课程的考核成绩以技能成绩为主，采用上机考试。平时

16、上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。 最终课程成绩由“平时成绩，期末考试成绩”组成。 3、该项目课程学习完成后可建议学生参加对应的职业资格证书考证和等级。 教学基本条件 本课程既然是理实一体化的学习，就应该具有相应的实验环境，建议所有课程均在实验室中进行。 教材选用与编写 建议选用XX年6月江苏教育出版社-凤凰传媒出版，徐云晴主编的网页设计与制作。 辅导资料： 网页制作 Dreamweaver MX 2004主编 陆莹 华东师范大学出版社 XX年6月第一版 中小型网站建设与管理唐军名 主编 高等教育出版社 XX年7月第一版 动态网页设计王玉洁 主编 东南大学出版社XX年8月第一版 Dreamweaver8 & ASP动态网站开发基础与实例 王爱民 支丽平 主编 中国水利水电出版社 XX年5月第一版 课程资源的开发与利用 课程资源建议参考网页设计与制作网络课程： http:/172.21.195.3/skills/portal/portalView.do?fwcid=portal&feature=portalCourse&action=view&courseKey=369967&siteKey=-1 其他网络教学环境建议： 1、华东师范大学出版社资源网 2、高等教育出版社资源网 3、中国水利水电出版社资源网