《网页设计与网站建设》教学总结

第四篇：网页设计与网站建设课程教学大纲

网页设计与网站建设课程教学大纲

一、课程编号 B040378

二、课程名称

（1）中文名：网页设计与网站建设

（2）英文名：Web Page Design and Website Establish

三、课程类型：理论含实践课

四、开课系（部）

信息技术系专业教研室

五、大纲说明

1、学时、学分数、课程性质、考试方式、成绩评定 修业年总学时学分课程性质 考核方式 成绩评定

数 64

数 4

专业基础上机 课

专业基础上机 课

等级制 百分制 专业名称 限 计算机信2 息管理 计算机应2 用技术

2、课程开设目的

本课程是一门实用性较强，面向动态网页设计与维护技术性的课程。通过本课程的学习，使学生具有制作动态网页的能力，同时了解网站的技术发展趋势、最新的技术动态及网页/网站制作软件平台。本课程将结合Dreamweaver 8来进行教学，介绍了Internet的基础知识、数据库的基础知识以及Dreamweaver 8的新特点，进而全面讲述了网页/网站制作的基础知识和高级应用、网页/网站制作开发环境的配置以及利用Dreamweaver 8进行动态网页设计的方法和技巧等内容。

六、教学内容

第一章 体验Dreamweaver8梦幻境界 【教学目的和要求】

了解Internet与Web基础、常用的网页设计软件和编程语言。掌握Dreamweaver8网页制作工作环境，面板操作，以及制作简单网页的方法。【教学重点与难点】

重点：网站开发有关知识、Dreamweaver8制作网页的基本方法 难点：自定义工作环境 【教学时数】 2学时 【教学方法与手段】 讲授 【教学内容】

1.Internet与Web基础知识 2.网站开发技术简介

3.Dreamweaver 8新增功能 4.Dreamweaver 8工作环境 5.自定义工作环境 【实践教学时数】 2 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】 熟悉Dreamweaver 8运行环境

初步认识Dreamweaver 8工作环境及面板 制作简单网页

第二章 编辑网页元素 使用表格布局页面 【教学目的和要求】

了解网页的基本组成和基本操作，理解链接的概念、控制和管理，掌握同网页的内容、格式和链接关系，表格布局方法。【教学重点与难点】

重点：文字和图片的处理方法、表格的控制、表格布局 难点：链接的控制和管理方法 【教学时数】 4学时 【教学方法与手段】 讲授 【教学内容】 1.文字处理 2.图片处理 3.创建表格 4.掌握超链接 5.表格布局

【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

制作简单网页 设置文本的锚点链接 鼠标经过图像

运用布局模式设计页面

第三章 运用层和框架 编辑多媒体元素 【教学目的和要求】

了解网页信息的立体组织结构的观念，并以此观念理解网页信息组织和控制方法的认识，掌握Layer(图层)和 Frames(框架)的创建和使用。掌握flash、视频、音频的插入方法。【教学重点与难点】

重点：网页信息的立体控制方法，图层、行为、框架，难点：编辑多媒体 【教学时数】4学时 【教学方法与手段】讲授 【教学内容】

1.网页的定位技术框架 2.Layer(图层)3.flash、视频、音频的插入 【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

利用框架设计页面 利用层设计页面 层与表格相互转换 在线音乐欣赏

第四章 安装调试服务器与站点管理 HTML和CSS样式 【教学目的和要求】

了解服务器的安装与调试，理解站点的管理方法及配置IIS，掌握HTML的基本语法、编辑环境与基本结构，理解CSS样式针对格式的控制，了解样式的总体分类，尽量把多种控制手段、方法结合起来使用。【教学重点与难点】

重点：站点的管理方法，HTML基本语法 难点：CSS样式针对格式的控制 【教学时数】4学时 【教学方法与手段】 讲授 【教学内容】 1.安装调试服务器 2.站点管理 3.HTML标记 4.CSS样式

【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

1.创建web站点，配置IIS，本地、测试、远程站点 2.利用HTML制作网页 3.利用CSS制作特效网页

第五章 提高工作效率 制作网页特效 【教学目的和要求】

了解资源面板的作用和使用。掌握模板和库的运用方法（包括：制作、更新、管理），掌握对全站点的统一、高效的彻底控制的方法。理解掌握网页信息的立体控制方法，Behaviors(行为)及时间轴的使用及JavaScript的简单应用。【教学重点与难点】

重点：模板应用，Behaviors(行为)及时间轴的使用。难点：JavaScript的应用。【教学时数】6学时 【教学方法与手段】讲授 【教学内容】 1.资源面板的使用 2.模 板 3.库

