bii 2013-08-07 第3章网站外观设计和内容编辑.ppt

第3章 网站外观设计和内容编辑
河北科技大学经济管理学院
袁再健
2020/12/9
1
通过本章的学习，主要掌握以下知识点：
Dreamweaver简介
站点的规划与设计
站点的管理
网页编辑与超连接
网页定位技术
层叠样式、模板与库
表单与应用
Date
2
Dreamweaver MX简介
Dreamweaver MX是Macromedia公司最新发布的集网页设计、代码开发、网站创建和管理于一体的软件。
Dreamweaver MX不仅可以轻松设计网站前台的页面，而且也可以方便地实现网站后台的各种复杂功能。
Date
3
启动Dreamweaver MX后，屏幕显示的是工作区窗口，此时系统打开一个名为Untitled的空白文档，在网页文件编辑区中，设计者可以完成网页的设计。
工作区窗口各部分功能如下所述。
Dreamweaver MX的工作环境
Date
4
标题栏
菜单栏
文档工具栏
网页文件编辑区
状态栏
浮动面板和浮动面板组
【插入】面板
【属性】面板
Date
5
站点的规划与设计
1．创建具有浏览器兼容性的站点
2．站点结构的组织
3．创建设计外观
4．设计导航方案
5．规划和收集资源
Date
6
创建网站一般有以下几个步骤:
(1) 规划站点： 了解建站的目的，收集各种有关的资料。确定站点的主题、风格、网站要提供的服务和网页要表达的主要内容。
(2) 创建站点的基本结构： 在计算机中创建本地站点的根文件夹以及存放各种资料的子文件夹，配置好所有系统的参数和站点测试路径。
(3) 网页设计： 充分利用收集到的数据资料，合理地运用Dreamweaver MX提供的技术，最完美地设计出能表达网站中心思想的Web 页面。
Date
7
规划站点
“Dreamweaver站点”和“Internet web 站点”不完全相同。“Dreamweaver站点”是在Dreamweaver制作网页的过程中所使用的术语，是定义一个站点名称、存放文件的文件夹、使用的Web服务器和应用服务器技术等。“Internet Web 站点”则是把已经成功的网站内容放到Internet 或Intranet的web服务器上供用户浏览，即运行系统的web服务器上的站点。
网站的发布过程就是将Dreamweaver站点变成Internet Web 站点的过程。
Date
8
有两种：
一是使用“站点定义向导”，这可以根据提示逐步完成设置过程；
二是使用“高级”设置，可以根据需要分别设置本地、远程和测试文件夹。
设置Dreamweaver站点的方法
Date
9

1．选择菜单栏中的“站点”-〉“编辑站点”，出现“站点管理”对话框，在对话框中可以定义多个站点。
新建站点操作如下：
1）单击“新建”-〉“站点”，出现站点定义对话框
2）单击“基本”选项卡以使用站点定义向导，或者单击“高级”选项卡以使用“高级”设置。
Date
10