【Ｄｒｅａｍｗｅａｖｅｒ８．０使用技巧】iphone6使用技巧

时间：2019-01-14 03:29:53　来源：雅意学习网本文已影响人

　　【摘要】Dreamweaver 8.0是一款优秀的专业网站开发软件，其应用范围很广，但对于初学网页设计的人来说不易掌握。文章就管理站点、网页布局和网页编辑三个方面的技巧来做详细的阐述，为初学者提供帮助。
　　【关键词】管理站点；内框架布局；网页编辑；页面属性；网站相册
　　【中图分类号】G40-57【文献标识码】A 【论文编号】1009―8097（2008）13―0138―04
　　
　　众所周知，Dreamweaver 8.0是一款非常优秀的专业网站开发软件，目前的版本已经发展到CS3（即9.0版），由于8.0的普及使用范围很广，本文则以8.0为主来讲解Dreamweaver的使用技巧（下文的Dreamweaver均指8.0版），让网页制作初学者更好的掌握该软件的使用。
　　
　　一网站管理方面
　　
　　一个Web站点内一般有很多网页文件、图片，甚至Flash动画等，如不进行管理归档，分散在硬盘的各个地方就无法方便地进行网页的发布。定义本地站点，就是在硬盘上建立一个目录，将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。
　　Dreamweaver提供了方便的站点管理工具，具体操作请参考相关教材，此处不再详述。在这里需要注意的两个技巧是：
　　1 是否使用服务器技术的选择。
　　
　　有的初学者认为选择“否，我不想使用服务器技术”（图1-1）和“是，我想使用服务器技术”中的“无”（图1-2）的效果是一样的，这是错误的，两者之间是有区别的，在于是否要通过服务器来调试浏览网页，效果如图1-3和图1-4所示：
　　
　　2 站点保存地址的准确书写
　　有很多初学者喜欢自己填写网站保存的位置，如图2-1所示。但由于路径中的“/”“\”的符号使用不当也会造成Dreamweaver中的“资源”面板不可用。
　　
　　之所以会出现这样的错误，这是因为网址中经常会使用“/”，而且Dreamweaver在此方面没有严格的说明，故有很多初学者会将两者混淆。
　　如果写反了，即写成了“/”，就会出现图2-2所示的面板中无资源且操作按钮不可用问题，而图2-3所示的为正常的“资源”面板状态。
　　
　　
　　二网页布局方面
　　
　　Dreamweaver给用户提供了表格、布局表格、扩展表格、层和框架布局等几种方法来进行网页设计，其中表格、布局表格是当前工作最为流行的网页布局方法。可惜美中不足的是表格没有框架布局的指定打开链接的功能，如何解决这样的问题呢？我们可以在表格的单元格中插入内框架（iframe）的代码就可以解决。但是对于大部分学习者来说，使用HTML代码来设计网页是件很难的事。
　　Dreamweaver通过“标签选择器”为我们提供了对内框架代码的可视化编辑，这样就不用害怕给网页添加代码了。
　　1 使用“标签选择器”插入内框架[1]（iframe）
　　首先，执行菜单命令“插入”/“标签”（快捷键Ctrl+E），就打开图3-1所示的“标签选择器”对话框。
　　
　　其次在“HTML标签”/“页元素”中选择“iframe”标签，然后单击对话框中的“插入”按钮，便可打开“iframe”标签属性设置的可视对话框，并进行相应的设置，源（src）表示为在该框架中要打开的指定路径的网页文件，这里是一个网站相册，名称（name）则表示框架的名称为photo，宽度（width）和高度（height）表示内框架的显示宽度和高度，如图3-2所示。
　　
　　
　　三网页编辑方面
　　
　　网页编辑主要是指文字和图片等的编排，已有很多教材进行了详细阐述，本文将不再赘述。现在主要就网页编辑中的几个技巧来描述，希望可以帮助大家提高学习网页制作的效率。
　　1“页面属性”设置
　　大多数情况下，我们可能不太会注意“页面属性”。但如果要想通过复制其他网页中的文本内容并保存网页时，此时就会出现涉及编码的警告对话框，如图4-1所示，这就与“页面属性”的设置中的“标题/编码”（内容如图4-2）编码有关了。
　　
　　这里之所以讲“页面属性”，就是希望大家能够记住，我们的网页是中文网页，使用的编码是“中文简体（GB2312）”，如果使用了其他编码，很有可能会使网页在显示时会出现乱码。同时还要提醒大家，使用Fireworks绘制导出的网页在设计之前，一定要检查网页编码是否为“中文简体（GB2312）”，这样的做法是为了避免网页在设计中出现乱码而无法恢复。
　　2 创建网站相册[2]
　　如何能够快速的创建一个网站相册呢？Dreamweaver为我们提供了更为快捷有效的方法，操作过程如下：
　　首先，执行菜单命令“命令”/“创建网站相册”，打开“创建网站相册”的对话框，并进行相应设置，结果如图5-1所示。
　　　
　　相关参数设置说明：
　　“源图像文件夹”：表示提供用于制作相册的图片素材的位置；
　　“目标文件夹”：表示生成的网站相册保存的位置；
　　“缩略图大小”：表示首页显示图片的大小；
　　“列”：表示首页显示缩略图的列数。
　　其次，单击“确定”按钮后，Dreamweaver会自动打开Fireworks进行图片处理，并生成网站相册。如果没有安装Fireworks的话，那就无法进行网站相册的制作了，由此可见，网页制作三剑客是一个整体。完成的最终效果见图5-2。
　　　
　　3 查找和替换的应用
　　在网站相册中，我们需要将“01-1.jpg”文字替换成“北京与奥运握手”，这样才能与奥运相册的主题相吻合。Dreamweaver提供了类似Word中“查找和替换”的对话框，功能十分强大，我们就利用这个功能来完成这一操作。
　　首先执行“编辑”菜单中的“查找和替换”命令，打开图6-1所示的对话框：
　　
　　
　　相关设置参数说明：
　　查找范围：主要有“所选文字”、“当前文档”、“打开的文档”、“文件夹…”、“站点中选定的文件”和“整个当前本地站点”。
　　搜索：“源代码”、“文本”、“文本（高级）”和“指定标签”，不仅可以查找文本，还可以查找特定格式的文本和HTML代码与指定标签。
　　保存和打开：可以将当前的查找条件设置以.dwr的文件格式来保存和重复打开使用其他参数设置与Word相同，这里就不再详述。
　　其次，在“查找”后的文本框中输入“01-1.jpg”内容，在“替换”后的文本框中输入“北京与奥运握手”内容。如果只替换当前文档中的内容，则“查找范围”选择“当前文档”；要全部替换的话，则可以选择“整个当前本地站点”。查找结果如图6-2所示，网站相册最终效果见图6-3所示。希望大家能够认真研究该对话框的使用，要学会举一反三。
　　
　　小结
　　
　　上述关于网页制作的三个方面6个技巧，是本人在对网页制作工具Dreamweaver的教学中总结出来的，希望能够为正在学习网页制作的人提供有效的帮助，同时希望大家在学习软件时一定要认真细致，学会总结，这样才能更好地掌握软件的使用技巧，使学习事半功倍。
　　
　　参考文献
　　[1] 庄王健.Dreamweaver Fireworks Flash 网页设计三剑客白金教程.北京:电子工业出版社,2006:57-61.
　　[2] 陆莹.网页制作Dreamweaver MX 2004(M).上海:华东师范大学出版社,2007:128-131.

推荐访问:使用技巧 Dreamweaver8

【Ｄｒｅａｍｗｅａｖｅｒ８．０使用技巧】iphone6使用技巧

最新文章

热门文章