dreamweaver实例操作步骤

《dreamweaver实例操作步骤》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计1．Dreamweaver8编辑界面Dreamweaver8包含有一个崭新的、简洁高效的设计开发界面，新式的页面布局，开放的编码环境，而且新增了众多的功能，改善了软件的易用性，无论处于设计环境还是编码环境都可以方便地生成页面。（1）标题栏：显示网页文件标题与名称。（2）菜单栏：包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等十个菜单项，可以完成所有操作。（3）对象插入栏：包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮，分为常用、布局、表单、文本、HTML、应用程序、Flash元素等七组。（4）文档工具栏：包含各

2、种按钮，它们提供3种“文档”窗口视图（“设计”视图、“代码”视图、“拆分”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。（5）文档窗口：显示当前创建和编辑的文档，有“设计”视图、“代码”视图和“拆分”视图三种视图方式。当“文档”窗口有一个标题栏时，标题栏显示页面标题，并在括号中显示文件的路径和文件名。当“文档”窗口在集成工作区布局中处于最大化状态时，它没有标题栏；这种情况下，页面标题以及文件的路径和文件名显示在主工作区窗口的标题栏中。当“文档”窗口处于最大化状态时，出现在“文档”窗口区域顶部的选项卡显示所有打开的文档的文件名；若要切换到某

3、个文档，请单击它的选项卡。（6）属性面板：用于设置、查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。（7）标签选择器：显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。（8）文件面板：可以管理文件和文件夹，能访问本地磁盘的全部文件，类似于Windows资源管理器。（9）面板组：是组合在一个标题下面的相关面板的集合，包括设计、代码、应用程序、历史记录、框架等面板。单击组名称左侧的展开箭头可以展开相应面板。2．课程网站主页的创建下面以制作《现代教育技术》课程网站为例，介绍Dreamweaver的基本操作

4、。（1）定义本地站点开始用Dreamweaver制作网页时，首先要定义一个本地站点。作为一个网站，里面有很多网页文件、图片，甚至Flash动画等，如果不进行管理归档就无法方便地进行网页发布。定义本地站点，就是在硬盘上建立一个目录，将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。①在D盘根目录下新建一个文件夹，命名为“myweb”，这个文件夹将作为网站的站点文件夹，以后所有的网页文件、素材都放在这个文件夹下。②选择“站点/新建站点”命令（或“站点/站点管理”命令，单击“新建”按钮），弹出“定义站点”向导（图4-1-3所示），输入站点的名字“现

5、代教育技术”，单击“下一步”；11图4-1-3　定义本地站点③选择“否，不想使用服务器技术”；④在文件存储位置文本框中，设置文件存放路径：单击输入框右侧的文件夹图标，找到刚才在D盘新建的myweb文件夹，单击“选择”按钮。⑤“如何连接到远程服务器”选择“无”；⑥单击“完成”按钮，站点的名字就出现在站点管理器中，如图4-1-4所示。图4-1-4站点文件管理窗口（2）创建新文档选择“文件>新建”命令，出现“新建文档”对话框，如图4-1-5所示。11图4-1-5创建新文档文档的创建有两种方式，一是通过“常规”选项卡直接创建，二是通过现有模板创建新文档。在“类别

6、”列表中选择文档的类别，有“基本页”、“动态页”、“模板页”、“其他”、“CSS样式表”或“框架集”等；然后从右侧的列表中选择要创建的文档的类型。选择“基本页/HTML”，单击“创建”按钮创建一个HTML页面。新文档在“文档”窗口中打开，选择“文件/保存”命令，将该文档保存为index.html。（3）页面属性的设置①设置标题。在“文档”工具栏的“标题”文本框中输入标题，当用户浏览页面时，页面标题会在浏览器标题栏显示，可以帮助了解页面中的内容（图4-1-6）。图4-1-6设置页面标题②设置背景图片或颜色。选择菜单“修改>页面属性”命令或单击属性面板上的“

7、页面属性”按钮，弹出“页面属性”对话框（图4-1-7）。选择“外观”分类，单击“背景图像”按钮给页面设置背景图像，从弹出的对话框中选择事先做好的背景图；“重复”用来设置背景图像在页面上的显示方式，包括：不重复、重复、横向重复、纵向重复，默认为图像在页面内重复显示，确定后可以看到页面背景。图4-1-7设置页面背景颜色也可以单击“背景颜色”按钮，在调色板中选择一种颜色作为页面背景颜色。11③设置页面边距。页面中的内容和浏览器边框之间存在一定的默认距离，打开图4-1-7所示的页面属性对话框，分别将页面左边距、上边距设为0像素，使页面内容靠浏览器的顶边和左边对齐

8、。④设置背景音乐。首先找一个mid格式的背景音乐文件，拷贝到站点文件夹myweb