网页制作基础教学指南Word格式文档下载.docx

1、2内容全面，而又重点突出。作者根据多年的教学经验，将内容结构重新整合和取舍，使读者在广泛了解网页设计的相关知识的同时，又能重点掌握网页设计与制作的精华技术与方法。3每章后都附以相关习题，帮助学生消化吸收，进一步拓宽知识面，借以举一反三，灵活运用所学知识。本课程分两大部分内容，第一部分为静态页面设计部分，第二部分为动态网站开发部分。静态页面设计:该部分围绕以下4个方面展开：基本制作部分，掌握最简单网页的制作方法，介绍文本、图像及超级链接的相关内容。版式设计部分，掌握Dreamweaver中所使用的表格、层、框架等布局工具的使用方法和操作技巧。这是本课程的重点部分。效果设计部分，了解Dreamwe

2、aver中的行为、时间轴的使用方法和技巧。整体设计部分，理解CSS样式表、模板和库的使用方法和操作技巧。动态网站开发:此部分围绕以下2个方面展开：开发前期准备部分，掌握IIS设置及数据库的建立和连接方法，并学会设置站点的远程信息和测试服务器。动态网站开发部分，理解应用Dreamweaver 8提供的服务器行为为网页添加动态行为的原理并掌握其操作方法。应使学生达到以下基本要求： 了解网站系统的基本概念和相关技术的基础知识。 理解网站的设计与规划。 掌握如何使用Dreamweaver 8来进行网页的外观和视觉效果设计。 了解Dreamweaver 8中网站整体风格设计的方法。学会用Dreamwea

3、ver与其他软件（Firewords、Flash）的配合工作方法。 了解应用Dreamweaver 8提供的服务器行为开发动态网页的过程，学会在Dreamweaver 8中开发简单动态网页的方法。本教材为数字媒体、动漫、多媒体、网页制作、电子商务专业学习网页制作的专用课本。二、教学提要、课程内容、教学要求第一章 网页设计基础本章教学提要： 教学重点：本地站点的创建和设置。 教学难点：站点地图的使用。 本章教学内容： 在本章中详细介绍了Dreamweaver 8的启动方式和工作环境，重点介绍了本地站点的创建、站点地图的使用，同时介绍了网站制作流程、建站技巧和在制作网页过程中需要注意的问题。要求：

4、 了解建站的制作流程 掌握制作过程中的一些建站经验和建站技巧 了解常用面板组的主要功能 学会利用站点地图查看、管理各网页之间的超链接关系。第二章 网页的基本操作文本的插入及属性设置图像的插入及属性设置图文混排图像的编辑 合理使用属性设置图文的混排。本章中将介绍网页的创建、打开和保存，以及网页制作的一些基本知识。重点介绍了网页文本与图像的插入方法及其属性的设置，详细介绍了图文混排的方法与技巧、应用图像工具栏工具进行图像的编辑，以及常见的网页元素如鼠标经过图像、导航条、水平线、日期等的插入方法。第三章 建立网页链接内部链接的创建方法。外部链接的创建方法。锚点链接的创建方法。E-mail链接的创建方

5、法。在制作网页时，并不可能将所有的内容同时呈现在窗口中，怎么办呢?那就需要建立超链接。建立超链接后可实现从一个页面跳转到另一个页面，从一个网站跳转到另一个网站。这一切只需要用鼠标单击带有链接的某行文字（或图片）。Dreamweaver 8提供多种创建超链接的方法，可创建到文挡、图像、多媒体文件或可下载软件的链接，可以创建到文档内任意位置的任何文本或图像的链接等。第四章 表格处理表格的基本操作应用表格布局（标准视图下）布局表格在表格及单元格中输入各种网页元素的方法表格格式化等操作方法。三种布局模式的应用。表格不但在组织页面数据时非常有用，而且在网页元素布局安排上也起着非常重要的作用，利用表格可以

6、控制文本和图形等对象在页面上的位置。网页一般可用表格（Table）、层（Layer）和框架（Frame）来对网页元素定位，低版本的浏览器对层布局的网页不支持，但支持用表格布局的网页。要创建跨平台、跨浏览器的网页，用表格布局是较理想的方案。本章介绍了表格的基本操作及应用表格进行版式设计的方法和步骤，较详细地介绍了在标准、扩展、布局三种视图下表格的应用，从而使网页布局能够得心应手。第五章 层的应用层的创建、选择、编辑、保存等操作方法层的属性设置在层中输入各种网页元素的方法层及嵌套层、层的叠放次序、层的可见性等内容。 嵌套层的创建方法 层的相关属性的设置 层在设置网页布局中具有表格所不能比拟的可移动

