1、 网页制作技术(三剑客)第 2 章 网页制作基础 本章将通过大量简单的实例在实际操作中学会Dreamweaver的各种基本组件的创建及使用方法,同时这些组件也是组成一个完整的网页所不可或缺的,部分实例中会掺杂着多种组件的混合应用,以达到熟练且灵活的使用各种组件的目的。课程描述 理解如何使用理解如何使用DreamweaverDreamweaver创建站点创建站点 理解表格的基本创建方法及参数理解表格的基本创建方法及参数理解如何在网页中插入图片理解如何在网页中插入图片熟练掌握几种基本链接和锚点的用法熟练掌握几种基本链接和锚点的用法理解框架网页的创建和基本使用方法理解框架网页的创建和基本使用方法了解
2、各种基本表单元素的用法了解各种基本表单元素的用法熟练掌握表格布局的制作方法熟练掌握表格布局的制作方法理解网页模版的创建及使用理解网页模版的创建及使用 本章知识点 训练任务简易的电子相册使用链接制作文章索引网页书签框架版改良相册使用表格来为网页布局制作网页模版 简简易易电电子子相相册册FF任务一 操作要点本例通过制作一个简单的相册来讲解了图片的插入和调本例通过制作一个简单的相册来讲解了图片的插入和调整方法,图片是网页最重要的组成部分,对于大部分网页整方法,图片是网页最重要的组成部分,对于大部分网页来说,美观与否是图片的功劳,因此,除了基本使用方法来说,美观与否是图片的功劳,因此,除了基本使用方法
3、外,一定要熟练掌握图片属性中的各项参数的用法,才能外,一定要熟练掌握图片属性中的各项参数的用法,才能让图片发挥最大的效果。让图片发挥最大的效果。使使用用链链接接制制作作文文章章索索引引FF任务二 操作要点本例介绍了最常用的几种链接的创建与使用方法,一个本例介绍了最常用的几种链接的创建与使用方法,一个完整的网站通常都拥有大量的网页,而网页之间就是依靠完整的网站通常都拥有大量的网页,而网页之间就是依靠链接来进行跳转(在网络上通称为链接来进行跳转(在网络上通称为URL),因此链接是网),因此链接是网页制作中最重要的组件之一,链接分为页制作中最重要的组件之一,链接分为“绝对路径绝对路径”与与“相对路径
4、相对路径”两种。两种。锚锚点点链链接接FF任务三 本例通过制作一个电子书签页来讲解了锚点的创建及使用本例通过制作一个电子书签页来讲解了锚点的创建及使用方法,该功能通常用于功能解说,小说阅读等一系列文字方法,该功能通常用于功能解说,小说阅读等一系列文字量比较大的网站,另外,锚点也支持跨页链接,方法为先量比较大的网站,另外,锚点也支持跨页链接,方法为先按照正常方法制作一个含有锚点的网页,然后在另一页制按照正常方法制作一个含有锚点的网页,然后在另一页制作一个链接,链接格式为作一个链接,链接格式为“目标网页名目标网页名#锚点名锚点名”,例如:,例如:index.html#1index.html#1操作
5、要点 框框架架相相册册FF任务四 本例通过制作一个改良版电子相册来讲解框架的创建及使本例通过制作一个改良版电子相册来讲解框架的创建及使用方法,框架技术相对于前面所学知识在操作上要复杂一用方法,框架技术相对于前面所学知识在操作上要复杂一些,但因为其强大的功能而被广泛的应用于信息查询网站些,但因为其强大的功能而被广泛的应用于信息查询网站或网站后台系统中,本例中之讲解了最基本的左右结构框或网站后台系统中,本例中之讲解了最基本的左右结构框架,除了软件默认的框架结构外,还提供了自定义框架结架,除了软件默认的框架结构外,还提供了自定义框架结构的功能,制作方法为打开可视化助理中的构的功能,制作方法为打开可视
6、化助理中的“框剪边框框剪边框”,然后用鼠标拖动最外层的框架边缘即可。然后用鼠标拖动最外层的框架边缘即可。操作要点 使使用用表表格格为为网网页页布布局局FF任务五 本例主要是对前面所学表格部分进行一个简单的综合应用,本例主要是对前面所学表格部分进行一个简单的综合应用,可以让读者了解一下网页结构,在制作前可以先在纸上画可以让读者了解一下网页结构,在制作前可以先在纸上画出自己的网页的草图,然后决定各个部分都由哪些组件组出自己的网页的草图,然后决定各个部分都由哪些组件组成,使用什么效果,然后开始使用表格搭建大框架,并进成,使用什么效果,然后开始使用表格搭建大框架,并进行仔细的调整,熟练之前以上步骤缺一
7、不可,这样可以保行仔细的调整,熟练之前以上步骤缺一不可,这样可以保证制作思路清晰明确。证制作思路清晰明确。操作要点 制制作作网网页页模模版版FF任务六 模版功能适用于制作大量界面相似,内容不同的静态站点,模版功能适用于制作大量界面相似,内容不同的静态站点,可以大幅减少制作时间,并有效的缩小网站本体的大小,可以大幅减少制作时间,并有效的缩小网站本体的大小,是一个非常实用的功能。是一个非常实用的功能。操作要点 创建站点能给我们带来什么便利?如何和根据情况安排使用哪种链接。一个分成3部分的框架为什么储存后却有4个文件?如何对表格进行嵌套布局才能更有条例,的对网页内容进行布局。为什么要使用模版,如果更新模版会带来哪些问题?讨 论 本章通过表格、链接、框架、表单、模版等实例讲解了DreamweaverCS3基本组件的创建及使用方法,这些组件作为网页制作基础中的基础,需要熟练掌握,特别是“快捷工具栏”与部分常用快捷键的使用,可以提高制作速度,为第三章的高级实例打下基础。本章小结