网页制作与网站建设0586教学大纲3篇(网页制作教学设计).docx

《网页制作与网站建设0586教学大纲3篇(网页制作教学设计).docx》由会员分享，可在线阅读，更多相关《网页制作与网站建设0586教学大纲3篇(网页制作教学设计).docx（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页制作与网站建设0586教学大纲3篇(网页制作教学设计)网页制作与网站建设0586教学大纲1 网页设计与制作教学大纲 一、课程基本信息 课程编号： 中文名称：网页设计与制作 英文名称：Web Design and Production 课程类别：选修课 适用专业：所有专业 开课学期：2023-2023第2学期 总学时：24学时 总学分：1 课程简介： 本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲

2、自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书： 1、网页设计与制作教程，熊前兴 闵联营，科学出版社; 2、网站与网页设计，张贵明，清华大学出版社; 3、网页美术设计原理及实战策略，王晓峰 焦燕，清华大学出版社; 4、网站建设典型案例，张枭，清华大学出版社； 二、课程教学目标： 网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教

3、学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。 三、理论教学内容与要求 第一章、网页的基础知识（1学时）（1）Internet基础知识 （2）简介 （3）网页制作的技术和工具介绍 第二章、超文本编辑语言HTML（8学时）（1）HTML文件的基本结构（2）文字和段落标记 （3）列表标记 （4）图片标记（5）表格标记（6）超链接标记（7）表单标记（8）框架标记 第三章、JavaScript语言（4学时）（1）JavaScript语言简介（2）JavaScript编程基础（3）基于对象的JavaScript语言（4）JavaScript程序实例 第四章、层叠样式表CS

4、S（1学时）（1）CSS概述（2）CSS属性 第五章、可视化网页设计工具（1）网页的基本操作（2）图像、表格与超链接（3）表单与框架（4）添加网页元素（5）发布站点 第六章、动态网页设计语言ASP（4学时）（1）ASP简介（2）VBScript脚本基础（3）ASP的内置对象（4）实用文件 4学时）（第七章、利用AD0访问数据库（1学时）（1）数据库的连接（2）数据库的检索（3）数据库的操作 总结复习（1学时） 四、实验教学内容与要求 五、作业 六、考核方式 期末考核每个同学为自己设计制作一个博客网站。 七、成绩评定 1.自制网站（80%）2.平时考勤、作业(20%)平时成绩分配： 平时考勤5次

5、，每次2分，共占10% 作业5次，每次2分，共占10% 八、执行大纲时应注意的问题 根据学生对课程内容的掌握和理解程度会对进度做适当的调整。 执笔人：邢雁平 网页制作与网站建设0586教学大纲2 网页制作与设计教学大纲 课程编号： 总学时数：36学时（其中讲授：20学时，实验：16学时） 一、课程性质、目的和要求 本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决静态网页制作和设计等方面问题的能力。通过对的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习，使学生对于网

6、页设计中所涉及的相关知识有一个全面的了解。 在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语言的运用，并基本掌握JavaScript脚本语言编程的常用方法与技巧。通过与前期课程的融会，运用掌握的Flash等其他制作工具软件，在具体的网页设计过程中要很好的将几者结合起来使用，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。通过本门课程的学习，学生能够具备以下能力：网站建设、网络广告、多媒体课件、网络游戏、汇报材料，MTV等。同时培养学生以下素质：服务意识：能够为他人

7、提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。 二、教学内容、要点和课时安排 第一章 Dreamweaver MX概述 1Dreamweaver MX简介 2Dreamweaver MX的工作界面介绍 3窗口和面板 4Dreamweaver MX的新特性 要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行设置具有独特的工作环境，对Dreamweaver MX的主界面认识透彻，便于以下课程的

8、深度学习。 第二章 创建站点 1站点的规划 2创建本地站点 3创建ASP站点 4连接数据库 2学时 2学时 5站点的管理与维护 6发布站点 要求：了解站点的基本概念，熟悉掌握使用DreamweaverMX定义站点的方法，能根据自己的实际情况定义站点，定义ASP站点，掌握通过DreamweaverMX软件连接简单数据库的方法。 第三章 文本及其格式化 1文本及其格式化概述 2文本的输入 3创建文本列表 4CSS样式文件的创建 5将文档中的样式导出为CSS样式文件 6文本格式化综合实例 要求：学习如何插入文本、设置字体类型、大小、颜色和对齐属性，使用层叠样式表创建和应用自定义样式。通过学习掌握利用

9、CSS样式格式文本，掌握导出和使用CSS样式文件的基本方法。 第四章 图像 2学时 2学时 1常用图像文件格式 2插入图像 3设置图像的属性 要求：通过学习，学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性，利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合。 第五章 表格 1概述 2表格的基本操作 3表格及其属性设置 4表格排序 要求：掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置。对表格的修改主要是添加内容、修改表格或单元格行/列属性，复制或者粘贴多个单元格

