网页制作技术理论教学大纲

1、网页制作技术理论教学大纲1、课程性质与任务（1）课程性质本课程是计算机专业的职业技术课程，它是一门集理论与实践于一体的综合应用课程。通过学习本课程学生初步掌握制作网页和建立网站的技术。（2）课程任务通过一种有代表性的网页制作软件（如Dreamweaver 2008）的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。制作一个网站需要很多的技术，包括图像设计和处理、网页的动画效果和最终合成网页等，所以本课程还应能掌握一种典型的图象处理软件(如photoshop)和动画制作软件(flash)的使用方法。2、课程目标与基本要求课程目标：本课程学习结束后，应了解网页制作和网站建设所需的基本

2、知识，理解HTML语言和CSS样式个属性以及JavaScript语言的基本知识，掌握网页制作和网站建设所需的基本技能。根据任务需求能够建立客户端的的静态网页和网站。学生应能自行设计各种网页、编辑一定的平面图象、网络动画，并最终设计一个综合性的网站且编制简单的脚本上传到互联网上。 本课程对学生在知识、素质和能力方面的基本要求如下：（1）知识要求·掌握网站设计和发布的流程；·理解网站维护管理及使用脚本的要求和重要性；·了解多种网页制作软件和图象处理软件相结合设计网站的好处。 （2）素质要求本课程将培养学生以下几方面的职业素质：·培养敬业精神和社会责任感；&#

3、183;培养创新意识和审美观念；·培养协调工作能力和组织管理能力；    ·较强的自我知识及技术更新能力；    ·快速跟踪网页制作的新技术及市场应用动态。（3）能力与技能要求通过本课程的学习，学生应能掌握：·图象软件的使用方法；·网页制作软件(dreamweaver)的使用方法； ·进行网站的上传/下载、更新、管理。三、教学内容与要求(一)教学内容第一章 网页设计基础在本章中详细介绍了Dreamweaver 8的启动方式和工作环境，重点介绍了本地站点的创建、站点地图的使用，

4、同时介绍了网站制作流程、建站技巧和在制作网页过程中需要注意的问题。要求：（1）          了解建站的制作流程（2）          掌握制作过程中的一些建站经验和建站技巧（3）          了解常用面板组的主要功能（4）        

5、;  学会利用站点地图查看、管理各网页之间的超链接关系。教学重点：本地站点的创建和设置。教学难点：站点地图的使用。 第二章 网页的基本制作本章中将介绍网页的创建、打开和保存，以及网页制作的一些基本知识。重点介绍了网页文本与图像的插入方法及其属性的设置，详细介绍了图文混排的方法与技巧、应用图像工具栏工具进行图像的编辑，以及常见的网页元素如鼠标经过图像、导航条、水平线、日期等的插入方法。教学重点：文本的插入及属性设置图像的插入及属性设置图文混排图像的编辑教学难点：         

6、0;   合理使用属性设置图文的混排。 第三章 建立网页链接在制作网页时，并不可能将所有的内容同时呈现在窗口中，怎么办呢?那就需要建立超链接。建立超链接后可实现从一个页面跳转到另一个页面，从一个网站跳转到另一个网站。这一切只需要用鼠标单击带有链接的某行文字（或图片）。Dreamweaver 8提供多种创建超链接的方法，可创建到文挡、图像、多媒体文件或可下载软件的链接，可以创建到文档内任意位置的任何文本或图像的链接等。  教学重点：内部链接的创建方法。外部链接的创建方法。锚点链接的创建方法。E-mail链接的创建方法。  教学难点：锚点

