《网页制作与设计》96课时教学大纲

《《网页制作与设计》96课时教学大纲》由会员分享，可在线阅读，更多相关《《网页制作与设计》96课时教学大纲（88页珍藏版）》请在金锄头文库上搜索。

1、网页制作与设计96课时教学大纲 网页设计与制作课程教学大纲（适用于软件技术专业、多媒体专业、计算机网络专业）（96课时）编制人 制定日期 修订日期 审定人 审定日期 梁洁婷 2005.520064陈承欢2006.5一、课程的性质与任务1、课程性质：网页设计与制作是高等职业技术学院多媒体专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver MX，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专

2、业水准的网站。2 、课程任务：本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：l 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。l 掌握各种网页元素在Dreamweaver MX中的使用。例如表格、文本、图像、超级链接、层和表单等。l 熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。l 掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的使用方法等。l 能够解决一些网页设计中的常见问题。二、课程目标 本课程的基本目标是：使学生通过本课程的学习，掌握Dreamweaver

3、MX的使用方法，学会使用Dreamweaver MX制作Web网页的技术。本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。课程在知识、素质和能力方面的基本要求：（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。了解FTP、GOPHER、HTTP、MAILTO、NEWS、TELNET、WAIS等协议的含义和作用；理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像

4、处理软件相结合设计网站的好处。（2）素质要求本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。（3）能力与技能要求网页制作软件的使用方法；在网页中编制/插入需要的脚本；进行网站的上传/下载、更新、管理。三、适用专业及开设学期 1 、适用专业：软件技术专业、多媒体专业、计算机网络专业2 、开设学期：第二学期或者第三学期 四、学时分配 总学时：96，理论：48 ，实验：48。 各知识单元的学时

5、 ( 理论与实验学时 ) 分配如下： 教学内容 理论学时 实验学时 经典网页赏析22网页设计制作基础知识2420网页提高模块的编程单元66网页提高模块的技术设计单元88网页提高模块的拓展单元66综合模块26合计4848五、课程各知识单元的内容、重点、组织结构及授课要求 理论部分 （一） 经典网页赏析 内容概述1.通过对网页设计基础知识的介绍，了解建立网站的一些准备工作以及与网站有关的一些概念；2.建立网站的过程，能从网站得网站的整体进行规划，定位网站的主体和风格；3.构建网站的目录框架和链接框架，会发布网页。 本章目标与网站相关的概念，网站的主题定位，网站的目录结构，网站的链接结构，网站布局，

6、发布站点。 重点和难点网站的整体风格，创意设计，发布网站。 内容组织结构网页与网站的概念 网页的设计 网站的策划与创建原则 网站的开发流程 （二） 网页构成 内容概述1.掌握Dreamweaver MX的使用界面中各组成元素的名称与功能；2.掌握打开与关闭工具窗口的方法；3.理解站点、网站、网页及网页属性的概念。 本章目标 Dreamweaver MX的组成与使用方法 重点和难点理解站点、网站、网页及网页属性的概念。 内容组织结构Dreamweaver MX 简述 新增功能的介绍和了解 Dreamweaver MX界面简介 个性化的工作环境的设置和了解 （三） 页面控制 内容概述1.了解网页中

7、文本的输入、编辑以及打开、关闭与设置其属性的方法。掌握系统属性及网页属性的设置方法，及各设置参数的作用；2.要求重点了解制作网页时的不同断行方法， 增加分隔线的方法及文本列表的设置。 本章目标 学会制作首页页面，了解通常网站首页的结构，学会链接网页中的图像和文字，能够应用站点地图调整网站构架。 重点和难点 首页是网站的门户，首页布局是否合理、色彩应用是否恰当及内容是否有吸引力，直接关系到网站的访问量，学会首页的制作是重点。 内容组织结构 制作首页标题 设置导航栏 设置首页内容 设置“页面”属性 浏览页面 设置首页及应用站点地图 设置参数 （四） 文本操作内容概述 1.应用文字及设置文字格式；2