4.Behaviors(行为)的使用 5.时间轴的使用

6.JavaScript的简单应用 【实践教学时数】 6 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】 利用模板制作个人网站 设置快捷菜单

利用行为和时间轴制作特效页面 JavaScript的应用

构建动态网站基础知识

【教学目的和要求】

了解Asp的基本概念，掌握用事件编程来控制网页，理解ASP的概念及其相关的技术，掌握服务器怎样和客户交互，制作出完整的应用程序。掌握表单的创建和使用，理解表单的可实现网页数据传输功能，了解表单的不同提交方式之间的区别。【教学重点与难点】

重点：表单格式控制、表单处理。难点：Asp对象 【教学时数】 4学时 【教学方法与手段】 讲授 【教学内容】

1.ASP的对象、服务器对象 2.表单概念 3.创建表单

4.表单发送方式的处理 【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

利用表单对象制作上传页面 制作个人简历 第七章 动态网站数据库 【教学目的和要求】

了解数据库与网页之间的联系，理解数据库的概念，掌握动态网站的设置和数据库的应用。【教学重点与难点】

重点：数据库的相关概念和原理，数据库连接 难点：SQL语句，数据库连接 【教学时数】 2学时 【教学方法与手段】讲授 【教学内容】

动态网站的设置 数据库的连接 SQL语言中的常用语句 通过ADO使用数据库

定义记录集，并与数据库的绑定 在页面显示记录 【实践教学时数】 2 学时 【教学方法与手段】 演示法、实验法 【实践教学内容】 利用Access建立数据库 利用网页对数据库数据进行操作 第八章 综合实例 【教学目的和要求】

通过对具体网站设计实例的讲解，提高学生综合分析问题和解决问题的能力。使学生掌握运用Dreamweaver8独立地进行网站相关设计的技能，初步具备实际工作能力，实现登陆、注册、修改、查询、留言板等功能。【教学重点与难点】

重点：确定网站整体设计风格，查询、留言板功能 难点：网站整体设计的把握和确定，相关数据库的设计 【教学时数】 6学时 【教学方法与手段】讲授 【教学内容】

网站主题的确定资料和素材的收集 各级页面之间的连接

动态网页与相关数据库的连接

实现登陆、注册、修改、查询、留言板等功能 【实践教学时数】 6 学时 【教学方法与手段】 演示法、实验法 【实践教学内容】 1.创建站点 2.设计数据库 3.实现登陆、注册、修改、查询、留言板等功能

七、建议教材与教学参考书 教材：

1.《Dreamweaver 8网页制作与网站开发》杨志姝，吴俊海编著 清华大学出版社

2006年出版 版次1 参考书：

1.《中文版Dreamweaver MX 2004标准教程》鲍嘉，卢坚编著，海洋出版社

2004年出版 版次1 2.《Dreamweaver MX入门与提高》周家地，肖小清编著，清华大学出版社

2002年出版 版次1 3.《ASP动态网页设计教程》丁桂芝编著，中国铁道出版社2005年出版 版次1 制定人：（课程负责人或任课教师签字）日期：

审核人：（系或教研室主任签字）日期： 审定人：（教学院长或教务处长签字）

日期：

香蕉街,棉先生,初棉,棉先生官方,棉先生淘宝,原创女装,2013新款女装

http://www.xiexiebang.com

第五篇：武职计算机网站建设与网页设计培训总结

赴武汉职业技术学院参见中职骨干教师培训

心得体会

（计算机专业网站建设方向）

当前，大力发展职业教育特别是中等职业教育是党和国家在教育工作中的战略重点。职教师资队伍的建设就显得尤为重要，开展中职骨干教师培训是“中等职业学校教师素质提高计划”的重要内容和主干项目，是为中等职业学校造就一大批专业理论水平高、实践教学能力强、在教育教学工作中起骨干示范作用的“双师型”优秀教师和一批高水平的职业教育教学专家，这是建设中职师资队伍的可行措施之一。

7月4日我参加了由武汉职业技术学院承办的湖北省中职骨干教师的培训。在学院领导和老师们的精心组织和安排下，我们这些来自全省各地的学员们，在团结友好、互助交流中愉快地度过了两周的学习时间。对我而言，不仅学习到了先进的职业教育教学理念和精湛的专业理论实践知识，同时也感受到全省各地名校名师的风采。繁忙紧张的学习生活很快就过去了，收获巨大，感受颇多，下面就几个方面谈一点自己的体会。

一、重新认识职业教育。