7、链接的创建方法。 第四章 表格处理表格不但在组织页面数据时非常有用，而且在网页元素布局安排上也起着非常重要的作用，利用表格可以控制文本和图形等对象在页面上的位置。网页一般可用表格(Table)、层(Layer)和框架(Frame)来对网页元素定位，低版本的浏览器对层布局的网页不支持，但支持用表格布局的网页。要创建跨平台、跨浏览器的网页，用表格布局是较理想的方案。本章介绍了表格的基本操作及应用表格进行版式设计的方法和步骤，较详细地介绍了在标准、扩展、布局三种视图下表格的应用，从而使网页布局能够得心应手。     教学重点：表格的基本操作应用表格布

8、局（标准视图下）布局表格在表格及单元格中输入各种网页元素的方法表格格式化等操作方法。     教学难点：三种布局模式的应用。 第五章  层的应用层在设置网页布局中具有表格所不能比拟的可移动性优势，这对于对表格使用不熟的网页设计者很实用，使用层不仅页面布局时，可以像搭积木一样通过层放置页面元素，如果觉得不合适之处通过拖动层带动页面元素到其他的位置即可。同时还可以通过层与行为和时间轴的结合制作网页动画。但层在页面的定位较困难，随着浏览器窗口大小的变化，通过层所布局的页面元素会自动的移位。本章介绍了关于层的创建、设置及相关使用技巧，并通过具

9、体的实例让读者真正掌握层的运用。了解层在布局中的优势和劣势，理解利用层的属性可制作多种动态效果。教学重点：层的创建、选择、编辑、保存等操作方法层的属性设置在层中输入各种网页元素的方法层及嵌套层、层的叠放次序、层的可见性等内容。     教学难点：             嵌套层的创建方法             层的相

10、关属性的设置 第六章 框架框架提供将一个浏览器窗口划分为多个区域，每个区域都可以显示不同HTML文档的方法。使用框架的最常见的用法是，将一些不需要更新的元素放在一个框架内作为单独的网页文档，这个文档是不变的，其他需要经常更新的内容放在主框架内。本章主要讲了框架的使用，包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过程中一定要明白框架的基本结构。框架在网页的设计中可用来制作电子图书。使用框架的一个难点框架集和框架之间的关系，通常在一个框架中所有的框架都是通过一个框架集文档来调用各个框架的。另一个难点就是框架属性的设置。这些都需要在实际的操作过程中不断地去思考和摸索才能

11、够熟练掌握。教学重点：创建框架网页框架网页的选择设置框架和框架集的属性编辑框架创建框架间页面的超链接     教学难点：设置框架和框架集的属性创建框架间页面的超链接 第七章 插入多媒体元素随着技术的进步，Internet一定是多媒体的天下，那么什么是多媒体呢？声音、动画、交互控件等等，在本章中详细介绍了如何使用Flash动画、Flash文本、Flash按钮、Flash元素，Flash动画的创建，另外还介绍了 Applet小程序、Activex控件和插件的使用，它可以创建动画，并实现与用户的交互。以及第三方插件的安装和使用，使读者了解如何扩展Dr

12、eamweaver 8的功能。教学重点：如何插入Flash动画、Flash按钮、Flash元素如何应用Applet小程序丰富网页。Activex控件和插件的应用     教学难点：应用Applet小程序第三方插件的安装和使用 第八章 行为与时间轴行为可以说是Dreamweaver 8中最有特色的功能，行为的关键在于Dreamweaver 8中提供了很多动作，其实就是标准的javascript程序，每个动作可以完成特定的任务。这样，如果你所需要的功能在这些动作中，那么就不要自己编写javascript程序了。同样的，时间轴也是Dreamweave

13、r 8中用于制作网页动画效果的有力工具，时间轴动画不是所谓的GIF动画，而是真正用javascript代码编写的动画。它可以让你不用书写一行javascript代码即可实现多种动感网页效果。行为面板是Dreamweaver的功能面板，行为的主要功能是在网页中插入JavaScript程序而无需我们手动编写代码，就可以产生预期的效果。本章介绍了行为的常用功能，如：在新的浏览器窗口显示放大图像、创建可拖动层、检查浏览器和表单、设置文本和显示弹出式菜单等。教学重点：行为的含义；如何在网页中添加行为；如何为“事件”选择合适的“动作”     教学难点：理解行为的含