10、等操作。 第六章 框架 1创建框架 2框架和框架页的基本操作 3设置框架和框架页的属性、大小及背景色 2学时 2学时 4框架及框架页综合实例 要求：掌握框架的创建、保存以及框架属性的设置，难点在于框架的链接设置，掌握框架结构的主要功能在于导航。注意框架和框架集的区别。 第七章 页面布局视图的使用 1布局单元格和布局表格 2绘制布局表格和布局单元格 3布局表格和布局单元格的基本操作 4设置布局宽度 要求：重点掌握如何创建布局表格和布局单元格，掌握布局视图的切换方法，掌握布局表格和布局单元格属性的设置和意义。 第八章 链接 3学时 3学时 1链接、路径与锚 2建立链接 3建立特殊链接 要求：了解链

11、接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别，学会使用特殊链接（书签、电子邮箱、网站URL）,理解掌握链接目标的指定。 第九章 表单 1表单概述 2创建表单 3表单对象 4客户注册表单 5网上调查表单 要求：掌握如何创建表单，以及如何在表单中添加表单对象，掌握常见的表单对象的功能和使用方法，理解表单处理的原理，能够完成基本的表单设计。 第十章 层 1关于层 2创建层 3显示隐藏层实例 4下列菜单实例 5层综合应用实例 要求：让学生掌握层的概念和层的分类，掌握关于层的属性，掌握建立层的基本方法，掌握层的各种属 2学时 2学时 性的设置。 第十一章 行为 1什么是行为 2行为面板的用

12、法 3行为的基本操作 4使用Dreamweaver自带的行为 5行为应用实例 要求：重点掌握DreamweaverMX自带的行为的使用方法，掌握这些常用行为事件的设置，了解行为的意义以及行为面板的使用方法，能根据具体的行为设置对应的行为事件，能对所使用的行为事件进行修改。 第十二章 时间轴与动画 1时间轴面板 2使用时间轴创建动画 3修改时间轴 4创建录制路径动画 5在时间轴中改变对象属性 6在时间轴中使用行为 7时间轴动画实例 要求：掌握如何使用时间轴创建时间线动画，重点掌握如何修改时间线及其对象的属性，添加和删除祯、修改动画的起始时间、修改动画路径的位置等。 第十三章 Dreamweave

13、r MX程序设计 1Dreamweaver MX程序设计基础 2建立数据库连接 3定义记录集 4动态数据绑定 5应用服务器行为 要求：掌握基本的术语和如何建立数据库连接，掌握如何建立记录集，以及记录集中数据的绑定，了解各类服务器行为的功能，重点掌握如何定义记录集和应用服务器行为，掌握WEB应用程序的构建。 第十四章 模板与库 1什么是模板和库 2创建模板 3定义可编辑区域 2学时 2学时 2学时 2学时 4应用模板建立网页 5应用模板更新站点 6库的使用 7模板的创建与设置实例 要求：掌握模版和库的原理和优势，掌握掌握如何建立和使用模版，掌握库的使用和添加到库文件。第十五章 代码片断 1使用代

14、码片断 2代码片断的创建 3代码片断的使用 4代码片断的创建与使用综合实例 要求：理解代码片断的概念，掌握创建代码片断的方法，掌握如何使用代码片断。第十六章 经典实例 1个人网站 2网站论坛 要求：了解页面的整体设计，掌握表格的高级应用技巧，了解交互网站的运行机制，掌握服务器行为的应用，学生通过锻炼，掌握创建网站的全部过程和机制，能够独立网站一个小型的全面的个人网站。 4学时 2学时 三、教学方法 要求： 1、结合DreamweaverMX软件使用的特点，以上机演示教学方法为主，辅之教学课件等方法进行教学。 2、结合本学科特点在教学过程中，使学生形成多动手、积极探究、勤于思考、学会学习等良好的

15、学习习惯，培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等。 四、成绩考核方法： 要求： 1、课后试验作业每周一次。 2、期末考试采取理论考试为主、大作业（完整的个人网站）为辅的形式。 3、平时成绩30%、期末成绩70%，期末考试（笔试70%，大作业30%）。 五、教材与主要参考书目 教材： 路甬祥：DreamweaverMX职业技能培训教程，电子科技大学出版社，2023年3月。参考书： 位元文化：CSS/HTML网页设计，中国铁道铁道出版社，2023年2月。 刘洪武：网页设计与制作（高职教材），大连理工大学出版社，2023年7月。李卓玲：java程序设计语言，大

16、连理工大学出版社，2023年8月。 执笔人： 审订人： 网页制作与网站建设0586教学大纲3 网页制作教学大纲 一、课程的性质与任务 本课程属于计算机技术基础的多媒体系列课程。主要学习Macromedia公司制作网页的软件Dreamweaver8。通过本课程的学习，使学生了解网页设计的基础知识，熟练掌握网页制作的基本方法，具有制作网页的能力。 二、课程教学总体目标 通过本课程的课堂教学，系统学习网站的工作原理、HTML代码和网页制作软件Dreamweaver8的使用，使学生熟练掌握网站创建技术。 由于本课程具有很强的实践性，所以在教学过程中应注重典型案例的教学，通过案例使学生掌握HTML语言和

