网页制作基础大全文档格式.docx
- 文档编号:4238329
- 上传时间:2023-05-03
- 格式:DOCX
- 页数:20
- 大小:31.54KB
网页制作基础大全文档格式.docx
《网页制作基础大全文档格式.docx》由会员分享,可在线阅读,更多相关《网页制作基础大全文档格式.docx(20页珍藏版)》请在冰点文库上搜索。
3.用来防止别人在框架里调用你的页面。
Window-target"
_top"
4.自动跳转。
Refresh"
5;
URL="
5指时间停留5秒。
5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
robots"
none"
CONTENT的参数有all,none,index,noindex,follow,nofollow。
默认是all。
6.收藏夹图标
linkrel="
ShortcutIcon"
href="
favicon.ico"
所有的javascript的调用尽量采取外部调用.
SCRIPTLANGUAGE="
javascript"
SRC="
script/xxxxx.js"
/SCRIPT>
附<
body>
标签:
标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景<
bodybgcolor="
#FFFFFF"
flash透明
在flash的源代码中加上:
paramname="
wmode"
value="
transparent"
表格透明
style="
FILTER:
alpha(opacity=72)"
网址前添加icon的方法
1、上上用他的iconeditoronline制作一个图标。
他会将做好的图标通过email即时发送给你。
2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。
就可以了。
作一个图标文件,大小为16*16像素。
文件扩展名为ico,然后上传到相应目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<LinkRel="
SHORTCUTICON"
http:
//图片的地址(注意与刚才的目录对应)"
>
其中的“SHORTCUTICON”即为该图标的名称。
当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,自动识别
可以在收藏夹中显示出你的图标<
linkrel="
Bookmark"
状态栏连接说明
AHREF="
链接到某处"
onmouseOver="
window.status='
连接说明'
;
returntrue;
"
onMouseOut="
'
某某链接<
/a>
链接说明
ahref=“”Title=链接说明>
禁止鼠标右键
在<
标签中加入<
bodyoncontextmenu="
returnfalse"
DW里输入空格
插入N个&
nbsp;
水平线
hrwidth="
长度"
size="
高度"
color="
颜色代码"
noshade>
noshade为有无阴影
表单电子邮件提交
formname="
content"
method="
post"
action="
mailto:
电子邮箱"
>
/form>
文本域名为Subject为邮件的标题
邮件链接定制
Mailto:
地址?
Subject=邮件的标题&
bc=抄送&
bcc=密件抄送
背景音乐
bgsoundsrc=地址loop="
-1"
禁止页面正文选取
ondragstart="
onselectstart="
onselect="
document.selection.empty()"
oncopy="
onbeforecopy="
onmouseup="
消除ie6自动出现的图像工具栏,设置GALLERYIMG属性为false或no.
IMGSRC="
mypicture.jpg"
HEIGHT="
100px"
WIDTH="
GALLERYIMG="
no"
防止点击空链接时,页面往往重置到页首端。
代码“javascript:
void(null)”代替原来的“#”标记
如何避免别人把你的网页放在框架中
scriptlanguage=“javascript”>
--if(self!
=top){top.location=self.location;
}-->
/script>
页面定时刷新
metahttp-equiv="
秒"
页面定时转向新的地址
refresh"
秒;
URL=url"
显示日期
scriptlanguage="
--
today=newDate();
varweek;
vardate;
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("
spanstyle='
font-size:
9pt;
'
+date+week+"
/span>
);
//-->
/script>
设为首页
Ahref=#onclick="
this.style.behavior='
url(#default#homepage)'
this.setHomePage('
url'
设为首页<
/A>
添加收藏
Ahref="
javascript:
window.external.AddFavorite('
'
title'
)"
收藏本站<
文字滚动
插入边框为0的1行1列的表格,在表格中输入文字,选中文字,
按ctrl+t输入marqueedirection="
up"
回车即可让文字在表格区域内向上滚动。
(right、down可用于让文字或图象向右及向下滚动,修改html原代码还可以得到需要的滚动速度。
表单验正
SCRIPTlanguage=javascript>
functioncheckform(theform){
if(theform.name.value=="
){
alert("
姓名不能为空!
theform.name.focus();
returnfalse;
}
if(theform.tel.value=="
电话不能为空!
theform.tel.focus();
定义鼠标
body{cursor:
url(cur.ani或cur);
以图片方式插视频
IMGheight=240loop=infinitedynsrc=width=320>
层在flash上面
paramname="
opaque"
延迟跳转
metahttp-equiv=refreshcontent='
3;
url=javascript:
window.close();
导航条变色:
单元格<
TR后面插入onmouseover="
this.bgColor='
#57AE00'
onmouseout="
#99CCFF'
居中
CENTER>
/CENTER>
空链接
标题表格
fieldset>
legend>
表格的说明<
/legend>
/fieldset>
细线表格
BORDER-COLLAPSE:
collapse;
滚动条颜色代码
BODY{
SCROLLBAR-FACE-COLOR:
#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:
SCROLLBAR-SHADOW-COLOR:
SCROLLBAR-3DLIGHT-COLOR:
#FFCBC8;
SCROLLBAR-ARROW-COLOR:
SCROLLBAR-TRACK-COLOR:
SCROLLBAR-DARKSHADOW-COLOR:
SCROLLBAR-BASE-COLOR:
#FFFFFF
连续的英文或者一堆感叹号!
不会自动换行的问题
只要在CSS中定义了如下句子,可保网页不会再被撑开了
table{;
td{word-break:
break-all;
word-wrap:
break-word;
注释一下:
1.第一条table{;
},此样式可以让表格中有!
(感叹号)之类的字符时自动换行。
2.td{word-break:
break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句{word-wrap:
}就可以解决。
此样式可以让表格中的一些连续的英文单词自动换行。
posted@2006-02-1609:
48在学习.net的道路上阅读(14)|评论(0)|编辑收藏
javascript常用技巧2
1.让浏览器窗口永远都不出现滚动条。
〈bodystyle="
overflow-x:
hidden;
overflow-y:
hidden"
〉或〈bodystyle="
overflow:
〉或〈bodyscroll=no〉
2,没有水平滚动条
〉
3,没有垂直滚动条
2,如何给图片抖动怎做的.
〈SCRIPTlanguage=javascript1.2〉
〈!
varrector=2
varstopit=0
vara=1
varcount=0
functioninit(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
functionrattleimage(){
if((!
document.all&
&
document.getElementById)||stopit==1||count==100)
return
count++
if(a==1){
shake.style.top=parseInt(shake.style.top)+rector
elseif(a==2){
shake.style.left=parseInt(shake.style.left)+rector
elseif(a==3){
shake.style.top=parseInt(shake.style.top)-rector
else{
shake.style.left=parseInt(shake.style.left)-rector
if(a〈4)
a++
else
a=1
setTimeout("
rattleimage()"
50)
functionstoprattle(which){
stopit=1
count=0
which.style.left=0
which.style.top=0
//--〉
〈/SCRIPT〉
〈style〉.shakeimage{POSITION:
relative}
〈/style〉
〈imgsrc="
图片的路径"
onmouseout=stoprattle(this)onmouseover=init(this);
rattleimage()class=shakeimage〉
4,在DW如何给水平线加颜色。
在DW中没有此项设置,你只能在HTML中加入代码:
〈hrcolor=rednoshade〉按F12的预览在能看到。
由于在NC中不支持〈hr〉的COLOR属性,所以在DW中没有此项设置。
5,如何在网页中实现flash的全屏播放?
只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100%即可,当然也可以在Flash导出HTML文件的设置中进行设置,方法是:
打开File菜单;
选PublishSettings弹出导出设置对话框;
在HTML标签下的Dimensions选项,下拉后选中Percent(百分比),并在WIDTH和HEIGHT框中填100.就行了。
6,为什么我在DW中插入的Flash动画缺看不找!
如果你没有正确地安装Dreamweaver和Flash,那么在你预览的时候,Dreamweaver会提示你缺少播放的插件,请你按装InstallAXFlash.exe并从新启动计算机。
现在IE6已经捆绑这个程序。
7,在Flash中,如果屏蔽鼠标右键?
FS命令都是什么意思?
fscommand("
fullscreen"
"
true/false"
(全屏设置,TRUE开,FALSE关)
showmenu"
(右键菜单设置,TRUE显示,FALSE不显示)
allowscale"
(缩放设置,TRUE自由缩放,FALSE调整画面不影响影片本身的尺寸)
trapallkeys"
(快捷键设置,TRUE快捷键开,FALSE快捷键关)
exec"
(EXE程序调用)
quit"
(退出关闭窗口)
8,Flash中什么是隐形按钮。
利用button中的hit帧来制作只有感应区域而完全透明的按钮。
9,如何给Flash动画做链接。
Dreamweaver是不能给Flash制作链接的,只能在Flash中用geturl()加链接,然后再插入Dreamweaver中。
10,DW中的层的技巧。
层是可以嵌套的,我个人给大家一个技巧,在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了,我认为这是最简单直观的方法了。
11,如何改变鼠标的形状?
在Dreamweaver4中CSS样式面板:
按CTR+SHIFT+E--出现样式表对话框,点击NEW,出现编辑对话框,在左边最后一项extensions-cursor选择你要改的指针形式就可以了,然后把你要想改变的地方运用样式表,如果整页都有在〈bodybgcolor="
#003063"
text="
#ffffff"
id=all〉中加入就行了。
〈spanstyle="
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做邮票,看看吧!
〈inputtype=buttonvalue=我象不象邮票?
style="
height:
80px;
border:
2pxdashed#cccccc"
13,经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,怎么做呢!
这javascript代码即可实现,摘录蓝色论坛。
【1、最基本的弹出窗口代码】
其实代码非常简单:
〈SCRIPTLANGUAGE="
window.open(`page.html`)
--〉
因为着是一段javascripts代码,所以它们应该放?
lt;
〉标签和〈/script〉之间。
--和--〉是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。
要养成这个好习惯啊。
window.open(`page.html`)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http:
//)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,〈head〉和〈/head〉之间可以,〈bodybgcolor="
id=all〉间〈/body〉也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。
只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
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`)
//写成一行
参数解释:
〉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、用函数控制弹出窗口】
下面是一个完整的代码。
〈html〉
〈head〉
〈scriptLANGUAGE="
functionopenwin(){window.open("
page.html"
newwindow"
height=100,width=400,toolbar=
no,menubar=no,scrollbars=no,resizable=no,location=no,status=no"
)
〈/script〉
〈/head〉
〈bodyonload="
openwin()"
…任意的页面内容…
〈/body〉
〈/html〉
这里定义了一个函数openwin(),函数内容就是打开一个窗口。
在调用它之前没有任何用途。
怎么调用呢?
方法一:
〉浏览器读页面时弹出窗口;
方法二:
〈bodyonunload="
〉浏览器离开页面时弹出窗口;
方法三:
用一个连接调用:
〈ahref="
#"
onclick="
〉打开一个窗口〈/a〉
注意:
使用的“#”是虚连接。
方法四:
用一个按钮调用:
〈inputtype="
button"
打开窗口"
14,没有用表格写的,让大家随便看看,没什么。
〈title〉江南荷花扇面〈/titl
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 基础 大全