使用Dreamweaver8创建和管理本地站点

1、|fflDreamweaver8创建和管理本地站点 认识Dreamweaver 8 规划站点结构 建立本地站点 管理本地站点 管理站点地 网页文件的基本操作 1 认识 Dreamweaver 1.1 dreamweaver 版本排丿 Dreamweaver是臾国Macromedia公司开发的集 网页制作和网站管理一身的网页制作软件，也 足第个专门为网页设计师量身定制的可视化网 虫制作软件，利用它可以方便、快捷地制作出跨 越平台限制和浏览器限制的充满F富动感的网页。 Dreamweaver 1.0 （发布 丁1997午12 月 Dreamweaver 1.2 （发布 f 1998年三月） Dre

2、amweaver 2.0 （发布于 1998年 12月） Dreamweaver 3.0 （发布1999年12丿J） Dreamweaver UltraDev 1.0 （发布 f 1999年12丿J） Dreamweaver 4.0 （发伯 P2000年12丿J） Dreamweaver UltraDev 4.0 （发布于2000年 12JJ） Dreamweaver MX （发布 J 2002年5月） Dreamweaver MX 2004 （发布 J 2003年9丿） Dreamweaver 8 （发布 J 2005年8月） Dreamweaver CS3 （发布 J 2007年7月） D

3、reamweaver CS4（BETA 发布于2008年 5JJ17H） Dreamweaver CS4 （止式版发布 J-2008年9月23II） Dreamweaver CS5 （正式版发布于2010年4月 12IT ） 1.2 Dreamweaver8 的安装 fa lacroacdia Drcaxcaver 8 InjtalLShield Vizard InstattShield Wizbd 完成 Ir川來丛辑文本，如剪切、复制、粘贴等，还包括“首选 参 数”命令。 査看：可以设置文档的各种视图,可以显示和隐藏不同类型的 页面元素和工具栏。 入改本令点口助 插修文命站窗招 :用來插入各

4、种元索。 :具有对页而元索修改的功能。 :用來对文本进行操作。 :所何的附加命令项。 :用來创建和管理站点。 :用来显示和隐藏控制面板以及切换文档窗口。 :联机帮助功能。 篥插入”而板 第用 釦閃回團令們戸 “插入”面板集成了所有可以在网页应用的对象, 包括“插入”菜单中的选项。有常用、布局、表 单、文木、HTML、应用程序、Flash元索和收藏 夹共8个二级菜单共167个按钮。“插入”面板只 实就是图像化了的插入指令，通过一个个的按钮, 可以很容易的加入图像、声音、女媒体动曲、表 格。图层、框架、表单、Flash和ActiveX等网页 兀索。 文档窗口：用于显示当前创建或编辑的文档 1. 文

5、档标题栏 显示当前网页页面的标题及打开的文f I-名。 2 文档工具栏 文档匸具栏包含可在代码视图、设计视图Z间快 速切换的按钮，并包含一些与选定视图有关的常 用命令。 3.页面编辑区 用于设覺和编辑页血内的文本、图形和表格等。 JIJ于显示当前编辑文档的状态,主要包括文档的 窗H人小、文档的人小和下戟时间及标签选择器 等Q +标涪诜择曙 -|1 I 分辫率传送逢度 C Q 100% v 534 5392* 1 K / 1 属性面板 使用“窗口”菜单的“属性”选项或按快捷键 CM1+F3,可显示或隐藏属性|何板。 用于显示为前选定文木或图片等元索对象的属性, 且可以用来修改选定对象的属性。 而

6、板纽 使用“窗口”菜单中的选项，可以显示或隐 藏各种面板。 资源面板中列出了当前网页或站点中用到的各种网页 元素O (2)行为面板 行为面板是编辑网页中由特定事件触发交互行为的地 方，能为网页添加很多特殊效果。 (3) CSS样式面板 可以方便地定义CSS样式和管理CSS样式。 (4) 代码检查器 列出了当前网页文件的HTML源代码，对不同的HTML源 代码将用不同的颜色显示，并用黄色高亮显示错误代码。 种在文档的中不能显示的方式显示框 (6)层而板 列出了当前网页中的层对象列表和叠放优先顺序:先 建立的层位亍列表的底部,最后建立的层位J：列农的上部。 便用层面板可以防止层重叠,改变层的可见性

