Dreamweaver入门教程

基础知识——网页设计简介

0.1　网页设计概述

0.2　初识Dreamweaver 8

1

0.1　网页设计概述

0.1.1　网页设计遵循的理念

0.1.2　网站整体风格的确定

0.1.3　网页创意

0.1.4　网页色彩搭配简介

0.1.5　常用网页设计工具简介

2

0.1.1　网页设计遵循的理念

（1）考虑访问者的带宽问题。

（2）版面布局合理。

（3）网站标志的设计。

（4）站点内容要精、专，及时更新。

3

0.1.2　网站整体风格的确定

•网站的风格

–指网站的整体形象给访问者的综合感受。

•包含的因素

–网站的标志设计、色彩、版面布局、浏览方式、交互性、文字和价值等。

•例如：

–儿童网站“WaWaYaYa”是生动活泼的；大多商业网站如IBM，是专业严肃的。

4

5http:// /

/

6http:///cn /cn /cn/

/

确定网站的整体风格需要注意以下几个方面：

（1）网站标志要放在醒目位置要保持不变。

（2）反应网站精髓的标语并动态显示。

（3）导航放在每一张网页的相同位置。

（4）确定网站的主体颜色并注意颜色。

（5）页面的布局一般采用左边导航右边文字，或者上面导航下面文字的方法，或两者结合使用。

（6）内容结构简单且分类要简而精。

7

0.1.3　网页创意

•什么是创意？

–（1）创意是传达信息的一种特殊手段。

–（2）创意是将现有的要素重新组合。

8

0.1.4　网页色彩搭配简介

•网页色彩搭配应考虑以下因素：

–（1）色彩的鲜明性。

–（2）色彩的独特性。

–（3）色度的合适性。

–（4）色彩的代表性。

9

0.1.5　常用网页设计工具简介

1．网页设计软件Dreamweaver

2．网络动画制作软件Flash

3．网络图像处理软件Fireworks

（本课程主讲Photoshop）

10

第1讲Dreamweaver 8.0 界面及

站点建设

第1讲Dreamweaver 8.0 界面及站点建设

• 1.1 Dreamweaver 8.0简介

• 1.2 创建站点

• 1.3 网页文件的基本操作

• 1.4 设置页面属性

• 1.5 练习制作简单的网页站点

12

1.1 Dreamweaver 8.0简介

• 1.1.1 Dreamweaver 8.0的启动和退出

• 1.1.2 Dreamweaver 8.0的工作环境

13

1.1.1 Dreamweaver 8.0的启动和退出

1.启动Dreamweaver8.0

在Windows操作系统下，单击左下角的【开始】按钮，从【程序】菜单中选择Macromedia菜单，然后从子菜单中单击【Macromedia Dreamweaver 8】即可启动，如图所示。

14

2.退出Dreamweaver 8.0

退出Dreamweaver 8.0的方法很简单，我们可以有以下几种方式退出编辑界面：

（1）单击Dreamweaver 8窗口右上方的关闭按钮；

（2）按下“Alt+F4”组合键；

（3）选择“文件”菜单中的“退出”命令，或按快捷键Ctrl+Q退出系统。

15

1.1.2 Dreamweaver 8.0的工作环境•Dreamweaver 8.0的操作窗口

16

1.2创建站点

• 1.2.1 创建本地站点

• 1.2.2 管理站点

• 1.2.3 管理网站中的文件和文件夹

17

1.2.1 创建本地站点

•步骤1：在本地硬盘上建立一个用来存放站点的文件夹，命名为“site

site””，该文件夹就是本地站点的根目录，是为网站特别建立的一个文件夹。

•步骤2:打开Dreamweaver 8.0，选择“站点”菜单下的“管理站点”命令，或者选择文件面板中的“管理站点”命令，打开“管理站点”对话框。

18

•步骤3:单击“管理站点”对话框中的“新建”按钮，在弹出菜单中选择“站点”

命令。

19

•步骤4：单击“站点”命令后，系统会弹出窗口，这是一个定义站点的向导，选择“基本”选项卡，给网站定义一个名

称，例如“数学与计算机系”。

20

•步骤5：单击“下一步”按钮，在窗口中设置网站是否使用服务器技术，例如：ASP、PHP等。由于我们要制作的是基本的静态网站，所以选择“否，我不想使用服务器技术”单选按钮。

21

•步骤6：单击“下一步”按钮，开始设置网页的存储方法和存储路径。在上半部分的单选项中选择第一项“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”。

如果申请的网站空间支持在线编辑功能，那么可以选择“使用本地网络直接在服务器上编辑”单选项。

22

23

•步骤7：完成以上的设置后单击“下一步”按钮，在这里选择连接服务器的方式，以及网页在服务器上的存储位置。

24

•步骤8：单击“下一步”按钮。在这里选择是否使用“存回”和“取出”。选中“是，启用存回和取出”选项，可以多人共同完成网站的维护工作。如果只需一个就能够完成网站的维护工作，可以选择“否”。

25