⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 -

📁 这是一本关于网页制作技巧的电子书籍
💻
📖 第 1 页 / 共 5 页
字号:
            FrontPage&nbsp;2000&nbsp; 常用快捷键一览表 。</A><BR><IMG height=24 alt="" 
            src="网易空间,个人主页,虚拟主机.files/helpbluesymbol.gif" width=17 align=top 
            border=0><A class=ablue2b 
            href="http://www.nease.net/xhelp/zzjq.html#a11"> 十六则 DW 使用快技法 
            。</A><BR><IMG height=24 alt="" 
            src="网易空间,个人主页,虚拟主机.files/helpbluesymbol.gif" width=17 align=top 
            border=0><A class=ablue2b 
            href="http://www.nease.net/xhelp/zzjq.html#a12">修改HTML,给网页加点花样。</A><BR><IMG 
            height=24 alt="" src="网易空间,个人主页,虚拟主机.files/helpbluesymbol.gif" 
            width=17 align=top border=0><A class=ablue2b 
            href="http://www.nease.net/xhelp/zzjq.html#a13"> 用 
            FrontPage&nbsp;2000 快速制作动态按钮 。</A></P>
            <TABLE cellSpacing=0 cellPadding=0 width=529 align=center 
              border=0><TBODY>
              <TR>
                <TD bgColor=#cacaca height=1></TD></TR></TBODY></TABLE>
            <P><FONT color=red><B>Q:</B></FONT><FONT color=#0f60b0><B> <A 
            name=a1></A>背景音乐是如何插入的?</B></FONT><BR><FONT 
            color=red><B>A:</B></FONT> 
            当然往网页中插入背景音乐会使页面声色不少。但是在使用音乐背景的时候要注意,背景音乐不能太大,否则文件传输会成问题,从而使网页的吸引力下降。 
            <BR><BR>   在 HTML 中有 embed 标签可以实现背景音乐的插入功能,其语法规则如下: 
            <BR><BR>&lt;EMBED src="music.mid" autostart="bool" loop="n" 
            width="m" height="k" &gt; <BR><BR>   下表给出有关上面的语法的一些具体的值和含义: 
            <BR><BR>src&nbsp; 音乐文件的路径及文件名; &nbsp; <BR>autostart&nbsp;true 
            为音乐文件上传完后自动开始播放,默认为 false (否) &nbsp; <BR>loop&nbsp;true 为无限次重播, 
            false 为不重播,某一具体值(整数)为重播多少次 &nbsp; <BR>volume&nbsp; 取值范围为 "0-100" 
            ,设置音量,默认为系统本身的音量 &nbsp; <BR>starttime&nbsp;" 分:秒 " ,设置歌曲开始播放的时间,如, 
            starttime="00:10" ,从第 10 开始播放 &nbsp; <BR>endtime&nbsp;" 分:秒 " 
            ,设置歌曲结束播放的时间 &nbsp; <BR>width&nbsp; 控制面板的宽 &nbsp; <BR>height&nbsp; 
            控制面板的高 &nbsp; <BR>controls&nbsp; 控制面板的外观 
            controls="console/smallconsole/playbutton/&nbsp;pausebutton/stopbutton/<BR>volumelever"&nbsp;·console&nbsp; 
            正常大小的面板 &nbsp;&nbsp; <BR>·smallconsole&nbsp; 较小的面板 &nbsp; 
            <BR>·playbutton&nbsp; 显示播放按钮 &nbsp; <BR>·pausebutton&nbsp; 显示暂停按钮 
            &nbsp; <BR>·stopbutton&nbsp; 显示停止按钮 &nbsp; <BR>·volumelever&nbsp; 
            显示音量调节按钮 &nbsp; <BR>&nbsp; <BR>hidden&nbsp; 为 true 时可以隐藏面板 
            &nbsp;&nbsp; <BR><BR><FONT color=red><B>Q:</B></FONT><FONT 
            color=#0f60b0><B> <A name=a2></A>自动显示最后更新时间。 </B></FONT><BR><FONT 
            color=red><B>A:</B></FONT> 
            我们自己网页上传以后,经常会不断更新和添加新的内容,而怎样才能让浏览网页的网友知道自己的辛苦更新呢?通常我们会在网页的一角,列出此网页更新的最后日期,但是这个工作如果手工来做的话,既麻烦又容易遗忘。怎么样解决这个问题呢? 
            <BR><BR>  看了这个小技巧,你定会说,原来这么简单。好了,下面我们来做一下吧。 <BR><BR>源码粘贴框: 
            <BR><BR>&lt;script language="JavaScript"&gt; <BR>&lt;!--hide script 
            from old browsers <BR>document.write("本页最后更新日期: " + 
            document.lastModified + "") <BR>// end hiding --&gt; 
            <BR>&lt;/script&gt; 
            <BR><BR>我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。 
            <BR><BR>  如果我们把代码复制到如下的表格中,则每次这个页面的html文件更改时,表格中便自动显示出更新时间,如下所示: 
            <BR><BR>本页最后更新日期:&nbsp;07/10/2000&nbsp;14:26:37&nbsp;&nbsp; 
            <BR><BR>  代码中document.write()的意思是在页面上写出括号内设定的内容,现在我们采用“document.lastModified”得到文件最后更新时间,并把它显示出来。灵活运用“document.write()”语句,我们还能在页面上输出其它内容,比如说当前的时间、日期、用户信息等,大家可以去试一试。 
            <BR><BR><FONT color=red><B>Q:</B></FONT><FONT color=#0f60b0><B> <A 
            name=a3></A>关于弹出窗口的制作。 </B></FONT><BR><FONT 
            color=red><B>A:</B></FONT>经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。&nbsp; 
            <BR><BR>【1、最基本的弹出窗口代码】&nbsp; <BR><BR>其实代码非常简单:&nbsp; 
            <BR><BR>&lt;SCRIPT LANGUAGE="javascript"&gt;&nbsp; <BR>&lt;!-- 
            <BR>window.open ('page.html') <BR>--&gt;&nbsp; 
            <BR>&lt;/SCRIPT&gt;&nbsp; <BR>因为着是一段javascripts代码,所以它们应该放在&lt;SCRIPT 
            LANGUAGE="javascript"&gt;标签和&lt;/script&gt;之间。&lt;!-- 和 
            --&gt;是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。&nbsp; 
            <BR>window.open&nbsp;('page.html')&nbsp;用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。&nbsp; 
            <BR>这一段代码可以加入HTML的任意位置,&lt;head&gt;和&lt;/head&gt;之间可以,&lt;body&gt;间&lt;/body&gt;也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。&nbsp; 
            <BR><BR><BR>【2、经过设置后的弹出窗口】&nbsp; 
            <BR><BR>下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。&nbsp; 
            <BR>我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。&nbsp; <BR>&lt;SCRIPT 
            LANGUAGE="javascript"&gt;&nbsp; <BR>&lt;!-- <BR>window.open 
            ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, 
            toolbar=no, menubar=no, scrollbars=no, resizable=no,locat<SPAN 
            lang=EN-US style="FONT-SIZE: 11pt; FONT-FAMILY: 宋体">ion=no, 
            status=no') <BR>//</SPAN>写成一行 <BR>--&gt;&nbsp; 
            <BR>&lt;/SCRIPT&gt;&nbsp; <BR>参数解释:&nbsp; <BR>&lt;SCRIPT 
            LANGUAGE="javascript"&gt;&nbsp;js脚本开始;&nbsp; 
            <BR>window.open&nbsp;弹出新窗口的命令;&nbsp; 
            <BR>'page.html'&nbsp;弹出窗口的文件名;&nbsp; 
            <BR>'newwindow'&nbsp;弹出窗口的名字(不是文件名),非必须,可用空''代替;&nbsp; 
            <BR>height=100&nbsp;窗口高度;&nbsp; <BR>width=400&nbsp;窗口宽度;&nbsp; 
            <BR>top=0&nbsp;窗口距离屏幕上方的象素值;&nbsp; 
            <BR>left=0&nbsp;窗口距离屏幕左侧的象素值;&nbsp; 
            <BR>toolbar=no&nbsp;是否显示工具栏,yes为显示;&nbsp; 
            <BR>menubar,scrollbars&nbsp;表示菜单栏和滚动栏。&nbsp; 
            <BR>resizable=no&nbsp;是否允许改变窗口大小,yes为允许;&nbsp; 
            <BR>location=no&nbsp;是否显示地址栏,yes为允许;&nbsp; 
            <BR>status=no&nbsp;是否显示状态栏内的信息(通常是文件已经打开),yes为允许;&nbsp; 
            <BR>&lt;/SCRIPT&gt;&nbsp;js脚本结束&nbsp; 
            <BR><BR><BR>【3、用函数控制弹出窗口】&nbsp; <BR><BR>下面是一个完整的代码。&nbsp; 
            <BR>&lt;html&gt;&nbsp; <BR>&lt;head&gt;&nbsp; <BR>&lt;script 
            LANGUAGE="JavaScript"&gt;&nbsp; <BR>&lt;!-- <BR>function openwin() { 
            window.open ("page.html", "newwindow", "height=100, width=400, 
            toolbar= <BR>no, menubar=no, scrollbars=no, resizable=no, 
            location=no, status=no") <BR>//写成一行 <BR>} <BR>//--&gt;&nbsp; 
            <BR>&lt;/script&gt;&nbsp; <BR>&lt;/head&gt;&nbsp; <BR>&lt;body 
            onload="openwin()"&gt;&nbsp; <BR>...任意的页面内容...&nbsp; 
            <BR>&lt;/body&gt;&nbsp; <BR>&lt;/html&gt;&nbsp; 
            <BR>这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前<BR>没有任何用途。&nbsp; 
            <BR>怎么调用呢?&nbsp; <BR>方法一:&lt;body 
            onload="openwin()"&gt;&nbsp;浏览器读页面时弹出窗口;&nbsp; <BR>方法二:&lt;body 
            onunload="openwin()"&gt;&nbsp;浏览器离开页面时弹出窗口;&nbsp; 
            <BR>方法三:用一个连接调用:&nbsp; <BR>&lt;a href="#" 
            onclick="openwin()"&gt;打开一个窗口&nbsp; <BR>注意:使用的“#”是虚连接。&nbsp; 
            <BR>方法四:用一个按钮调用:&nbsp; <BR>&lt;input type="button" 
            onclick="openwin()" value="打开窗口"&gt;&nbsp; 
            <BR><BR>【4、同时弹出2个窗口】&nbsp; <BR><BR>对源代码稍微改动一下:&nbsp; <BR>&lt;script 
            LANGUAGE="JavaScript"&gt;&nbsp; <BR>&lt;!-- <BR>function openwin() 
            <BR>{ window.open ("page.html", "newwindow", "height=100, width=100, 
            top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, 
            location=no, status=no") <BR>//写成一行 <BR>window.open ("page2.html", 
            "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, 
            menubar=no, scrollbars=no, resizable=no, location=no, status=no") 
            <BR>//写成一行 <BR>} <BR>//--&gt;&nbsp; <BR>&lt;/script&gt;&nbsp; 
            <BR>为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。&nbsp; 
            <BR><BR>注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?&nbsp; 
            <BR><BR>【5、主窗口打开文件1.htm,同时弹出小窗口page.html】&nbsp; 
            <BR><BR>如下代码加入主窗口&lt;head&gt;区:&nbsp; <BR>&lt;script 
            language="javascript"&gt;&nbsp; <BR>&lt;!-- <BR>function openwin() 
            <BR>{window.open("page.html","","width=200,height=200") <BR>} 
            <BR>//--&gt;&nbsp; <BR><SPAN lang=EN-US 
            style="FONT-SIZE: 11pt; FONT-FAMILY: 宋体">&lt;/script&gt;&nbsp; 
            <BR></SPAN>加入&lt;body&gt;区:&nbsp; <BR>&lt;a href="1.htm" 
            onclick="openwin()"&gt;open即可。&nbsp; <BR><BR>【6、弹出的窗口之定时关闭控制】&nbsp; 
            <BR><BR>下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了?&nbsp; 
            <BR><BR>首先,将如下代码加入page.html文件的&lt;head&gt;区:&nbsp; <BR>&lt;script 
            language="JavaScript"&gt;&nbsp; <BR>function&nbsp;closeit()&nbsp; 
            <BR>{setTimeout("self.close()",10000)&nbsp;//毫秒}&nbsp; 
            <BR>&lt;/script&gt;&nbsp; <BR>然后,再用&lt;body 
            onload="closeit()"&gt;&nbsp;这一句话代替page.html中原有的&lt;BODY&gt;这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)&nbsp; 
            <BR><BR>【7、在弹出窗口中加上一个关闭按钮】&nbsp; <BR><BR>&lt;FORM&gt;&nbsp; 
            <BR>&lt;INPUT TYPE='BUTTON' VALUE='关闭' 
            onClick='window.close()'&gt;&nbsp; <BR>&lt;/FORM&gt;&nbsp; 
            <BR>呵呵,现在更加完美了!&nbsp; <BR><BR>【8、内包含的弹出窗口-一个页面两个窗口】&nbsp; 
            <BR><BR>上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。&nbsp; 
            <BR><BR>通过下面的例子,你可以在一个页面内完成上面的效果。&nbsp; <BR>&lt;html&gt;&nbsp; 
            <BR>&lt;head&gt;&nbsp; <BR>&lt;SCRIPT 
            LANGUAGE="JavaScript"&gt;&nbsp; <BR>function&nbsp;openwin()&nbsp; 
            <BR>{OpenWindow=window.open("",&nbsp;"newwin",&nbsp;"height=250,&nbsp;width=250,<BR>toolbar=no,scrollbars=</P>
            <P>"+scroll+",menubar=no");&nbsp; <BR>//写成一行&nbsp; 
            <BR>OpenWindow.document.write("&lt;TITLE&gt;例子&lt;/TITLE&gt;")&nbsp; 
            <BR>OpenWindow.document.write("&lt;BODY BGCOLOR=#ffffff&gt;")&nbsp; 
            <BR>OpenWindow.document.write("&lt;h1&gt;Hello!&lt;/h1&gt;")&nbsp; 
            <BR>OpenWindow.document.write("New&nbsp;window&nbsp;opened!")&nbsp;<BR><SPAN 
            lang=EN-US 
            style="FONT-SIZE: 11pt; FONT-FAMILY: 宋体">OpenWindow.document.write("&lt;/BODY&gt;")&nbsp; 
            <BR>OpenWindow.document.write("&lt;/HTML&gt;")&nbsp; 
            <BR>OpenWindow.document.close()}&nbsp; <BR>&lt;/SCRIPT&gt;&nbsp; 
            <BR>&lt;/head&gt;&nbsp; <BR>&lt;body&gt;&nbsp; <BR>&lt;a href="#" 
            onclick="openwin()"&gt;</SPAN>打开一个窗口&nbsp; <BR>&lt;input 
            type="button" onclick="openwin()" value="打开窗口"&gt;&nbsp; 
            <BR>&lt;/body&gt;&nbsp; <BR>&lt;/html&gt;&nbsp; 
            <BR>看看&nbsp;OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。&nbsp; 
            <BR><BR>【9、终极应用--弹出的窗口之Cookie控制】&nbsp; 
            <BR><BR>回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes!&nbsp;;-)&nbsp;Follow&nbsp;me.&nbsp; 

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -