网页设计制作教程.ppt

《网页设计制作教程.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目二创建度假村网站——DreamweaverCS3入门面板基本操作——初识DreamweaverCS3创建“fuligong”站点——新建和管理站点为首页设置头信息和页面属性——页面总体设置任务一面板基本操作——初识DreamweaverCS3相关知识一、启动DreamweaverCS3安装DreamweaverCS3后，单击桌面左下角的“开始”按钮，选择“所有程序”>“AdobeDesignPremiumCS3”>“AdobeDreamweaverCS3”，就可以启动DreamweaverCS3了，如左图所示。单击可打开文档单击可创建相应类型的文档二、Dreamwea

2、verCS3界面元素简介DreamweaverCS3的工作界面由标题栏、菜单栏、“插入”栏、文档工具栏、文档窗口、状态栏、“属性”面板和面板组等组成，如下图所示。1．标题栏和菜单栏标题栏位于界面顶部，左侧显示软件名称和文档标题，右侧显示程序窗口的控制按钮，包括“最小化窗口”按钮、“最大化窗口”按钮和“关闭窗口”按钮。菜单栏位于标题栏下方，几乎集中了DreamweaverCS3的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等。要执行某项命令，可首先单击主菜单名打开其下拉菜单，然后用鼠标单击某个菜单项即可。2．插入栏“插入”栏包含各种类型的对象按钮（如图像

3、、表格和Flash动画等），通过单击这些按钮，可将相应的对象插入到文档中。在不同的插入栏之间切换单击小三角符号打开同位按钮组3．文档标签与文档工具栏文档标签位于插入栏下方，左侧显示当前打开的所有网页文档名称，右侧显示当前文档对应的最小化、向下还原和关闭按钮。当用户打开多个网页时，通过单击文档标签可在各网页之间切换，如下图所示。文档工具栏中包括可对文档进行操作的按钮。4．状态栏状态栏位于文档窗口下方，它提供了与当前文档相关的一些信息。5．属性面板与面板组在Dreamweaver中，大多数操作都是通过面板实现的。“属性”面板位于文档窗口下方，主要用于查看或编辑所选对象的属性。

4、除“属性”面板外，DreamweaverCS3还为用户提供了众多面板，如“文件”面板、“历史记录”面板等。为便于管理，DreamweaverCS3将这些面板归入到不同的面板组中。实施步骤在DreamweaverCS3中制作网页时，经常需要对其工作界面进行各种调整。为方便后面的操作，本节我们简单介绍一下DreamweaverCS3中面板的基本操作。（具体操作见视频1-1）。任务二创建“fuligong”站点——新建和管理站点初步认识DreamweaverCS3后，下面我们来学习新建和管理站点的方法，主要包括网页文档和文件夹的命名规则，定义站点以及新建、保存、关闭、打开和预览

5、文档的方法。相关知识一、网页文档和文件夹的命名规则静态的首页文件一般命名为“index.html”。最好不要使用中文命名文件和文件夹。文件名中不要使用大写英文字母。运算符符号不能用在文件名的开头。比较长的文件名可以使用下划线“_”来隔开多个单词或关键字。在大型网站中，分支页面的文件应存放在单独的文件夹中。在动态网站中，用来存放数据库的文件夹一般命名为“data”或者“database”。二、在Dreamweaver中定义站点为便于管理和编辑站点，在创建网页之前，首先要在Dreamweaver中定义站点。定义站点可以将本地磁盘中的站点文件夹同Dreamweaver建立一定的

6、关联，可以使用Dreamweaver上传或下载站点内容。定义站点主要包括设置站点名称、站点性质，以及站点所对应的文件夹，下面来看具体操作。三、新建文档Dreamweaver中的文档也就是网页，创建新网页的方法有多种。本节使用“文件”菜单创建网页。选择“文件”>“新建”菜单，打开“新建文档”对话框。四、保存和关闭文档新建或编辑网页文档后，需要保存文档，才能使所做的设置生效。关闭文档的操作相当简单，只需单击相应文档右上角的“关闭”按钮（或按【Ctrl+W】组合键）即可。选择“文件”>“保存”菜单（或按【Ctrl+S】组合键），弹出“另存为”对话框。五、打开和预览文档除常用的新

7、建、保存和关闭文档操作外，有时还需要打开某个文档进行编辑。选择“文件”>“打开”菜单，弹出“打开”对话框保存网页后，单击“文档”工具栏中的“在浏览器中预览/调试”按钮，在弹出的菜单中选择“预览在IExplore”菜单项（或直接按【F12】键），预览文档六、“文件”面板的应用使用“文件”面板可以非常高效地管理站点。实际操作中，在定义站点后，我们通常都是利用该面板来创建、重命名或打开站点中的网页文档或文件夹的。创建文档重命名文档新建文件夹重命名文件夹实施步骤一、确定站点目录结构创建网站的第一步是确定本地站点的目录结构，并准备好相应