网页制作技术(三剑客)第2章课件

网页制作技术（三剑客）第2章网页制作基础网页制作技术（三剑客）第2章网页制作基础1本章将通过大量简单的实例在实际操作中学会Dreamweaver的各种基本组件的创建及使用方法，同时这些组件也是组成一个完整的网页所不可或缺的，部分实例中会掺杂着多种组件的混合应用，以达到熟练且灵活的使用各种组件的目的。课程描述本章将通过大量简单的实例在实际操作中学会Dreamweave2理解如何使用Dreamweaver创建站点

理解表格的基本创建方法及参数理解如何在网页中插入图片熟练掌握几种基本链接和锚点的用法理解框架网页的创建和基本使用方法了解各种基本表单元素的用法熟练掌握表格布局的制作方法理解网页模版的创建及使用

本章知识点理解如何使用Dreamweaver创建站点本章知识点3训练任务简易的电子相册使用链接制作文章索引网页书签框架版改良相册使用表格来为网页布局制作网页模版训练任务简易的电子相册使用链接制作文章索引网页书签框架版改良4简易电子相册F任务一打开源文件简易电子相册F任务一打开源文件5操作要点本例通过制作一个简单的相册来讲解了图片的插入和调整方法，图片是网页最重要的组成部分，对于大部分网页来说，美观与否是图片的功劳，因此，除了基本使用方法外，一定要熟练掌握图片属性中的各项参数的用法，才能让图片发挥最大的效果。操作要点本例通过制作一个简单的相册来讲解了图片的插入和调整方6使用链接制作文章索引F任务二打开源文件使用链接制作文章索引F任务二打开源文件7操作要点本例介绍了最常用的几种链接的创建与使用方法，一个完整的网站通常都拥有大量的网页，而网页之间就是依靠链接来进行跳转（在网络上通称为URL），因此链接是网页制作中最重要的组件之一，链接分为“绝对路径”与“相对路径”两种。操作要点本例介绍了最常用的几种链接的创建与使用方法，一个完整8锚点链接F任务三打开源文件锚点链接F任务三打开源文件9

本例通过制作一个电子书签页来讲解了锚点的创建及使用方法，该功能通常用于功能解说，小说阅读等一系列文字量比较大的网站，另外，锚点也支持跨页链接，方法为先按照正常方法制作一个含有锚点的网页，然后在另一页制作一个链接，链接格式为“目标网页名#锚点名”，例如：index.html#1操作要点

本例通过制作一个电子书签页来讲解了锚点的创建及使用方法，该10框架相册F任务四打开源文件框架相册F任务四打开源文件11

本例通过制作一个改良版电子相册来讲解框架的创建及使用方法，框架技术相对于前面所学知识在操作上要复杂一些，但因为其强大的功能而被广泛的应用于信息查询网站或网站后台系统中，本例中之讲解了最基本的左右结构框架，除了软件默认的框架结构外，还提供了自定义框架结构的功能，制作方法为打开可视化助理中的“框剪边框”，然后用鼠标拖动最外层的框架边缘即可。操作要点

本例通过制作一个改良版电子相册来讲解框架的创建及使用方法，12使用表格为网页布局F任务五打开源文件使用表格为网页布局F任务五打开源文件13

本例主要是对前面所学表格部分进行一个简单的综合应用，可以让读者了解一下网页结构，在制作前可以先在纸上画出自己的网页的草图，然后决定各个部分都由哪些组件组成，使用什么效果，然后开始使用表格搭建大框架，并进行仔细的调整，熟练之前以上步骤缺一不可，这样可以保证制作思路清晰明确。操作要点

本例主要是对前面所学表格部分进行一个简单的综合应用，可以让14制作网页模版F任务六打开源文件制作网页模版F任务六打开源文件15

模版功能适用于制作大量界面相似，内容不同的静态站点，可以大幅减少制作时间，并有效的缩小网站本体的大小，是一个非常实用的功能。操作要点

