第一章 网页设计基础
1.1 Dreamweaver MX 2004 的工作环境
1.2 创建新站点
1.1 Dreamweaver 8的工作环境
面板组
文件面板
文档编辑
窗口
插入栏
文档工
具栏
标签状
态栏
属性检查
器
第一章 网页设计基础
第一章 网页设计基础
1.2 创建新站点
一,创建网站流程
步骤,
1,对站点进行规划
2,素材准备
3,管理站点。（首先要创建一个站点）
4,设计 Web页面布局。
5,向页添加内容。
6,手工编码。
7,设置 Web应用程序运行环境。
8,创建动态页。
9,快速开发应用程序。
10,测试站点。
11,上传站点到未能得逞服务器。
第一章 网页设计基础
1.2 创建新站点
二、创建站点
菜单【站点】｜ 【管理站点】
? 创建新站点
? 通过, 站点定义向导, 创建
? 通过, 高级, 设置对话框创建
? 编辑站点
? 复制站点
? 删除站点
? 导入和导出站点
第一章 网页设计基础
三、站点列表管理
打开本地站点
编辑站点
删除站点
复制站点
站点文件管理
创建文件夹与文件
文件的移动、复制和删除
设置首页 (index.htm)
第一章 网页设计基础
实例 1：我的足球网
要求,
? 在 E盘新建文件夹, myfootball”，作为整个站
点内容的文件夹，也是网站的根目录。
? 网站名的, 我的足球网,,分 3个栏目：, 我
与足球,,, 足球新闻,,, 足球明星,,这
3个栏目内容分别存放在网站根目录下的
,aboutme”,,news”,,photo”文件夹里。
? 网站所有素材图像存放于根目录下的文件夹
,image”中。
第一章 网页设计基础
实例 1效果图：我的足球网
第一章 网页设计基础
四、站点地图
利用站点地图可以以图形化的方式查看站点
结构，构建网页之间的链接。
可用于管理站点内的文件和目录，对站点内
的文件进行改名、编辑和删除等基本操作。
可用于完成添加、删除、更改站点内的超链
接等操作。
第一章 网页设计基础
1.3 网页文件的基本操作
一,创建、打开和保存网页文件
1,创建 HTML文档
文件 → 新建 → 新建文档 → 常规 → 类别 → 基本页
在文件面板中 → 右击 → 新建文件 → 双击
2,打开已建的 HTML文档
文件 → 打开
在文件面板中 → 双击该文档
3,保存指定文件
文件 → 保存（或 Ctrl+S)
文件 → 另存为
文件 → 保存全部
4,关闭文件
文件 → 关闭
第一章 网页设计基础
二、页面的准备工作
1,设置页面标题
第一章 网页设计基础
二、页面的准备工作
2,设置页面属性
标题
背景图像（平铺）
背景
文本和链接
访问过的链接
左边界和顶部边界
边界宽度和边界高度
文档编码
跟踪图像－－衬在网页底下以作参考
图像透明度
第一章 网页设计基础
三、设置颜色
对页面背景、文字、链接、激活的链接设
置颜色
? 十六进制数＃ 000000~＃ FFFFFF
? 在颜色选取窗口配色
? 命令 → 设定配色方案