以前我对职业教育的理念没有一个明确的概念，总觉得学校现在招来的学生基础太差，不好教，应对的方法也只有一个，那就是降低教学要求、减少教学内容，通过这次学习我清楚的认识到首先是自己的想法就是不正确的，我原来的想法其实本质上讲还是以理论教学为

主，实事上，职业教育既有一般教育的共性，更有以服务为宗旨、以就业为导向的个性，职业教育的质量就是看学生能不能就业、市场满意不满意、企业满意不满意。很多毕业的学生在市场上供不应求，为什么能有这样好的就业呢？主要是学生见的多，动手多，学生一毕业便能上手为所在企业创造效益。如果说清华北大培养的是文状员，那么我们培养的就是武状员。这就说明中职教育的目标就是要培养市场满意企业满意的高素质的劳动者。我们职教的长处不在于他的理论性教学，而在于技能性操作性教学。

二、对网站建设有了一个整体的认识。

近半个月里老师通过对关键课程的概述如：网站建设职业规划、网站设计与发布流程等让我们认识网站建设；通过灵活而贴近现实生活，不乏幽默的讲解和实训使我们对网站建设有了一个整体的概念和认识。

那么网站健身到底是什么呢？网站建设是涵盖企业定位考虑，从营销角度立意而进行一个建设网站的过程，其中包括了前期网站定位、内容差异化、页面沟通等战略性调研,这些确立后，再去注册域名、租用空间、网站风格设计、网站代码制作五个部分，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站可以分为政府、事业单位网站，商业网站，个人网站及门户网站等等。网站建设分为如下10步：

1、申请域名（域名备案）；

2、申请空间；

3、定位网站；

4、分析网站功能和需求（网站策划）；

5、网站风格设计；

6、网站代码制作；

7、测试网站

8、FTP上传网站；

9、完善资料；

10、网站维护。网站建设包括：网站策划、网页设计、网站功能、网站内容整理、网站推广、网站评估、网站运营、网站整体优化，网站建设的目的是通过网站达到开展网上营销，实现电子商务的目的。网站建设首先由网络营销顾问提出低成本回报的网络营销策划方案。通过洞悉项目目标客群的网络营销策略，引发、借力企业与网民，以至网民与网民之间的互动，使企业以最小的营销投入，超越竞争对手，获得更高效的市场回报营销网站规划网站前期策划作为网络营销的起点，规划的严谨性、实用性将直接影响到企业网络营销目标的实现。网站建设商以客户需求和网络营销为导向，结合自身的专业策划经验，协助不同类型企业，在满足企业不同阶段的战略目标和战术要求的基础上，为企业制定阶段性的网站规划方案。营销型网站建设实施依托自身多年的网站建设、开发经验，为企业内部之间、企业与其外部之间搭建良好的信息沟通桥梁，在前期规划基础上，建立起以网站用户体验为核心的网站信息组织、个性化的网站视觉设计、量身订制的网站功能定义及开发、高效的网站系统整合。同时我们也了解到当然如果仅仅从一门专业学习的角度上说半个月的时间是远远不够的，但是我想有了这次培训做基础，今后我们再学网站建设方面的知识一定会事半功倍的。

三、中职教师的新要求。传统观念对中职教师的要求比较单一，除了作为一名教师所必备的条件外，我们也强调要理论联系实际，但如何联系没有定论，通过这次培训我明白了一名中职教师不仅要具备专业的教学能力，还要树立现代职业教育理念，了解课程和教学改革

方向，掌握相关专业教学法和现代教育技术手段，具备初步的课程开发能力；不断提高专业知识水平，比较熟练地掌握本专业领域的新知识、新技术和关键技能，并且能在本专业领域取得职业资格证书或专业技术资格证书；不断丰富实践经验，走出学校，了解现代企业生产状况、技术水平、用人需求信息，熟悉生产工艺流程和岗位操作规范，加深对学校教学和企业实际联系的理解。

温家宝总理在全国职业教育工作会议上做了题为“大力发展中国特色的职业教育”的报告，不仅客观的分析了大力发展中国职业教育的重要性和紧迫性，还提出了坚持走中国特色的职业教育发展路子的思想：“职业教育具有鲜明的职业性、社会性、人民性。我国职业教育的先驱黄炎培先生曾把职业教育的目的概括为：“使无业者有业，使有业者乐业”。职业教育应该是面向人人的教育，使更多的人能够找到适合于自己学习和发展的空间，从而使教育事业关注人人成为可能。”这不仅让我们看到了职业教育的前景，更让我们感受到了做为一名中职教师所负的责任。虽然压力很大，但我很自豪，我愿意为我国职业教育的繁荣和发展而努力奋斗!

天门职业学院刘欢

二〇一一年七月十四日