网页制作技巧
让网页页面大小更有弹性
★ 具体做法:用工具面板(Object palette)上的按钮打开网页,并且转换到“格式查看”(Layout view)。这时可以看到文字方块的栏度,每一栏的方框上方中间还有一个小小的下拉式箭头,点选想要设置弹性显示的栏上方的小箭头,接着选择“将栏设为弹性显示”(Make Column Autostretch)。(设置自动调整栏的宽度以一栏为限)这时该栏方框上方就会出现一条波浪形的线,而不是原本表示栏度的数字。 Dreamweaver会自动制作出固定版面的空格图片,这个空白图片是以栏上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设置。(在第一次增加空白图片时会跳出一个对话框问你是否要使用内置图片,为求效果,我们建议你让Dreamweaver自动产生一个,不然就不用使用空白图片来填充版面。)
★ 滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。
★
★ 滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
★ 滚动字幕
★ 1.建立第一个滚动字幕。代码:
★ 以下是引用片段:
★ <marquee scrollAmount=2 width=300>滚动字幕</marquee>
★ 2.各参数详解:
★ a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
★ b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
★ c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
★ d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
★ e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
★ 3.实例:
★ a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上
★ 以下是引用片段:
★ <marquee scrollAmount=2 width=300><a href=v>中央电视台</a></
marquee>
★ 点击中央电视台就可以进入了:
★ 中央电视台
★ b)如何制作当鼠标停留在文字上,文字停止滚动?
★ 代码如:
★ 以下是引用片段:
★ <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
★ c)交替效果。代码如:
★ 以下是引用片段:
★ <marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
★ d)多行文本向上滚动。代码如:
★ 以下是引用片段:
★ <marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=v>中央电视台</a></marquee>
★ ·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
★
★ 以下是引用片段:
★ <marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=v>中央电视台</a></marquee>
★ 由上可以看出,HTML代码是可以随意组合的,功能强大!
★ 网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。
★ 注:通过模板所建网页无法添加网页过渡效果!
★ 制作步骤:
★ 1、 打开一个页面,这一步非常关键。为什么要打开一个页面,而不是在编辑过程中进行设置呢?这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用。而刚打开的窗口,光标在代码窗口的最上一行的最前边,是合适的位置之一,对于不熟悉代码者来说,这样简单、易操作。但有些网页刚打开时光标也不在代码窗口的最上一行的最前边,那要通过边框的滚动条到代码的第一行,然后在最前边点击鼠标,把光标定位在代码窗口的最上一行的最前边。
★ 2、单击菜单栏中的插入-HTML-文件头标签-Meta,会弹出Meta对话框。
图片下载站源码
★ 3、在对话框中的属性选项的下拉列表中选HTTP-equivalent选项,在值一格中键入Page-Enter,表示进入网页时有网页过渡效果。 在内容一格中键入 Revealtrans(Duration=4,Transition=2),Duration=4 表示网页过渡效果的延续时间为4秒,Transition表示过渡效果方式,值为2时表示圆形收缩,各种效果数字代码如下。(0~23)
★ 用Dreamweaver插入网页背景音乐的方法
★ 1、MID
★ 是用来插入背景音乐,但只适用于IE,其参数设定不多。如下:
★ <bgsound src="your.mid" autostart=true loop=infinite>
★ src="your.mid" :设定 midi 档案及路径,可以是相对或绝对。
★ autostart=true :是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
★ loop=infinite :是否自动反复播放。LOOP=2 表示重复两次,Infinite 表示重复多次。
★ 这种方法就是直接把标记放于网页文件的...之间,设置好mid文件的路径就OK了
★ 2、mp3
★ <EMBED src="1.mp3" autostart="true" loop="2" width=300 height=100>
★ src:音乐文件的路径及文件名;
★ autostart:true为音乐文件上传完后自动开始播放,默认为false(否)
★ loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次
★ volume:取值范围为"0-100",设置音量,默认为系统本身的音量
★ starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10开始播放
★ endtime: "分:秒",设置歌曲结束播放的时间
★ width:控制面板的宽
★ height:控制面板的高
★ controls:控制面板的外观
★ controls="console/smallconsole/
★ playbutton/pausebutton/stopbutton/volumelever"
★ ·console:正常大小的面板
★ ·smallconsole:较小的面板
★ ·playbutton:显示播放按钮
★ ·pausebutton:显示暂停按钮
★ ·stopbutton:显示停止按钮
★ ·volumelever:显示音量调节按钮
★ hidden:为true时可以隐藏面板
★ 其它的用播放器播放音乐的代码请看录录网其它技术文章!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论