14、义在网页中灵活地应用行为 第九章 CSS层叠样式表CSS（层叠样式表），是一系列格式设置规则，它们控制Web页内容的外观。使用CSS样式可以非常灵活并更好地控制具体的网页外观，从精确的布局定位到特定的字体和样式。CSS样式不但能使设计者控制许多HTML样式不能控制的属性，还能迅速准确地将样式作用于整个网站的多个网页上，另外，它带有的特效滤镜，也可使网页设计效果丰富多彩。教学重点：创建、编辑CSS样式创建、编辑、选用CSS外部样式表常用CSS特效滤镜的使用方法。     教学难点：创建、编辑、选用CSS外部样式表 第十章 模版和库的应用

15、在网页的制作过程中，常常会制作很多布局结构和版式风格相似而网页内容不同的页面，对于这种类型的网页，每个页面都要一次次的制作，不但效率低而且十分乏味。Dreamweaver 8的模板是一种预先设计好的网页样式，在制作风格相似的页面时，只要套用这种模板便可以设计出风格一致的网页。本章主要学习了模板和库项目的使用。模板和库项目是在网页设计和制作过程中，为设计出同种风格的网站所使用的一种辅助工具。通过使用模板和库项目可以设计出具有统一风格的网站，并且模板和库项目为网站的更新和维护提供了极大的便捷，仅修改网站的模板即可完成对整个网站中页面的统一修改。使用库项目可以完成对网站中某个板块的修改。教学重点：模

16、板的创建、编辑、应用、修改库的创建、编辑、应用、修改站点的更新。     教学难点：如何合理的设置和定义模板的可编辑区域。 第十一章 嵌入表单元素表单的作用是获取Web站点访问者的信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息，这些信息会被特定程序及时处理。在本章中，主要介绍了表单的创建方法及其各表单元素的应用。教学重点：创建表单并设置表单的属性表单的单行文本框、多行文本框、单选按钮、复选框、下拉式列表等多种表单元素的方法，以及各种表单对象属性的设置表单的递交方法等 &#

17、160;   教学难点：表单对象的各属性的含义 第十二章 站点的整理维护与上传本章介绍了网站空间的申请，站点的发布和管理，站点的上传和测试，以及网站的推广等内容。在完成了本地站点中所有网页的设计之后，还要进行测试和检查，这样才能保证用户在Internet上浏览网站时，尽可能少的出现错误。因此，我们下面要做的工作是：1、申请网站空间；2、检查站点；3、上传网站。在此之后才可以将网站上传到Internet服务器上，形成开始运作的网站，以供浏览者访问。教学重点：网上免费空间的申请站点的管理站点的上传和测试     教学难点：站点的

18、管理方法 第十三章 准备动态网站的开发和运行环境动态网站，是相对于静态网站而言的。前面所做的网页，全都是静态形式，只能让访问者默默地浏览，而不能实现交互式的访问。而动态网站，可以实现交互式访问，很多网站上出现的论坛、留言板、聊天室、数据查询等系统，都是动态网站的实现形式。本章首先介绍了如何安装IIS，在安装完成后如何建立新的Web站点，如何启动和停止已有的站点。以及建立数据库和连接数据库。    教学重点：IIS的设置创建DSN数据源站点的重定义建立数据库连接     教学难点：用MapPath方法创建非DSN连接 第十四章Web应用程序的开发本章通过讲解记录集的创建方法以及如何将记录集中数据绑定到动态页面中，最后再通过服务器行为的定义让大家初次体验一下留言板主页面的动态效果。教学重点：记录集的定义绑定记录集添加服务器行为     教学难点：表单对象的各属性的含义  (二)实践性教学内容本课程的实验是随课堂教学分步进行的，主要是练习网页制作软件和图象处理软