网页编写代码大全总结.docx_第1页
网页编写代码大全总结.docx_第2页
网页编写代码大全总结.docx_第3页
网页编写代码大全总结.docx_第4页
网页编写代码大全总结.docx_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计 网页基本标签代码大全1.公司版权注释2.网页显示字符集简体中文:繁体中文:英 语:3.网页制作者信息4.网站简介5.搜索关键字6.网页的css规范(参见目录及命名规范)7.网页标题xxxxxxxxxxxxxxxxxx.可以选择加入的标签1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。2.禁止浏览器从本地机的缓存中调阅页面内容。3.用来防止别人在框架里调用你的页面。4.自动跳转。5指时间停留5秒。5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。6.收藏夹图标所有的javascript的调用尽量采取外部调用.附标签:标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景flash透明在flash的源代码中加上:表格透明style=”FILTER: alpha(opacity=72)”网址前添加icon的方法1、上上用他的icon editor online制作一个图标。他会将做好的图标通过email即时发送给你。2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。就可以了。作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“head/head”之间添加如下代码:Link Rel=”SHORTCUT ICON” href=”http:/图片的地址(注意与刚才的目录对应)”其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,自动识别可以在收藏夹中显示出你的图标状态栏连接说明某某链接链接说明禁止鼠标右键在标签中加入 DW里输入空格插入N个 水平线 noshade为有无阴影表单电子邮件提交文本域名为Subject 为邮件的标题邮件链接定制Mailto:地址 ? Subject=邮件的标题 &bc=抄送 &bcc=密件抄送背景音乐禁止页面正文选取消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no .防止点击空链接时,页面往往重置到页首端。代码“javascript:void(null)”代替原来的“#”标记如何避免别人把你的网页放在框架中页面定时刷新页面定时转向新的地址显示日期!today=new Date();var week; var date;if(today.getDay()=0) week=”星期日”if(today.getDay()=1) week=”星期一”if(today.getDay()=2) week=”星期二”if(today.getDay()=3) week=”星期三”if(today.getDay()=4) week=”星期四”if(today.getDay()=5) week=”星期五”if(today.getDay()=6) week=”星期六”date=(today.getYear()+”年”+(today.getMonth()+1)+”月”+today.getDate()+”日”+” ”document.write(“”+date+week+”);/ 设为首页设为首页添加收藏收藏本站文字滚动插入边框为0的1行1列的表格,在表格中输入文字,选中文字,按ctrl+t输入marquee direction=”up”, 回车即可让文字在表格区域内向上滚动。(right、down可用于让文字或图象向右及向下滚动,修改html原代码还可以得到需要的滚动速度。表单验正function checkform(theform)if(.value=”)alert(“姓名不能为空!”);.focus();return false;if(theform.tel.value=”)alert(“电话不能为空!”);theform.tel.focus();return false;定义鼠标bodycursor: url(cur.ani或cur);以图片方式插视频层在flash上面延迟跳转导航条变色:单元格TR后面插入onmouseover=”javascript:this.bgColor=#57AE00” onmouseout=”javascript:this.bgColor=#99CCFF”居中空链接javascript:;标题表格表格的说明细线表格style=”BORDER-COLLAPSE: collapse;”滚动条颜色代码BODYSCROLLBAR-FACE-COLOR: #FFFFFF;SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;SCROLLBAR-SHADOW-COLOR: #FFFFFF;SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;SCROLLBAR-ARROW-COLOR: #FFFFFF;SCROLLBAR-TRACK-COLOR: #FFFFFF;SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;SCROLLBAR-BASE-COLOR: #FFFFFF连续的英文或者一堆感叹号!不会自动换行的问题只要在CSS中定义了如下句子,可保网页不会再被撑开了tabletable-layout: fixed;tdword-break: break-all; word-wrap:break-word;注释一下:1.第一条tabletable-layout: fixed;,此样式可以让表格中有!(感叹号)之类的字符时自动换行。2.tdword-break: break-all,一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句word-wrap:break-word;就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。javascript 常用技巧21.让浏览器窗口永远都不出现滚动条。body style=”overflow-x:hidden;overflow-y:hidden”或body style=”overflow:hidden” 或body scroll=no2,没有水平滚动条body style=”overflow-x:hidden”3,没有垂直滚动条body style=”overflow-y:hidden”2,如何给图片抖动怎做的.SCRIPT language=javascript1.2!var rector=2var stopit=0var a=1var count=0function init(which)stopit=0shake=whichshake.style.left=0shake.style.top=0function rattleimage()if (!document.all&!document.getElementById)|stopit=1|count=100)returncount+if (a=1)shake.style.top=parseInt(shake.style.top)+rectorelse if (a=2)shake.style.left=parseInt(shake.style.left)+rectorelse if (a=3)shake.style.top=parseInt(shake.style.top)-rectorelseshake.style.left=parseInt(shake.style.left)-rectorif (a4)a+elsea=1setTimeout(“rattleimage()”,50)function stoprattle(which)stopit=1count=0which.style.left=0which.style.top=0/SCRIPTstyle.shakeimage POSITION: relative/styleimg src=”图片的路径” onmouseout=stoprattle(this) onmouseover=init(this);rattleimage()4,在DW如何给水平线加颜色。在DW中没有此项设置,你只能在HTML中加入代码:hr color=red noshade按F12的预览在能看到。由于在NC中不支持hr的COLOR属性,所以在DW中没有此项设置。5,如何在网页中实现flash的全屏播放?只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100即可,当然也可以在Flash导出HTML文件的设置中进行设置,方法是:打开File菜单;选Publish Settings弹出导出设置对话框;在HTML标签下的Dimensions选项,下拉后选中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。6,为什么我在DW中插入的Flash动画缺看不找!如果你没有正确地安装Dreamweaver和Flash,那么在你预览的时候,Dreamweaver会提示你缺少播放的插件,请你按装InstallAXFlash.exe 并从新启动计算机。现在IE6已经捆绑这个程序。7,在Flash中,如果屏蔽鼠标右键?FS命令都是什么意思?fscommand (“fullscreen”, “true/false”);(全屏设置,TRUE开,FALSE关)fscommand (“showmenu”, “true/false”);(右键菜单设置,TRUE显示,FALSE不显示)fscommand (“allowscale”, “true/false”);(缩放设置,TRUE自由缩放,FALSE调整画面不影响影片本身的尺寸)fscommand (“trapallkeys”, “true/false”);(快捷键设置,TRUE快捷键开,FALSE快捷键关)fscommand (“exec”);(EXE程序调用)fscommand (“quit”);(退出关闭窗口)8,Flash中什么是隐形按钮。利用button中的hit帧来制作只有感应区域而完全透明的按钮。9,如何给Flash动画做链接。Dreamweaver是不能给Flash制作链接的,只能在Flash中用geturl()加链接,然后再插入Dreamweaver中。10,DW中的层的技巧。层是可以嵌套的,我个人给大家一个技巧,在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了,我认为这是最简单直观的方法了。11,如何改变鼠标的形状?在Dreamweaver4中CSS样式面板:按CTR +SHIFT+E出现样式表对话框,点击NEW,出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了,然后把你要想改变的地方运用样式表,如果整页都有在body bgcolor=”#003063 text=”#ffffff” id=all中加入就行了。span style=”cursor:X样例/span这里选择(文本)作为对象,还可以自己改为其他的,如link等。x 可以等于=hand(手形)、crosshair(十字)、text(文本光标)、wait(顾名思义啦)、default(默认效果)、help(问号)、e-size(向右箭头)、ne-resize(向右上的箭头)、nw-resize(向左上的箭头)、w-resize(向左的箭头)、sw- resize(左下箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自动给出效果)。12,用CSS做邮票,看看吧!input type=button value=我象不象邮票? style=”height:80px;border:2px dashed #cccccc”13,经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,怎么做呢!这javascript代码即可实现,摘录蓝色论坛。【1、最基本的弹出窗口代码】其实代码非常简单:SCRIPT LANGUAGE=”javascript”!window.open (page.html)/SCRIPT因为着是一段javascripts代码,所以它们应该放?lt;SCRIPT LANGUAGE=”javascript”标签和/script之间。! 和 是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open (page.html) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http:/)和相对路径(./)均可。用单引号和双引号都可以,只是不要混用。这一段代码可以加入HTML的任意位置,head和/head之间可以,body bgcolor=”#003063 text=”#ffffff” id=all间/body也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。【2、经过设置后的弹出窗口】下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。SCRIPT LANGUAGE=”javascript”!window.open (page.html, newwindow, height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no)/写成一行/SCRIPT参数解释:SCRIPT LANGUAGE=”javascript” js脚本开始;window.open 弹出新窗口的命令;page.html 弹出窗口的文件名;newwindow 弹出窗口的名字(不是文件名),非必须,可用空“代替;height=100 窗口高度;width=400 窗口宽度;top=0 窗口距离屏幕上方的象素值;left=0 窗口距离屏幕左侧的象素值;toolbar=no 是否显示工具栏,yes为显示;menubar,scrollbars 表示菜单栏和滚动栏。resizable=no 是否允许改变窗口大小,yes为允许;location=no 是否显示地址栏,yes为允许;status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;/SCRIPT js脚本结束【3、用函数控制弹出窗口】下面是一个完整的代码。htmlheadscript LANGUAGE=”javascript”!function openwin() window.open (“page.html”, “newwindow”, “height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)/写成一行/script/headbody onload=”openwin()”任意的页面内容/body/html这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?方法一:body onload=”openwin()” 浏览器读页面时弹出窗口;方法二:body onunload=”openwin()” 浏览器离开页面时弹出窗口;方法三:用一个连接调用:a href=”#” onclick=”openwin()”打开一个窗口/a注意:使用的“#”是虚连接。方法四:用一个按钮调用:input type=”button” onclick=”openwin()” value=”打开窗口”14,没有用表格写的,让大家随便看看,没什么。htmlheadtitle江南荷花扇面/titlemeta http-equiv=”Content-Type” content=”text/html; charset=gb2312style type=”text/css”!.font1 font-size: 12px; color: #999999; text-decoration: nonea font-size: 12px; color: #999999; text-decoration: nonea:hover font-size: 12px; color: #000000; text-decoration: none/style/headbody bgcolor=”#FFFFFF” text=”#000000div style=”writing-mode=tb-rl;height:200px” width=300p盛夏尚涛pa href=”index.htm”一夜露痕黄粉香袁运甫 /ap瑶池昨夜新凉王金岭p一朵白莲随意开吴冠南p新雨迎秋欲满塘齐辛民p十里荷香齐辛民p濯清莲而不妖卢世曙/div/body/html15,IE6已支持自定义cursor!语法格式 cursor:url(图标) /cur或是ani文件.cur就是WINDOWS中的光标(cursor)文件,光标文件与图标(ICON)文件除了文件头有一个位置的值不同外,实际是一样的。ani是WINDOWS中的动画光标(图标)文件。style type=”text/css”!.unnamed1 cursor:url(arrow2c.cur)/style16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。语法:align=# | top | middle| bottom /对齐方式)BEHAVIOR=AlterNATE | SCROLL | SLIDE /移动的方式BGCOLOR=color/底色区域颜色DIRECTION=DOWN | LEFT | RIGHT | UP /移动的方向Loop=n /循环次数(默认是循环不止)Scrolldelay=milliseconds/延时height=# width=# /区域面积hspace=# vspace=# /空白区域scrollamount=# /移动的速度marquee align=top behavior=AlterNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5/marquee17,在FLASH5中也存在一些字体,打散后变成一团的事是为什么?有解决的办法吗。这是大家很常见的问题!可能是对字库支持的不好!我个是做成透明的gif图片格式,然后倒入。18,flash的网页里“加入收藏夹”功能怎么实现?在as中加getUrl(“java script:window.external.addFavorite(h

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论