Dreamweaver 3网页设计技巧集锦(二)

2016-02-19 20:43 10 1 收藏

下面是个Dreamweaver 3网页设计技巧集锦(二)教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

  10、在Dreamweaver3中怎样设置行间距?

  用层叠样式表(CSS)来实现,在Dreamweaver3中编辑层叠样式表不用编写代码,具体操作方法如下:

  1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的CSS Styles面板上双击(none);

  2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;

  3)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记)再在Tag中选择“body”标记后按OK按钮;

  4)这时可看到弹出的Style dehinition for body 的对话框,在此对话框中可以设置“body”标记的许多属性,你可以按你的意愿设置,但我们这里主要是要行距,所以我们在line属性输入框中填上行距的像素点数,现在流行的九号字,行距一般用12,按OK按钮返回到Edit Style Sheet 面板,此时已把“body”的行距设置好了;

  5)由于“body”中定义的行距对表格不起作用,所以我们再在Edit Style Sheet 面板上再按New按钮;

  6)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记)再在Tag中选择“td”标记后按OK按钮;

  7)在弹出的Style dehinition for td 的对话框中设置td的行距,按OK按钮返回到Edit Style Sheet 面板;

  8)在Edit Style Sheet 面板上再按Don按钮,至此所有设置结束,你在Dreamweaver3的源代码检视窗中将看到在与之间如下所示的代码:

style type="text/css"
!--

body { line-height: 12pt; font-size: 9pt}

td { font-size: 9pt; line-height: 12pt}

--

/style

  有了这段代码,你在该网页上的所有文本的行距都确定好了,若不满意,可修改设置。若你想在其它网页中也具有同行的行距,你可以用上述方法设置或更简单点,直接把这段代码复制,粘贴到与之间即可。

  11、有的提供网站空间的ICP要求首页默认名为index.html,用Dreamweaver3制作的网页扩展名都是htm,怎么办?

  在windows下直接把扩展名改为html就行了,对内容不影响,而且仍然可用Dreamweaver3编辑修改。

  12、有的浏览者喜欢把浏览器设置成大字体,在访问我的网页时,把网页弄得面目全非,怎么办?怎样设计才能使浏览者在浏览时对网页字体大小的设置不起作用?

  用CSS层叠样式表对字体进行强制性控制(像素)。关于在Dreamweaver3中如何定CSS,请参看上面的第10条。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  13、为什么用dreamweaver3插入动画图片,保存网页后,然后再打网页浏览,图片却不动?

看一下你的浏览器设置中是否把“播放动画”给禁止了。若是IE浏览器,这样检查:在浏览器主菜单上选“查看”--Internet选项--高级,在“高级”选项对话框中,找到“多媒体”项下的“播放动画”,把该项选上就行了。

  14、作一个网页让它每过五分钟刷新一次,怎么才能达到这个效果?

  在Dreamweaver3的功能面板上选择“head”功能组面板,在这面板上点击“Refresh”功能图标,在弹出的“Insert refresh”对话框中,在“Delay”中输入要刷新的间隔时间,以秒计,例:隔五分钟刷新一次,则输入300即可。再在该对话框上选择“Refresh This Document”(刷新当前窗口),按OK,大功告成。当你再次浏览该网页时,它将自动地隔五分钟刷新一次。

  15、在DreamWeaver 3.0中,如何连续输入空格?

  有三种方法可以连续输入空格:

  1)同时按下ctrl-shift-space 键,这样输入的空格在编辑窗中看不到,但是在浏览时能看见。在HTML检视窗中可看到增加了一些“ ”代码;

  2)将文本属性面板上的字体的格式(Format)设为预格式(Preformatted)即可;

  3)将输入法设为全角,然后直接按空格键,一切OK!

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  16、用dreamweaver3制作的网页,在自己机上用IE预览正常的链接,上传到网站都不见了。怎么办?

  把网页的所有文件名统一成小写(或大写),再上传就行了。因为很多服务器使用的是UNIX操作系统,它对大小写是很敏感的,也就是说大写的文件名和小写文件名它认为是两个文件,你在上传时必须注意大小写。另外要注意:超级链接要使用相对路径,不要用绝对路径,也不要用中文文件名。

  17、如何制作新开一个窗口打开网页的超级链接(即原来的网页不被覆盖)?

  在Dreamweaver3中,在该链接的属性面板上把“target(目标)”设置为“_blank"即可。(全文完)

来源:http://www.tulaoshi.com/n/20160219/1624372.html

延伸阅读
标签: Web开发
上次说到点击按钮出现隐含图层,在今天开始学习之前,先说一点题外话。DW3对中文支持不好,他的链接不支持用中文命名的文件,这是其一。其二,它的Behaviors(行为)菜单中浏览器的选择很不方便,他默认的是3.0 and Later Browsers,这样的话就有很多特效不能用,包括图层的一些特效。解决办法是点一下Events For右边的一个小三角形,再用...
现在大多数浏览器支持CSS3技术,因此许多大胆且富有创意的设计师开始学习运用它,有一大票童鞋已经在CSS3的路上高歌猛进,以下就是它们的作品,每一个都酷炫难挡,根本停不下来。 Quechua 有些网站就是喜欢带点动感,这个Quechua就是使用了视屏背景,视觉效果很好。 LanderApp 4N 4N高档手表网站设计,不仅技术厉害,设计师的绘画也...
标签: Web开发
1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的...
标签: Web开发
图片的间隙 (1)问:我有一张大图片,把它切割后在Dreamweaver中进行拼接,可是总是有间隙,不知为什么? 答:不知你是否把表格的边距、间距和边框设置为零,只要注意在分割图片时切片之间的距离和表格的设置就行了。 新窗口 (2)问:请问当点击链接时,如何让链接的窗口“跳”出来,而不是让原来的页面...
网络时刻在迅速变化,而不像其他媒体,网站设计的趋势不再仅仅受美学驱动。技术是不断变化的,媒介的能力和手段都在随之而发生巨大变化。2010年,我们看到设计师在网页设计方面不断推陈出新,形成了以下明显的趋势 纯粹主义者会说,伟大的设计是永恒的。是的,在一个理想世界中,我们可以忽视趋势与流行。 但是实事求是地讲,跟踪和融入设计...

经验教程

952

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部