7、性优势，这对于对表格使用不熟的网页设计者很实用，使用层不仅页面布局时，可以像搭积木一样通过层放置页面元素，如果觉得不合适之处通过拖动层带动页面元素到其他的位置即可。同时还可以通过层与行为和时间轴的结合制作网页动画。但层在页面的定位较困难，随着浏览器窗口大小的变化，通过层所布局的页面元素会自动的移位。本章介绍了关于层的创建、设置及相关使用技巧，并通过具体的实例让读者真正掌握层的运用。了解层在布局中的优势和劣势，理解利用层的属性可制作多种动态效果。第六章 框架创建框架网页框架网页的选择设置框架和框架集的属性编辑框架创建框架间页面的超链接框架提供将一个浏览器窗口划分为多个区域，每个区域都可以显示不同

8、HTML文档的方法。使用框架的最常见的用法是，将一些不需要更新的元素放在一个框架内作为单独的网页文档，这个文档是不变的，其他需要经常更新的内容放在主框架内。本章主要讲了框架的使用，包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过程中一定要明白框架的基本结构。框架在网页的设计中可用来制作电子图书。使用框架的一个难点框架集和框架之间的关系，通常在一个框架中所有的框架都是通过一个框架集文档来调用各个框架的。另一个难点就是框架属性的设置。这些都需要在实际的操作过程中不断地去思考和摸索才能够熟练掌握。第七章 插入多媒体元素如何插入Flash动画、Flash按钮、Flash元素如何应用A

9、pplet小程序丰富网页。Activex控件和插件的应用应用Applet小程序第三方插件的安装和使用随着技术的进步，Internet一定是多媒体的天下，那么什么是多媒体呢？声音、动画、交互控件等等，在本章中详细介绍了如何使用Flash动画、Flash文本、Flash按钮、Flash元素，Flash动画的创建，另外还介绍了 Applet小程序、Activex控件和插件的使用，它可以创建动画，并实现与用户的交互。以及第三方插件的安装和使用，使读者了解如何扩展Dreamweaver 8的功能。第八章 行为与时间轴行为的含义；如何在网页中添加行为；如何为“事件”选择合适的“动作”理解行为的含义在网页中

10、灵活地应用行为行为可以说是Dreamweaver 8中最有特色的功能，行为的关键在于Dreamweaver 8中提供了很多动作，其实就是标准的javascript程序，每个动作可以完成特定的任务。这样，如果你所需要的功能在这些动作中，那么就不要自己编写javascript程序了。同样的，时间轴也是Dreamweaver 8中用于制作网页动画效果的有力工具，时间轴动画不是所谓的GIF动画，而是真正用javascript代码编写的动画。它可以让你不用书写一行javascript代码即可实现多种动感网页效果。行为面板是Dreamweaver的功能面板，行为的主要功能是在网页中插入JavaScript

11、程序而无需我们手动编写代码，就可以产生预期的效果。本章介绍了行为的常用功能，如：在新的浏览器窗口显示放大图像、创建可拖动层、检查浏览器和表单、设置文本和显示弹出式菜单等。第九章 CSS层叠样式表的应用创建、编辑CSS样式创建、编辑、选用CSS外部样式表常用CSS特效滤镜的使用方法。CSS（层叠样式表），是一系列格式设置规则，它们控制Web页内容的外观。使用CSS样式可以非常灵活并更好地控制具体的网页外观，从精确的布局定位到特定的字体和样式。CSS样式不但能使设计者控制许多HTML样式不能控制的属性，还能迅速准确地将样式作用于整个网站的多个网页上，另外，它带有的特效滤镜，也可使网页设计效果丰富多

12、彩。第十章 模板、库的应用模板的创建、编辑、应用、修改库的创建、编辑、应用、修改站点的更新。如何合理的设置和定义模板的可编辑区域。在网页的制作过程中，常常会制作很多布局结构和版式风格相似而网页内容不同的页面，对于这种类型的网页，每个页面都要一次次的制作，不但效率低而且十分乏味。Dreamweaver 8的模板是一种预先设计好的网页样式，在制作风格相似的页面时，只要套用这种模板便可以设计出风格一致的网页。本章主要学习了模板和库项目的使用。模板和库项目是在网页设计和制作过程中，为设计出同种风格的网站所使用的一种辅助工具。通过使用模板和库项目可以设计出具有统一风格的网站，并且模板和库项目为网站的更新

