dreamweaver cs5自学教程-第一课：网页设计基础

《dreamweaver cs5自学教程-第一课：网页设计基础》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、DreamweaverCS5网页制作教程笔记该教程使用DreamweaverCS5作为开发工具，结合老师的网站开发经验，为大家讲解网页制作的每个环节。希望通过本套课程的学习，大家能灵活运用Dreaweaver完成网站的开发。课程分为12课共118节视频讲解，并随光盘附带课程素材、板书及相关软件。第一课：网页设计基础1-1网站的概述1-2初识Dreamweaver1-3DreamweaverCS5的用户界面插入面板显示方式的调整切换网页显示比例大小尺寸占用数据空间1-4网页文件的基本操作1、创建网页文件2、网页文件的保存保存快捷键Ctrl+

2、S网页保存的名字必须是字母或数字修改后没有保存的文件名带*注：网站首页文件的命名一般用“index.html”，首页的文档命名如下3、网页预览主要浏览器预览的快捷键是F12浏览器可以通过以上方式添加1-5设置网页外观属性1、页面属性的设置网页空白区域单击后，点击“页面属性”，对相关要素进行设置3、添加字体1-6创建站点1、站点也叫做根目录，是是一个文件夹，是网站的网页和所有素材存储的地方。2、创建站点:站点的名称用中文，站点的文件夹名称用英文。3、新建网页保存:新建的网页保存命名必须用英文1-7设置默认图像文件夹1、在站点根目录创建图片素

3、材存储的文件夹文件夹的命名一定不能用中文，最好使用“images”命名2、设置images文件夹为网站图片储存的默认文件夹3、网页中插入图片时，点击保存确定，电脑中任何储存位置的图片素材都会被自动复制保存到站点根目录下的images文件夹中。1-8站点的管理1、双击打开所要编辑的网页2、新建网页的另一种方法：点击站点，右击新建文件，单击命名新建的网页文件。用同样的方式可以新建文件夹。网页文件在不同文件夹之间移动时，需要更新网页的链接才能保证网页中的链接有效。子文件夹中创建新网页的方式与上边的创建方式相同。3、不同站点之间的切换4、站点的复

4、制或删除1-9补充（DreamweaverCS5的安装）