模版功能适用于制作大量界面相似，内容不同的静态站点，可以大16创建站点能给我们带来什么便利？如何和根据情况安排使用哪种链接。一个分成3部分的框架为什么储存后却有4个文件？如何对表格进行嵌套布局才能更有条例，的对网页内容进行布局。为什么要使用模版，如果更新模版会带来哪些问题？讨论创建站点能给我们带来什么便利？讨论17本章通过表格、链接、框架、表单、模版等实例讲解了DreamweaverCS3基本组件的创建及使用方法，这些组件作为网页制作基础中的基础，需要熟练掌握，特别是“快捷工具栏”与部分常用快捷键的使用，可以提高制作速度，为第三章的高级实例打下基础。本章小结本章通过表格、链接、框架、表单、模版等实例讲解了Dreamw18网页制作技术（三剑客）第2章网页制作基础网页制作技术（三剑客）第2章网页制作基础19本章将通过大量简单的实例在实际操作中学会Dreamweaver的各种基本组件的创建及使用方法，同时这些组件也是组成一个完整的网页所不可或缺的，部分实例中会掺杂着多种组件的混合应用，以达到熟练且灵活的使用各种组件的目的。课程描述本章将通过大量简单的实例在实际操作中学会Dreamweave20理解如何使用Dreamweaver创建站点

理解表格的基本创建方法及参数理解如何在网页中插入图片熟练掌握几种基本链接和锚点的用法理解框架网页的创建和基本使用方法了解各种基本表单元素的用法熟练掌握表格布局的制作方法理解网页模版的创建及使用

本章知识点理解如何使用Dreamweaver创建站点本章知识点21训练任务简易的电子相册使用链接制作文章索引网页书签框架版改良相册使用表格来为网页布局制作网页模版训练任务简易的电子相册使用链接制作文章索引网页书签框架版改良22简易电子相册F任务一打开源文件简易电子相册F任务一打开源文件23操作要点本例通过制作一个简单的相册来讲解了图片的插入和调整方法，图片是网页最重要的组成部分，对于大部分网页来说，美观与否是图片的功劳，因此，除了基本使用方法外，一定要熟练掌握图片属性中的各项参数的用法，才能让图片发挥最大的效果。操作要点本例通过制作一个简单的相册来讲解了图片的插入和调整方24使用链接制作文章索引F任务二打开源文件使用链接制作文章索引F任务二打开源文件25操作要点本例介绍了最常用的几种链接的创建与使用方法，一个完整的网站通常都拥有大量的网页，而网页之间就是依靠链接来进行跳转（在网络上通称为URL），因此链接是网页制作中最重要的组件之一，链接分为“绝对路径”与“相对路径”两种。操作要点本例介绍了最常用的几种链接的创建与使用方法，一个完整26锚点链接F任务三打开源文件锚点链接F任务三打开源文件27

本例通过制作一个电子书签页来讲解了锚点的创建及使用方法，该功能通常用于功能解说，小说阅读等一系列文字量比较大的网站，另外，锚点也支持跨页链接，方法为先按照正常方法制作一个含有锚点的网页，然后在另一页制作一个链接，链接格式为“目标网页名#锚点名”，例如：index.html#1操作要点

本例通过制作一个电子书签页来讲解了锚点的创建及使用方法，该28框架相册F任务四打开源文件框架相册F任务四打开源文件29

本例通过制作一个改良版电子相册来讲解框架的创建及使用方法，框架技术相对于前面所学知识在操作上要复杂一些，但因为其强大的功能而被广泛的应用于信息查询网站或网站后台系统中，本例中之讲解了最基本的左右结构框架，除了软件默认的框架结构外，还提供了自定义框架结构的功能，制作方法为打开可视化助理中的“框剪边框”，然后用鼠标拖动最外层的框架边缘即可。操作要点

本例通过制作一个改良版电子相册来讲解框架的创建及使用方法，30使用表格为网页布局F任务五打开源文件使用表格为网页布局F任务五打开源文件31

本例主要是对前面所学表格部分进行一个简单的综合应用，可以让读者了解一下网页结构，在制作前可以先在纸上画出自己的网页的草图，然后决定各个部分都由哪些组件组成，使用什么效果，然后开始使用表格搭建大框架，并进行仔细的调整，熟练之前以上步骤缺一不可，这样可以保证制作思路清晰明确。操作要点

本例主要是对前面所学表格部分进行一个简单的综合应用，可以让32制作网页模版F任务六打开源文件制作网页模版F任务六打开源文件33

模版功能适用于制作大量界面相似，内容不同的静态站点，可以大幅减少制作时间，并有效的缩小网站本体的大小，是一个非常实用的功能。操作要点

模版功能适用于制作大量界面相似，内容不同的静态站点，可以大34创建站点能给我们带来什么便利？如何和根据情况安排使用哪种链接。一个分成3部分的框架为什么储存后却有4个文件？如何对表格进行嵌套布局才能更有条例，的对网页内容进行布局。为什么要使用模版，如果更新