网顷投计与制作 教程 第1章网页设计基础 FIREWO FLASHPO DREAM
第1章 网页设计基础
网页设计与制作教程 第1章网页设计基础 本章目录 通过本章的学 习，用户将了解到 冬1.1网页的简介 关于网页和网站的 基础知识、掌握 1.2网站的简介 Dreamweaver8的 1.3 Dreamweaver8简介 )基本知识和界面构 成等内容。为后续 1.4本章小结 的章节的学习做好 铺垫工作。 概要说明
第1章 网页设计基础 ❖1.1 网页的简介 ❖1.2 网站的简介 ❖1.3 Dreamweaver 8简介 ❖1.4 本章小结 通过本章的学 习，用户将了解到 关于网页和网站的 基础知识、掌握 Dreamweaver 8的 基本知识和界面构 成等内容。为后续 的章节的学习做好 铺垫工作
网页设计与制作敦程 1.1网页的简介 1.1.1网页概述 1.网页是用超文本标记语言(Hypertext Markup Language HTML)编写的。 2.Web空间是互联网上存放网站页面内容的计算机的 存储空间。 3.网页中包括的元素：文本、图像和动画、声音和视 频、超链接、表格、表单、导航栏以及其他特殊效果
1．网页是用超文本标记语言（Hypertext Markup Language HTML）编写的。 2．Web空间是互联网上存放网站页面内容的计算机的 存储空间。 3．网页中包括的元素：文本、图像和动画、声音和视 频、超链接、表格、表单、导航栏以及其他特殊效果。 1.1.1 网页概述 1.1 网页的简介
网页设计与制作敦程 1.1网页的简介 1.1.2网页的基本元素 冬网页中的文字 文字是网页中的主要内容，一个网页向外界传递信 息，介绍网站的内容，主要通过文字来实现。 。网页中的图片 一个比较成功的网页，文字信息固然不可少，但是 加入图片后能使网页更为增色。 冬网页中的超链接 超链接，通过已定义好的关键字和图形，由当前页 的标题或内容索引信息指向别的页面的连接点。 返回
❖ 网页中的文字 文字是网页中的主要内容，一个网页向外界传递信 息，介绍网站的内容，主要通过文字来实现。 ❖ 网页中的图片 一个比较成功的网页，文字信息固然不可少，但是 加入图片后能使网页更为增色。 ❖ 网页中的超链接 超链接，通过已定义好的关键字和图形，由当前页 的标题或内容索引信息指向别的页面的连接点。 1.1.2 网页的基本元素 1.1 网页的简介
网页设计与制作教程 1.2网站的简介 1.2.1网站的目录结构 站点是用于存储Web站点中所有文件的场所。站点 的目录结构是一个容易忽略的问题，大多数网站的制作 人员都是未经规划，随意创建子目录。目录结构的好坏， 对浏览者来说并没有什么太大的感觉，但是对于站点本 身的维护，以后内容的扩充和移植有着重要的影响。一 般建议站点采用如下的方式建立目录结构，按栏目内容 建立子目录
1.2.1 网站的目录结构 站点是用于存储Web站点中所有文件的场所。站点 的目录结构是一个容易忽略的问题，大多数网站的制作 人员都是未经规划，随意创建子目录。目录结构的好坏， 对浏览者来说并没有什么太大的感觉，但是对于站点本 身的维护，以后内容的扩充和移植有着重要的影响。一 般建议站点采用如下的方式建立目录结构，按栏目内容 建立子目录。 1.2 网站的简介
网页设计与制作敦程 1.2网站的简介 1.2.2网站的风格确定 “风格”是抽象的，是指站点的整体形象给浏览 者的综合感受。这个“整体形象”包括站点的CI(标 志，色彩，字体，标语)、版面布局、浏览方式、交 互性、文字、语气、内容价值等等诸多因素。 网站给人的第一印象来自视觉冲击，不同的色彩 搭配产生不同的效果，并可能影响到访问者的情绪。 一般来说，一个网站的标准色彩不超过3种，太多则让 人眼花缭乱
1.2.2 网站的风格确定 “风格”是抽象的，是指站点的整体形象给浏览 者的综合感受。这个“整体形象”包括站点的CI（标 志，色彩，字体，标语）、版面布局、浏览方式、交 互性、文字、语气、内容价值等等诸多因素。 网站给人的第一印象来自视觉冲击，不同的色彩 搭配产生不同的效果，并可能影响到访问者的情绪。 一般来说，一个网站的标准色彩不超过3种，太多则让 人眼花缭乱。 1.2 网站的简介
网页设计与制作教程 1.3 Dreamweaver8简介 1.3.1 Dreamweaver8的工作界面 Dreamweaver8是Macromedia公司开发的新一代 可视化的专业级网页编辑器。它集网页制作和动态网站 管理功能于一身。 Dreamweaver8的编辑环境非常灵活，提供了2种可 供选择的工作区布局，满足不同风格和技术方式的用户 使用
1.3.1 Dreamweaver 8的工作界面 Dreamweaver 8 是 Macromedia 公司开发的新一代 可视化的专业级网页编辑器。它集网页制作和动态网站 管理功能于一身。 Dreamweaver 8的编辑环境非常灵活， 提供了2种可 供选择的工作区布局，满足不同风格和技术方式的用户 使用。 1.3 Dreamweaver 8简介
网页设计与制作教程 1.3 Dreamweaver 8简介 1.选择工作区布局 在窗口中首次启动Dreamweaver时，会出现一个对 话框，可以从中选择一种工作区布局。如果以后改变了 主意，可以使用“参数选择”对话框切换到另一种不同 的工作区中。 2.窗口和面板概述 冬“插入”面板 “文档”工具栏 “文档”窗口 冬 “属性”检查器 面板组 文 “历史”面板
1. 选择工作区布局 在窗口中首次启动Dreamweaver时，会出现一个对 话框，可以从中选择一种工作区布局。如果以后改变了 主意，可以使用“参数选择”对话框切换到另一种不同 的工作区中。 2. 窗口和面板概述 ❖ “插入”面板 ❖ “文档”工具栏 ❖ “文档”窗口 ❖ “属性”检查器 ❖ 面板组 ❖ “历史”面板 1.3 Dreamweaver 8简介
网页设计与制作敦程 1.3 Dreamweaver8简介 1.3.2基本菜单简介 【文件】菜单 【编辑】菜单 【查看】菜单 公 【插入】菜单 【文本】菜单 ”【命令】菜单 【站点】菜单 【窗口】菜单 【帮助】菜单 返
1.3.2 基本菜单简介 ❖ 【文件】菜单 ❖ 【编辑】菜单 ❖ 【查看】菜单 ❖ 【插入】菜单 ❖ 【文本】菜单 ❖ 【命令】菜单 ❖ 【站点】菜单 ❖ 【窗口】菜单 ❖ 【帮助】菜单 1.3 Dreamweaver 8简介
冈页设计与制作教程 1.4本章小结 本章主要介绍网页的基本内容和工作原理， 初步认识网页，这将成为我们今后制作网页的前 提和基础。 然后介绍Dreamweaver8的窗口组成、菜单 组成、工具栏的组成、面板的基本操作等，这为 我们在后续章节中利用Dreamweaver8完成网页 的各种制作功能和技巧做了必要的铺垫。 返回Q
1.4 本章小结 本章主要介绍网页的基本内容和工作原理， 初步认识网页，这将成为我们今后制作网页的前 提和基础。 然后介绍Dreamweaver 8的窗口组成、菜单 组成、工具栏的组成、面板的基本操作等，这为 我们在后续章节中利用Dreamweaver 8完成网页 的各种制作功能和技巧做了必要的铺垫