7、和叠放顺序。 (7 )历史记录面板 历史记录而板自型帖录了川户单近辱行的50步操作。 町以通盘历史记录而板撤消己完成初操菲o (8)券考面板 通过参考面板，用户可以快速地获得JavaScript HTML、 CSS和BrowserDOMs尊的参考信息。 2规划站点结构 :站点规划是一个复杂的系统丄程，包括一系列的 组织、策划和设计。 规划站点结构是设计站点的必要前提，其操作是 将不同的文件分类存放在文件夹中以便F设计者 管理。介理地组织站点结构，可提高匸作效率， 加快对站点的设计。 :般来说，整个站点是一个大的文件夹，其中又 包括许多小文件夹，分别心放站点中不同类型的 文件。 2.1按照文件的

8、类型对文件囲预划 将不同类型的文件分别存放在不同的文件夹中O 三 IO) homepage _) flash l. 1 images 亡j Library IO music IQ pages 亡I text 2.2按照主题对文件进行规划 -在根文件夹下根据网站不同的匸题分类。 ci ty J images sounds 匚)swf future )Library -二 novel )images 二 sounds 亡)swf rJ 丨_) outer_space 1 images sounds swf U Templates 9 O travel ) lmes sounds 匚J swf :可

9、以根据规划绘制出个网站结构草图，以便于 有一个清晰的思路。 2.3 了解文件目录命名及目录结构规范 1.文件和文件夹的命名 文件和文件夹命名时需耍注意以卜4点。 （1）不能使用中文 在所冇的操作系统屮，只冇英文7符和数7的编码是完全一 致的，也就是说，采川其他的7符（如中文丫符）就可能 导致许多人无法止常浏览用户的网站。 （2）最好使用小写 因为有些操作系统（如UNIX等）对大小写敏感，对它们而言, ht tp:/www. myweb. con/ index, htnfil http:/www. oyweb. con/INDEX, ht足两个不同的地址.因 此最好将所有的文件名和文件夹名小耳。

10、 （3）不能使用特殊字符 文件名和文件夹名不能使用特殊符号、空格，以 及、！、#、$、 31 也B直 4*JJ 矍录*w ft幵a FT开方丈Q) &J9 3 :更改页面标题 在站点地图中可对页面标题进行更改,以方便对 站点的管理。 丁 保存网页 新建网页要进行保存，保存网页的操作为： 1执行以下操作之 一： 单击菜单栏中 “文件”|保“存”命令 单击标准工具栏上的 按钮。 2打开 “另存 为”对话框。 3在“保存在”选项中选择网页的保存位置。 在“文件名 ”文本框中的 输入文件名。 4单击 “保存”按钮，文件就保存到指定位 置。 打开网页 打开己保存的网页有以下三种方法 1、通过文件菜单打开

11、己有的网 页，具体操作为： （1）执行以下操作之一： 单击菜单栏中的 “文件 ”|打“开 ”命令。 或单击标准工具栏上的 。 （2）打开 “打开”对话框。 （3）在查找范围下拉列表中 选择网页所在的文件夹， 选择要打开的文件，单击 “打开 ”按钮，即可打开了文 件。 2、在“文件”面板中打开网页文件 在“文件 ”面板中，双击要打开的文件，即可 打开网 页。 3、在资源管理器中打开网页文件 在资源管理器中，右击要打开的网 页文件，在弹出的 快捷菜单中选择 “在 Dreamweaver8”中编辑即可将文件在 Dreamweaver8中打开。 预览网页 编辑好的网页可以随时在浏览器中预览文档， 查看网页的版式及 链接的完好性，从而对网页进 行修改。以在 Iexplore 中预览为例，执行以下操作 之一： 单击菜单栏中 “文件”|在“浏览器中 “预 览”|“Iexplore 6命.0令。” 使用快捷键 为 F12。 在文档工具栏中单击，选择在浏览器中预览。 上机实践 本课上机实战将练习创建一个名为 “国画欣赏 ”的站点，将其 中的本 地站点保存在 “ D:guohua”文件