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://https://www.wendangku.net/doc/4910669400.html, https://www.wendangku.net/doc/4910669400.html, https://www.wendangku.net/doc/4910669400.html,/
/
6http://https://www.wendangku.net/doc/4910669400.html,/cn https://www.wendangku.net/doc/4910669400.html,/cn https://www.wendangku.net/doc/4910669400.html,/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
18
1.2.1 创建本地站点
?步骤1：在本地硬盘上建立一个用来存放站点的文件夹，命名为“site site”
”，该文件夹就是本地站点的根目录，是为网站特别建立的一个文件夹。
?步骤2:打开Dreamweaver 8.0，选择“站点”菜单下的“管理站点”命令，或者选择文件面板中的“管理站点”命令，打开 “管理站点”对话框。
?步骤3:单击“管理站点”对话框中的“新建”按钮，在弹出菜单中选择“站点”
命令。
19
?步骤4：单击“站点”命令后，系统会弹出窗口，这是一个定义站点的向导，选择“基本”选项卡，给网站定义一个名
称，例如“数学与计算机系”。
20