网页制作基础大全.docx

上传人:b****1 文档编号:2247110 上传时间:2023-05-03 格式:DOCX 页数:20 大小:31.54KB
下载 相关 举报
网页制作基础大全.docx_第1页
第1页 / 共20页
网页制作基础大全.docx_第2页
第2页 / 共20页
网页制作基础大全.docx_第3页
第3页 / 共20页
网页制作基础大全.docx_第4页
第4页 / 共20页
网页制作基础大全.docx_第5页
第5页 / 共20页
网页制作基础大全.docx_第6页
第6页 / 共20页
网页制作基础大全.docx_第7页
第7页 / 共20页
网页制作基础大全.docx_第8页
第8页 / 共20页
网页制作基础大全.docx_第9页
第9页 / 共20页
网页制作基础大全.docx_第10页
第10页 / 共20页
网页制作基础大全.docx_第11页
第11页 / 共20页
网页制作基础大全.docx_第12页
第12页 / 共20页
网页制作基础大全.docx_第13页
第13页 / 共20页
网页制作基础大全.docx_第14页
第14页 / 共20页
网页制作基础大全.docx_第15页
第15页 / 共20页
网页制作基础大全.docx_第16页
第16页 / 共20页
网页制作基础大全.docx_第17页
第17页 / 共20页
网页制作基础大全.docx_第18页
第18页 / 共20页
网页制作基础大全.docx_第19页
第19页 / 共20页
网页制作基础大全.docx_第20页
第20页 / 共20页
亲,该文档总共20页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

网页制作基础大全.docx

《网页制作基础大全.docx》由会员分享,可在线阅读,更多相关《网页制作基础大全.docx(20页珍藏版)》请在冰点文库上搜索。

网页制作基础大全.docx

网页制作基础大全

网页制作基础大全

 

1.公司版权注释

---ThesiteisdesignedbyMaketown,Inc06/2000--->

2.网页显示字符集

简体中文:

繁体中文:

英语:

3.网页制作者信息

4.网站简介

5.搜索关键字

6.网页的css规范

(参见目录及命名规范)

7.网页标题

xxxxxxxxxxxxxxxxxx

.可以选择加入的标签

1.设定网页的到期时间。

一旦网页过期,必须到服务器上重新调阅。

21:

57GMT">

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、上上用他的iconeditoronline制作一个图标。

他会将做好的图标通过email即时发送给你。

2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。

就可以了。

作一个图标文件,大小为16*16像素。

文件扩展名为ico,然后上传到相应目录中。

在HTML源文件“<head></head>”之间添加如下代码:

<LinkRel="SHORTCUTICON"href="http:

//图片的地址(注意与刚才的目录对应)">

其中的“SHORTCUTICON”即为该图标的名称。

当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,自动识别

可以在收藏夹中显示出你的图标

状态栏连接说明

某某链接

链接说明

禁止鼠标右键

在标签中加入

DW里输入空格

插入N个 

水平线

noshade为有无阴影

表单电子邮件提交

电子邮箱">

文本域名为Subject为邮件的标题

邮件链接定制

Mailto:

地址?

Subject=邮件的标题&bc=抄送&bcc=密件抄送

背景音乐

禁止页面正文选取

消除ie6自动出现的图像工具栏,设置GALLERYIMG属性为false或no.

防止点击空链接时,页面往往重置到页首端。

代码“javascript:

void(null)”代替原来的“#”标记

如何避免别人把你的网页放在框架中

--if(self!

=top){top.location=self.location;}-->

页面定时刷新

页面定时转向新的地址

显示日期

--

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("

9pt;'>"+date+week+"");

//-->

设为首页

设为首页

添加收藏

window.external.AddFavorite('url','title')">收藏本站

文字滚动

插入边框为0的1行1列的表格,在表格中输入文字,选中文字,

按ctrl+t输入marqueedirection="up",回车即可让文字在表格区域内向上滚动。

(right、down可用于让文字或图象向右及向下滚动,修改html原代码还可以得到需要的滚动速度。

表单验正

functioncheckform(theform){

if(theform.name.value==""){

alert("姓名不能为空!

");

theform.name.focus();

returnfalse;

}

if(theform.tel.value==""){

alert("电话不能为空!

");

theform.tel.focus();

returnfalse;

}

}

定义鼠标

body{cursor:

url(cur.ani或cur);}

以图片方式插视频

层在flash上面

延迟跳转

window.close();'>

导航条变色:

单元格

this.bgColor='#57AE00'"onmouseout="javascript:

this.bgColor='#99CCFF'"

居中

空链接

javascript:

;

标题表格

表格的说明

细线表格

style="BORDER-COLLAPSE:

collapse;"

滚动条颜色代码

BODY{

SCROLLBAR-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中定义了如下句子,可保网页不会再被撑开了

table{;}

td{word-break:

break-all;word-wrap:

break-word;}

注释一下:

1.第一条table{;},此样式可以让表格中有!

!

!

(感叹号)之类的字符时自动换行。

2.td{word-break:

break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句{word-wrap:

break-word;}就可以解决。

此样式可以让表格中的一些连续的英文单词自动换行。

posted@2006-02-1609:

48在学习.net的道路上阅读(14)|评论(0)|编辑收藏

javascript常用技巧2

1.让浏览器窗口永远都不出现滚动条。

〈bodystyle="overflow-x:

hidden;overflow-y:

hidden"〉或〈bodystyle="overflow:

hidden"〉或〈bodyscroll=no〉

2,没有水平滚动条

〈bodystyle="overflow-x:

hidden"〉

3,没有垂直滚动条

〈bodystyle="overflow-y:

hidden"〉

  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关)

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选择你要改的指针形式就可以了,然后把你要想改变的地方运用样式表,如果整页都有在〈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="javascript"〉

〈!

--

window.open(`page.html`)

--〉

〈/SCRIPT〉

因为着是一段javascripts代码,所以它们应该放?

lt;SCRIPTLANGUAGE="javascript"〉标签和〈/script〉之间。

〈!

--和--〉是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。

要养成这个好习惯啊。

window.open(`page.html`)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http:

//)和相对路径(../)均可。

用单引号和双引号都可以,只是不要混用。

这一段代码可以加入HTML的任意位置,〈head〉和〈/head〉之间可以,〈bodybgcolor="#003063"text="#ffffff"id=all〉间〈/body〉也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。

只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

〈SCRIPTLANGUAGE="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〉

参数解释:

〈SCRIPTLANGUAGE="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、用函数控制弹出窗口】

下面是一个完整的代码。

〈html〉

〈head〉

〈scriptLANGUAGE="javascript"〉

〈!

--

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(),函数内容就是打开一个窗口。

在调用它之前没有任何用途。

怎么调用呢?

方法一:

〈bodyonload="openwin()"〉浏览器读页面时弹出窗口;

方法二:

〈bodyonunload="openwin()"〉浏览器离开页面时弹出窗口;

方法三:

用一个连接调用:

〈ahref="#"onclick="openwin()"〉打开一个窗口〈/a〉

注意:

使用的“#”是虚连接。

方法四:

用一个按钮调用:

〈inputtype="button"onclick="openwin()"value="打开窗口"〉

  14,没有用表格写的,让大家随便看看,没什么。

〈html〉

〈head〉

〈title〉江南荷花扇面〈/titl

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 解决方案 > 学习计划

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2