17、Dreamweaver8的使用，并能设计和制作出功能强大的网站。 三、课程教学学时安排 本课程所需学时为204 学时，其中理论课为72学时，实践教学为96学时及课程设计36学时，教学周数17周。 四、课程教学内容及教学要求 (一)教学内容 第1章 网页设计导论（4学时） 网页的设计构思和布局 站点规划与设计流程 主页的基本制作流程 网站的后期 第2章 Dreamweavre8的基本操作（4学时） 创建Dreamweaver站点 编辑站点 文档管理 设置文档属性 在文档窗口中选择元素 第3章 网页元素的基本操作 （6学时） 文本处理 图片处理 多媒体处理 第4章 表格与布局（10学时） 表格基本

18、应用与高级应用 布局应用 第5章 超级链接（8学时）第6章 框架 （10学时）第7章 表单 （12学时） 表单域的创建与修改、检查 常用表单元素 第8章 层 （4学时） 第9章 模板和库 （12学时）第10章 行为 （8学时） 第11章 Css样式表 （14学时）第12章 动态网页设计（24学时） Asp工作原理、ASP脚本语言 ASP应用对象 Access数据库基本操作 ASP操作数据库Access 第13章 站点发布（4学时） 第14章 在Dreamweaver中编写Html代码（14学时） HTML语言基础、常用标记 在Dreamweaver中编辑代码、优化代码 制作网页按钮 手绘网页插

19、画 第15章 综合网站开发（12学时） 网站定位与规划、功能模块设计与数据库设计 首页、模板、网页页面、模块整合与网站测试 第16章 网站制作实例： （58学时） 门户站点主页 网页的布局设计和实现 制作网页素材 构建网页框架 制作其他特效 （二）教学要求 了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程，编辑站点、Logo Banner设计思路、动作脚本的用途等基本概念。 掌握制作一个主页的基本流程，具体页面元素的设置方法、设置布局、单元格和表格格式的方法，调整图像和占位符属性的方法等。 熟练掌握网站的链接和导航，创建站点常见元素、网页的发布和调试。 第1章 网页设计导论

20、教学重、难点： 1.网页内容的规划 2.设计网页布局 3.站点规划与设计流程 4.创建设计图 5.主页的基本制作流程 第2章 Dreamweavre8的基本操作 教学重、难点： 1.启动、退出 2.站点建立 3.针对要创建的文档选择模板 4.文档的属性调整 5.选择页面元素 第3章 网页元素的基本操作 教学重、难点： 1.设置文本格式 2.文本的对齐排列 3.编辑字体组合 4.插入图像和图像占位符 5.调整图像和图像占位符属性 第4章 表格与布局 教学重、难点： 1.表格的设置 2.使用布局单元格控制页面 3.设置布局格式 4.设置布局单元格和表格的格式 第5章 超级链接 教学重、难点： 1.

21、设置文本格式 2.编辑字体组合 4.插入图像和图像占位符 5.调整图像和图像占位符属性 6.设置超级链接 第6章 框架 教学重、难点： 1.预定义框架的创建 2.编辑框架和框架集 3.调整框架和框架集属性 4.使用布局单元格控制页面 5.设置布局格式 第7章 表单 教学重、难点： 1.表单的概念 2.表单的设置 第8章 层 教学重、难点： 1层的使用 3层的属性调整 第9章 模板和库 教学重、难点： 1.创建与编辑模板 2.创建与编辑库 第10章 行为 教学重、难点： 1.行为的概念 2.行为的应用 第11章 Css样式表 教学重、难点： 1.创建Css样式表 2.样式表的编辑 第12章 动态

22、网页设计 教学重、难点： 脚本语言 的应用对象 数据库的基本操作 第13章 站点发布 教学重、难点： 1.站点发布的步骤 2.站点地图的使用 3.站点的同步更新 第14章 在Dreamweaver中编写Html代码 教学重、难点： 常用标记 2.代码的优化 第15章 综合网站开发 教学重、难点： 1.创建IIS服务器 2.指定主目录 3.创建虚拟目录 4.指定默认文档 站点管理 第16章 网站制作实例 教学重、难点： 1.实现设计的网页布局 与Banner的制作步骤 3.构建网页框架 4.弹出式窗口和浮动窗口的创建方法 五、考试方式 1、考试突出网页制作的能力，理论知识要求从考试中体现。 2、考核成绩计算：平时成绩（包括平时作业、考勤、实验）40%、期末考试50%、课程设计（设计一套较完整的网站及相关页面。包括网站文件、素材库、运行发布）10% 3、考试的形式为机考。 六、教材和主要参考书 教材：中文Dreamweavre8网页制作教程与上机实训 魏聪等编著 机械工业出版社 2023年1月 参考书：网页设计与制作，于淼主编 中国人民大学出版社 2023版 Dreamweaver8网页设计全方位学习 孙良军编著 中国青年出版社 2023 年5月 18