13、和维护提供了极大的便捷，仅修改网站的模板即可完成对整个网站中页面的统一修改。使用库项目可以完成对网站中某个板块的修改。第十一章 嵌入表单元素创建表单并设置表单的属性表单的单行文本框、多行文本框、单选按钮、复选框、下拉式列表等多种表单元素的方法，以及各种表单对象属性的设置表单的递交方法等表单对象的各属性的含义表单的作用是获取Web站点访问者的信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息，这些信息会被特定程序及时处理。在本章中，主要介绍了表单的创建方法及其各表单元素的应用。第十二章 站点的整理维护与上传网上免费空间的申请站点的管理站

14、点的上传和测试站点的管理方法本章介绍了网站空间的申请，站点的发布和管理，站点的上传和测试，以及网站的推广等内容。在完成了本地站点中所有网页的设计之后，还要进行测试和检查，这样才能保证用户在Internet上浏览网站时，尽可能少的出现错误。因此，我们下面要做的工作是：1、申请网站空间；2、检查站点；3、上传网站。在此之后才可以将网站上传到Internet服务器上，形成开始运作的网站，以供浏览者访问。第十三章 准备动态网站的开发和运行环境IIS的设置创建DSN数据源站点的重定义建立数据库连接用MapPath方法创建非DSN连接动态网站，是相对于静态网站而言的。前面所做的网页，全都是静态形式，只能让

15、访问者默默地浏览，而不能实现交互式的访问。而动态网站，可以实现交互式访问，很多网站上出现的论坛、留言板、聊天室、数据查询等系统，都是动态网站的实现形式。本章首先介绍了如何安装IIS，在安装完成后如何建立新的Web站点，如何启动和停止已有的站点。以及建立数据库和连接数据库。第十四章 Web应用程序的开发记录集的定义绑定记录集添加服务器行为本章通过讲解记录集的创建方法以及如何将记录集中数据绑定到动态页面中，最后再通过服务器行为的定义让大家初次体验一下留言板主页面的动态效果。三、教学建议本教材由计算机教学一线的教师编写，在长期的教学实践过程中积累了丰富的教学实战经验。根据学生的认知规律和特点，总结归

16、纳出一套理论联系实际的教学方法。在讲解各知识结构和技巧的同时，将重要的知识点融于实例中，这样，既便于教学又利于自学，为培养读者的灵活应用能力和创造能力奠定了基础。教材中的每一章均以“任务项目理论实战”的模式编写，首先提出这一章要完成的任务，接着是融入了此任务的项目实例的具体制作方法，通过实例的制作诠释了任务的完成方法，再进一步地提练出相关理论知识点。最后，再辅以与前面知识相关的练习实例，由学生独立完成。因此，编者提出以下教学建议：1、教师在讲课中重点交待本课的任务和完成任务的具体做法，让学生带着问题去听课，待实例讲解完毕后，再对知识点进行提练，从而加深学生对重点内容的理解和记忆。2、为了突出课

17、程的“项目实做”的教学理念，锻炼学生的操作能力，建议教师采用“行为导向教学”授课，让学生更多参与教学过程，让学生有更多的机会进行模拟操作。3、在学生的成绩认定上，不鼓励以试卷的考试方式来评定学习效果。建议以阶段性成绩代替学期总成绩，既就每一章的作业作为一个阶段，让学生完成个章的实战演练。以供教师和其他学生的评判。4、教学中应突出对学生的操作能力的培养，考核学生学习成绩也应从能力出发。在小组工作学习中，除了考察学生的专业能力以外，还应该进一步考察学生对工作的责任心和团队精神，这也是为学生今后工作所做的能力储备。四、教学时间分配本书建议的学时数为72课时，其中理论教学：实践教学为1：1。章节数学内容授课学时1网站设计基础2网页的编辑3建立网页超链接4表格处理5层的应用6框架的应用7插入多媒体元素8行为、时间轴9层叠样式表的应用10模板和库的应用11嵌入表单元素12网站的整理维护与上传13动态网站开发的前期准备和运行环境的设置14动态网站的开发上机实验32测试或考试总计72注：以上课时分配仅供参考，教学中可根据教学的安排再做调整。