联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

dreamweaver网页设计技巧,你的网页设计好帮手

Time: 2020-01-02

网页设计是一门非常讲究技术的工作, 而网页设计师也需要借助辅助软件来进行网页的设计与排版,dreamweaver便是其中运用最多的一种,下面我们跟随小编一起来了解一下dreamweaver网页设计的相关资料吧。


dreamweaver网页设计技巧

技巧一、灵活运用样式

  网页设计的过程中需要在调用Style,并不仅仅局限一种方法,可以通过点击鼠标右键选择Custon Style来调用Style标准,或者是通过点击状态栏进行调用,效果都是一样的,而且产生的HTML代码也完全相同。

技巧二、多用Format Table命令

  网页设计中使用表格的时候很多,因为可以利用它自由的控制文本和图像,而利用Dreamweaver的“Format Table”(格式化表格)命令也可以快速地对表格应用预先设计好的样式,而且如果测评效果不好,可以重新设置或修改部分参数的值。

  技巧三、同时链接两个网页

  超链接一次只能链到一个页面,可以使用“Go To URL”JavaScript,可以一次性在不同的框架页实现文档的打开,在面板中选择“Go To URL”,Dreamweaver会在“Go To URL”对话框中显示所有可用的框架,选择一个并输入相应的URL就可以选择另一个进入输入URL。

技巧四、文件不起中文名称

  网页设计制作完成以后需要给文件起一个名称以便查找,而且还可以方便各个超链接之间的相互调用,但在Dreamweaver中对中文名称的支持功能却欠缺,因此为了避免发生调用不当的情况发生,在用Dreamweaver中保存网页的时候,尽量不起中文名称用英文或数字就好。


maxresdefault_WPS图片.jpg

(图片来自网络)


  dreamweaver网页设计常见问题

  1.为何从别的文档拷贝文本到 Dreamweaver ,所有的段落会挤成一团,而在 Dreamweaver 内部又带有格式代码?

  Dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为 HTML 代码;另一种方式仅复制或粘贴文本,复制时忽视 html 格式,粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift “( Ctrl+Shift+C/Ctrl+Shift+V )键即按后一种方式操作。

  2.作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗?

  如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“ Refresh ”按钮,就可恢复成真实大小。

  3.为什么网页用 IE 浏览正常,用 Netscape Navigator 却不符合要求甚至出错,而且在 Dreamweaver 的文档窗口老是修改不好?

  请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在 Dreamweaver 的文档窗口看不到, IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格,预览时就出现不可思议的现象。

  4.怎样将 Dreamweaver 集成到 IE 浏览器?

  Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。


dw19_FI.jpg

(图片来自网络)


  将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。

  REGEDIT4

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]

  @="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"

  如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。

  5.使用 CSS 、层的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎样解决?

  在对不同浏览器的兼容方面, Dreamweaver 作得不错,但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。

  一般要尽量注意以下问题:

  不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式; 有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现; 避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。


  小编觉得dreamweaver网页设计的各项操作虽然看起来相对比较复杂,但是其实使用dreamweaver软件功能是非常强大的,在进行网页设计时也是非常省时省力的哦!


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开