8、.设置样式及样式参数；3.对特殊格式的处理。本章目标 文本是网页中不可缺少的元素，对网页中的文字进行格式设置，可以使网页文字易于被浏览者接受。重点和难点 文字表现形式的具体应用。内容组织结构 在文档中键入文本及导入表格式数据文档设置段落格式和文档结构创建项目列表和编号列表设置文本格式插入特殊字符、水平线、日期对象（五） 图像操作内容概述 1.了解网页中按使用的图像类型；2.对网页应用所需图像；3.图像的优化。本章目标 网页中制作精良的图像会使网页美观、生动，使网页的内容更加丰富，充分表达网页的主题重点和难点 合理图像的处理及应用内容组织结构 图像常用文件格式在页面中插入图像创建鼠标经过图像使用

9、Fireworks优化图像（六） 表格布局内容概述 1.掌握表格的创建、结构调整与美化方法；2.熟悉表格与单元格的主要属性及其设置方法；3.掌握通过表格来进行网页页面的布局方法。本章目标 掌握表格的创建、结构调整与美化方法，熟悉表格与单元格的主要属性及其设置方法，掌握通过表格来进行网页页面的布局方法重点和难点 表格的创建、调整、单元格的编辑与属性设置等操作的方法内容组织结构 表格及其属性设置基本表格操作表格排序使用表格进行页面布局 （七） 布局表格内容概述 1.掌握布局表格的相关概念；2.不同模式之间的切换；3.添加内容至布局单元格。本章目标 在布局模式中，可以在网面部直接画出表格与单元格，有

10、利用对网页定位。重点和难点 布局模式生成的表格的操作。内容组织结构 布局模式的切换绘制布局表格绘制布局单元格布局表格转换为标准表格（八） 框架网页内容概述 1.了解框架网页与普通网页之间的区别与联系；2.掌握框架网页在创建、选择、设置、存储与应用方面的特点；3.掌握框架结构网页的制作方法；4.掌握浮动框架的特点和制作方法。本章目标 框架网页的特点、框架网页的创建、编辑、保存与应用方法重点和难点 利用框架制作动态网页内容组织结构 框架与框架集的概念框架的用途框架和框架集工作流程创建框架和框架集嵌套框架集框架和框架集的编辑控制具有链接的框架内容处理不能显示框架的浏览器（九） 层的布局内容概述 1.

11、掌握在网页中创建、修改层和嵌套层的方法；2.掌握层的属性和编辑层属性的方法；3.掌握移动、删除层的方法；4.能够将层与行为进行简单结合。本章目标 层的概念以及层的创建与修改方法重点和难点 图层的概念与运用内容组织结构 创建层修改层设置图层参数和图层属性 （十） 模板和库内容概述 1.要求掌握Dreamweaver MX中模板与库元素的概念与作用；2.了解模板的固定区域与可编辑区域的区别和用途；3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；4.学会通过模板和库元素创建网页的方法。本章目标 模板与库元素的特点、用途、制作与使用方法，以及如何利用模板控制面板及库控制面板来管理

12、模板与库元素。重点和难点 模板和库的概念内容组织结构 模板与库的相关概念模板的固定区域与可编辑的区别与用途使用库项目模板的创建和设置（十一） 超级链接内容概述 1.深入理解绝对路径、相对路径、根相对路径的概念、意义及用法；2.了解建立超级链接各目标参数的意义，掌握设置超级链接的方法；3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接；4.掌握导航条与跳转菜单的特点与用法。本章目标 掌握常用的超级链接设置的方法，包括：锚点，内部链接，外部链接，E-mail,脚本，跳转菜单和导航条的设置方法重点和难点 理解导航条与跳转菜单内容组织结构 超级链接的概念各种链接的功能和实现方法（十二） 表单网页内容概述 1.学会使用Dreamweaver MX中应用表单设计网页的方法；2.全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下拉列表框、按钮）的特点与使用方法；3.能够初步理解ASP脚本，认识客户端脚本与服务器端脚本使用的异同。本章目标 表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。能够区分客户端脚本与服务器端脚本的使用。重点和