Dreamweaver CS5自学教程-第一课：网页设计基础

Dreamweaver CS5网页制作教程笔记

该教程使用Dreamweaver CS5作为开发工具，结合老师的网站开发经验，为大家讲解网页制作的每个环节。希望通过本套课程的学习，大家能灵活运用Dreaweaver完成网站的开发。课程分为12课共118节视频讲解，并随光盘附带课程素材、板书及相关软件。

第一课：网页设计基础

1-1 网站的概述

1-2 初识Dreamweaver

1-3 Dreamweaver CS5的用户界面

插入面板显示方式的调整切换

网页显示比例 大小尺寸 占用数据空间

1-4 网页文件的基本操作

1、创建网页文件

2、网页文件的保存 保存快捷键 Ctrl+S 网页保存的名字必须是字母或数字

修改后没有保存的文件名带*

注：网站首页文件的命名一般用“index.html”，首页的文档命名如下

3、网页预览

主要浏览器预览的快捷键是

F12

浏览器可以通过以上方式添加

1-5 设置网页外观属性

1、页面属性的设置

网页空白区域单击后，点击“页面属性”，对相关要素进行设置 3、添加字体

1-6 创建站点

1、站点也叫做根目录，是是一个文件夹，是网站的网页和所有素材存储的地方。 2、创建站点:站点的名称用中文，站点的文件夹名称用英文。

3、新建网页保存:新建的网页保存命名必须用英文

1-7 设置默认图像文件夹

1、在站点根目录创建图片素材存储的文件夹

文件夹的命名一定不能用中文，最好使用“images”命名 2、设置images文件夹为网站图片储存的默认文件夹

3、网页中插入图片时，点击保存确定，电脑中任何储存位置的图片素材都会被自动复制保存到站点根目录下的images文件夹中。

1-8 站点的管理

1、双击打开所要编辑的网页

2、新建网页的另一种方法：点击站点，右击新建文件 ，单击命名新建的网页文件。 用同样的方式可以新建文件夹。

网页文件在不同文件夹之间移动时，需要更新网页的链接才能保证网页中的链接有效。

子文件夹中创建新网页的方式与上边的 创建方式相同。

3、不同站点之间的切换

4、站点的复制或删除

1-9 补充（Dreamweaver CS5的安装）