中文版Dreamweaver 8实例与操作 1
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
将切割好的图片导出后，就可以在Dreamweaver 中组织网站内容了，包括输入文本、插入图片、 动画等。
1.3.4 空间和域名申请
要使别人能通过互联网访问你的网站，就需要 将其上传到服务器上，并拥有一个属于自己的 域名。这就需要申请虚拟空间和域名。 所谓虚拟空间，是指网站内容所占用的连接到 互联网上的服务器空间。目前，服务商能够提 供的虚拟空间模式有两种：主机托管和虚拟主 机。
1.1.1 网页的本质
我们看到的网页是由一组文件构成的，它们分别 是网页文件（扩展名为.html、.asp等）、图像文 件（扩展名为.jpg、.gif等）和Flash动画文件 （扩展名为.swf）等。
1.1.2 网页的功能组成
从浏览者的角度看，网页中无非就是一些文
字、图像、动画等。但从专业的角度来讲，
2．域名
由于IP地址在使用过程中难于记忆和书写，人 们又发现了一种与IP地址对应的字符来表示地 址，这就是域名。每一个网站都有自己的域名， 并且域名是独一无二的。例如，我们只需要在 浏览器地址栏中输入搜狐网站的域名 “www.sohu.com”，然后按回车键就可以访问 搜狐网站了。
3．网址
网址又叫URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。它是 网络上通用的一种地址格式，用于标识网页文 件在网络中的位置。 一个完整的网址由通信协议名称、域名或IP地 址、网页在服务器中的路径和文件名4部分组 成。
5．按钮
在现实生活中，按钮通常是启动某些装置或机关 的开关。网页中的按钮也沿用了这个概念。网页 中的按钮被点击之后，网页会实现相应的操作， 比如页面跳转，或数据的传输等。
1.1.3 IP地址、域名与网址
1．IP地址
虽然互联网上连接了不计其数的服务器与客户 机，但它们并不是杂乱无章的。每一个主机在 互联网上都有唯一的地址，我们称这个地址为 IP地址（Internet Protocol Address）。IP地址 由4个小于256的数字组成，数字之间用点间隔。 例如，“61.135.150.126”就是一个IP地址。
网页中的元素各有其不同的作用，可以将他
们分为站标、导航条、广告条、标题栏和按
钮等，如下图所示。
导航
条
站标
按
广告
钮
条
标题 栏
1．站标
站标也叫Logo，是网站的标志，其作用是使人 看见它就能够联想到企业。因此，网站Logo通 常采用企业的Logo。 Logo一般采用蕴含企业文化和特色的图案，或 是与企业名称相关的字符或符号及其变形，当 然也有很多是图文组合。
1．为什么要学习HTML
HTML语言是网页制作的基础，目前Internet上 的绝大多数网页都遵循HTML语言规范，或是由 HTML语言发展而来。
2．HTML语言的组成
HTML语言的核心是标签（或者称为标记）。也 就是说，我们在浏览网页时看到的文字、图像、 动画等在HTML文档中都是用标签来描述的。一 个完整的HTML文档由<html>标签开始并由 </html>标签结束，所有的HTML代码都应写在 <html>标签与</html>标签之间。
2．导航条
导航条是链接到网站内主要页面的超链接组合， 它可以引导浏览者轻松找到网站中的各个页面， 导航条也因此而得名。
设计导航条时，应注意以下两点。
如果网站内容不多，可根据网站风格尝试灵活摆 放导航条，也可以使用图片或Flash动画等制作 导航条。
如果网站栏目很多，可以将导航条分为多排放置 在Logo的下方或右侧。为便于观看，可为各排设 置不同的底色。
2．网站维护
网站维护主要是指网站发布后内容的实时更新。 严格来说，每一个网站都应该由专业的技术人员 定期更新维护。互联网的最大优势就是信息的实 时性，只有快速反映，准确报道，吸引更多的浏 览者，才能保证网站的流量。
1.4 网页设计的基本原则
1.4.1 网页颜色的选择与搭配
设计网页时，可根据以下原则确定网页的背景色 和主色调，并进行颜色搭配。
目前用于网站管理和网页制作的软件主要是 Dreamweaver，其功能全面、操作灵活、专业 性强。另外，它还可以作为动态网站的开发环 境。
在制作网页时，除Dreamweaver外还需要用到 Fireworks、Flash、Photoshop等辅助软件。
1.2.2 HTML语言简介
HTML是Hypertext Markup Language的首字母缩 写，中文称作“超文本标记语言”。
广告
虑的一个重要因素。总
条
的来说，各种网页的布
局都大同小异。例如，
几乎所有网页的上部都
有站标、导航条和广告
条，中间是各个版块，
下部为网站信息区。
信息 区
各个版 块
1.4.3 网页尺寸
页面尺寸是网页设计中必须要考虑的一个问题。 目前，我国大部分电脑的显示器是17英寸，其分 辨率通常为1024×768像素。因此，为避免在浏 览网页时需频繁拖动水平滚动条，最好将网页宽 度设置为1002像素以内。同时，由于浏览者可以 利用浏览器的垂直滚动条快速上下滚动网页，因 此对网页的高度没有特别的要求，用户可根据需 要设置。
1.3 网站建设流程
1.3.1 网站策划 1．确定网站内容
建设网站要有目的性，首先要根据网站的性质和 受众，确定网站内容和要实现的功能。
2．规划网站结构
确定网站内容后，就要根据网站的内容来规划 网站结构。网站结构有两层意思，一是逻辑结 构，二是物理结构。
逻辑结构主要是指将网站内容划分成哪些栏目， 实际上就相当于网页中的导航条，下图显示了 某企业网站的逻辑结构图。
第1章 网页制作基本知识
认识网站与网页 网页设计软件和制作技术 网站建设流程 网页设计的基本原则
1.1 认识网站与网页
网页就是我们上网时在浏览器中看到的一个个 画面，网站则是一组相关网页的集合。一个小 型网站可能只包含几个网页，而一个大型网站 则可能包含成千上万个网页。 另外，打开某个网站时显示的第一个网页被称 为网站的主页（或首页），它可以说是网站的 门户，通过它不仅可以了解网站的性质和内容， 还可以访问网站中的其他页面。
3．HTML标签的类型与特点
实际上，学习HTML语言的过程也就是学习各种标 签（1格）式单的标过签程。 语法是：<标签名称> （2）双标签 “双标签”由“始标签”和“尾标签”两部分构 成，必须成对使用。语法是：<标签> 内容 </ 标签> （3）标签属性 许多单标签和双标签的始标签内可以包含一些属 性。语法是：<标签名字 属性1 属性2 属性3…>
•客户提供的素材：主要是与产品或企业相关的 图像和文字，比如产品外观图像等。 •网上收集的素材：主要是一些辅助性图像，这 些图像的装饰性较强，比如背景图像等。 •独自创作的素材：主要是整个页面中视觉面积 最大、最有说服力的图像，比如广告图像、标 题图片等。
1.3.3 设计和制作网站
所谓设计，就是根据网站的性质和内容确定网站 的风格，然后根据已确定的风格，用图像处理软 件（如Photoshop、Fireworks等）设计好网页效 果图，并将设计好的效果图进行切割导出。
1.3.5 测试和发布网站
有了空间和域名后，就可以测试并发布网站了， 网站测试一般包括服务器稳定和安全测试、程序 和数据库测试、网页兼容性测试等。
1.3.6 推广和维护网站
1．网站推广
目前，网站推广的方法主要有下面几种。 （1）注册到ห้องสมุดไป่ตู้索引擎 （2）交换广告条 （3）宣传 （4）网络广告 （5）报纸、杂志
3．广告条
广告条又称Banner，其功能是宣传网站或替其他 企业做广告。Banner的尺寸可以根据版面需要来 安排。
4．标题栏
此处的标题栏不是指整个网页的标题栏，而是网 页内部各版块的标题栏，是各版块内容的概括。 它使得网页内容的分类更清晰、明了，大大地方 便了浏览者。 标题栏可以是文字加不同颜色的背景，也可以是 图片，这要根据网站的内容和规模来决定。
1.1.4 静态网页与动态网页
从大的方面讲，网页可分为静态网页和动态网 页。通常是从制作技术的角度来区分静态网页 和动态网页的，完全采用HTML技术制作的网页 称为静态网页；使用HTML、编程语言和数据库 共同完成，需要与服务器实时交互的网页称为 动态网页。
1.2 网页设计软件和制作技术
1.2.1 网站管理与网页制作软件
3．确定网站要应用的技术
网站要应用的技术包括两个方面，一个是程序和 数据库，另一个是运行环境。网站技术与网站的 定位、功能和规则都是密切相关的，对于网站的 运营，网站的成本，网站目标的达成都非常关键。
1.3.2 收集网站素材
在开始动手制作网站之前，应事先收集好制作网 站时要用到的素材，通常情况下，素材按来源可 分为以下几种类型。
（1）网页背景颜色最好选择白色或黑色。 （2）可根据网站的性质确定网页的主色调，并且该主 色调应贯穿于网站中的全部网页。 （3）设计网页时恰当地利用同类色、邻近色和对比色， 可增强网页的层次感、丰富网页的色彩或突出某些重要 内容（如导航条或版块标题）。
1.4.2 网页版式设计
导航
站标
条
版式是设计网页时要考
1.3.4 空间和域名申请
要使别人能通过互联网访问你的网站，就需要 将其上传到服务器上，并拥有一个属于自己的 域名。这就需要申请虚拟空间和域名。 所谓虚拟空间，是指网站内容所占用的连接到 互联网上的服务器空间。目前，服务商能够提 供的虚拟空间模式有两种：主机托管和虚拟主 机。
1.1.1 网页的本质
我们看到的网页是由一组文件构成的，它们分别 是网页文件（扩展名为.html、.asp等）、图像文 件（扩展名为.jpg、.gif等）和Flash动画文件 （扩展名为.swf）等。
1.1.2 网页的功能组成
从浏览者的角度看，网页中无非就是一些文
字、图像、动画等。但从专业的角度来讲，
2．域名
由于IP地址在使用过程中难于记忆和书写，人 们又发现了一种与IP地址对应的字符来表示地 址，这就是域名。每一个网站都有自己的域名， 并且域名是独一无二的。例如，我们只需要在 浏览器地址栏中输入搜狐网站的域名 “www.sohu.com”，然后按回车键就可以访问 搜狐网站了。
3．网址
网址又叫URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。它是 网络上通用的一种地址格式，用于标识网页文 件在网络中的位置。 一个完整的网址由通信协议名称、域名或IP地 址、网页在服务器中的路径和文件名4部分组 成。
5．按钮
在现实生活中，按钮通常是启动某些装置或机关 的开关。网页中的按钮也沿用了这个概念。网页 中的按钮被点击之后，网页会实现相应的操作， 比如页面跳转，或数据的传输等。
1.1.3 IP地址、域名与网址
1．IP地址
虽然互联网上连接了不计其数的服务器与客户 机，但它们并不是杂乱无章的。每一个主机在 互联网上都有唯一的地址，我们称这个地址为 IP地址（Internet Protocol Address）。IP地址 由4个小于256的数字组成，数字之间用点间隔。 例如，“61.135.150.126”就是一个IP地址。
网页中的元素各有其不同的作用，可以将他
们分为站标、导航条、广告条、标题栏和按
钮等，如下图所示。
导航
条
站标
按
广告
钮
条
标题 栏
1．站标
站标也叫Logo，是网站的标志，其作用是使人 看见它就能够联想到企业。因此，网站Logo通 常采用企业的Logo。 Logo一般采用蕴含企业文化和特色的图案，或 是与企业名称相关的字符或符号及其变形，当 然也有很多是图文组合。
1．为什么要学习HTML
HTML语言是网页制作的基础，目前Internet上 的绝大多数网页都遵循HTML语言规范，或是由 HTML语言发展而来。
2．HTML语言的组成
HTML语言的核心是标签（或者称为标记）。也 就是说，我们在浏览网页时看到的文字、图像、 动画等在HTML文档中都是用标签来描述的。一 个完整的HTML文档由<html>标签开始并由 </html>标签结束，所有的HTML代码都应写在 <html>标签与</html>标签之间。
2．导航条
导航条是链接到网站内主要页面的超链接组合， 它可以引导浏览者轻松找到网站中的各个页面， 导航条也因此而得名。
设计导航条时，应注意以下两点。
如果网站内容不多，可根据网站风格尝试灵活摆 放导航条，也可以使用图片或Flash动画等制作 导航条。
如果网站栏目很多，可以将导航条分为多排放置 在Logo的下方或右侧。为便于观看，可为各排设 置不同的底色。
2．网站维护
网站维护主要是指网站发布后内容的实时更新。 严格来说，每一个网站都应该由专业的技术人员 定期更新维护。互联网的最大优势就是信息的实 时性，只有快速反映，准确报道，吸引更多的浏 览者，才能保证网站的流量。
1.4 网页设计的基本原则
1.4.1 网页颜色的选择与搭配
设计网页时，可根据以下原则确定网页的背景色 和主色调，并进行颜色搭配。
目前用于网站管理和网页制作的软件主要是 Dreamweaver，其功能全面、操作灵活、专业 性强。另外，它还可以作为动态网站的开发环 境。
在制作网页时，除Dreamweaver外还需要用到 Fireworks、Flash、Photoshop等辅助软件。
1.2.2 HTML语言简介
HTML是Hypertext Markup Language的首字母缩 写，中文称作“超文本标记语言”。
广告
虑的一个重要因素。总
条
的来说，各种网页的布
局都大同小异。例如，
几乎所有网页的上部都
有站标、导航条和广告
条，中间是各个版块，
下部为网站信息区。
信息 区
各个版 块
1.4.3 网页尺寸
页面尺寸是网页设计中必须要考虑的一个问题。 目前，我国大部分电脑的显示器是17英寸，其分 辨率通常为1024×768像素。因此，为避免在浏 览网页时需频繁拖动水平滚动条，最好将网页宽 度设置为1002像素以内。同时，由于浏览者可以 利用浏览器的垂直滚动条快速上下滚动网页，因 此对网页的高度没有特别的要求，用户可根据需 要设置。
1.3 网站建设流程
1.3.1 网站策划 1．确定网站内容
建设网站要有目的性，首先要根据网站的性质和 受众，确定网站内容和要实现的功能。
2．规划网站结构
确定网站内容后，就要根据网站的内容来规划 网站结构。网站结构有两层意思，一是逻辑结 构，二是物理结构。
逻辑结构主要是指将网站内容划分成哪些栏目， 实际上就相当于网页中的导航条，下图显示了 某企业网站的逻辑结构图。
第1章 网页制作基本知识
认识网站与网页 网页设计软件和制作技术 网站建设流程 网页设计的基本原则
1.1 认识网站与网页
网页就是我们上网时在浏览器中看到的一个个 画面，网站则是一组相关网页的集合。一个小 型网站可能只包含几个网页，而一个大型网站 则可能包含成千上万个网页。 另外，打开某个网站时显示的第一个网页被称 为网站的主页（或首页），它可以说是网站的 门户，通过它不仅可以了解网站的性质和内容， 还可以访问网站中的其他页面。
3．HTML标签的类型与特点
实际上，学习HTML语言的过程也就是学习各种标 签（1格）式单的标过签程。 语法是：<标签名称> （2）双标签 “双标签”由“始标签”和“尾标签”两部分构 成，必须成对使用。语法是：<标签> 内容 </ 标签> （3）标签属性 许多单标签和双标签的始标签内可以包含一些属 性。语法是：<标签名字 属性1 属性2 属性3…>
•客户提供的素材：主要是与产品或企业相关的 图像和文字，比如产品外观图像等。 •网上收集的素材：主要是一些辅助性图像，这 些图像的装饰性较强，比如背景图像等。 •独自创作的素材：主要是整个页面中视觉面积 最大、最有说服力的图像，比如广告图像、标 题图片等。
1.3.3 设计和制作网站
所谓设计，就是根据网站的性质和内容确定网站 的风格，然后根据已确定的风格，用图像处理软 件（如Photoshop、Fireworks等）设计好网页效 果图，并将设计好的效果图进行切割导出。
1.3.5 测试和发布网站
有了空间和域名后，就可以测试并发布网站了， 网站测试一般包括服务器稳定和安全测试、程序 和数据库测试、网页兼容性测试等。
1.3.6 推广和维护网站
1．网站推广
目前，网站推广的方法主要有下面几种。 （1）注册到ห้องสมุดไป่ตู้索引擎 （2）交换广告条 （3）宣传 （4）网络广告 （5）报纸、杂志
3．广告条
广告条又称Banner，其功能是宣传网站或替其他 企业做广告。Banner的尺寸可以根据版面需要来 安排。
4．标题栏
此处的标题栏不是指整个网页的标题栏，而是网 页内部各版块的标题栏，是各版块内容的概括。 它使得网页内容的分类更清晰、明了，大大地方 便了浏览者。 标题栏可以是文字加不同颜色的背景，也可以是 图片，这要根据网站的内容和规模来决定。
1.1.4 静态网页与动态网页
从大的方面讲，网页可分为静态网页和动态网 页。通常是从制作技术的角度来区分静态网页 和动态网页的，完全采用HTML技术制作的网页 称为静态网页；使用HTML、编程语言和数据库 共同完成，需要与服务器实时交互的网页称为 动态网页。
1.2 网页设计软件和制作技术
1.2.1 网站管理与网页制作软件
3．确定网站要应用的技术
网站要应用的技术包括两个方面，一个是程序和 数据库，另一个是运行环境。网站技术与网站的 定位、功能和规则都是密切相关的，对于网站的 运营，网站的成本，网站目标的达成都非常关键。
1.3.2 收集网站素材
在开始动手制作网站之前，应事先收集好制作网 站时要用到的素材，通常情况下，素材按来源可 分为以下几种类型。
（1）网页背景颜色最好选择白色或黑色。 （2）可根据网站的性质确定网页的主色调，并且该主 色调应贯穿于网站中的全部网页。 （3）设计网页时恰当地利用同类色、邻近色和对比色， 可增强网页的层次感、丰富网页的色彩或突出某些重要 内容（如导航条或版块标题）。
1.4.2 网页版式设计
导航
站标
条
版式是设计网页时要考