网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > 心得技巧
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.网页制作中九种用途特效按钮的代.
.雅黑字体对IE显示网页布局的影响.
.设计网页前端界面必备的技能.
.初学网站制作须知道什么是静态网.
.搜索引擎技术核心揭密.
.网页设计者应该从三个方面优化网.
.把Google地图嵌入网页.
.每个网站都必须具备的几个重要文.
.左右图片循环滚动停顿一下后继续.
.另一个角度谈谈DIV+CSS.
.教你如何在自己的主页上制作P2P网.
.获得网页控件方法大全.
.在网站上实现 Google Reader 一键.
.HTML 限制文本框只能输入数字 on.
.Google官方讲解NOINDEX、NOFOLLO.
.禁止查看网页源代码方法总结.
.浅议Web网页Form表单设计技巧.
.target=_blank不符合标准?.
.两分钟做个xhtml+css的网站首页.
.Google已推出基于Co-op的自定义搜.

网页制作中经常用到的六则代码技巧

发表日期:2007-9-21


  一.: 表格内的文字不会自动换行,怎么办?
  有两种可能的情况:

  第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的。如果希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。

  第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:

<td style="word-break:break-all">……</td>

  二. : 怎么才能让层飘在Flash上面?

  在网页里把SWF文件设置为背景透明即可,具体做法:

  DW中,在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;或者直接修改网页的代码,在标志SWF文件属性的代码中添加:

 

<param name="wmode" value="transparent">


  注意,这种效果只有IE支持。

  三. : 背景音乐因为页面的切换而无法连续播放,怎么让它连续播放?

  用分帧实现,把其中一个frame的显示高度(或宽度)定义为0,在其中设置背景音乐,另外一个frame内的页面切换不影响整个背景音乐的播放。

  例子:

 

<html>
<head>
<title>框架页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="0,*" frameborder="NO" border="0" framespacing="0"> 
<frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起,你的浏览器不支持框架的显示。
</body>
</noframes>
</html>

  四. : 改变IE的字体大小设置时,页面字体不发生改变,怎样实现?

  用CSS定义页面字体,例如:

 

<style type="text/css">
<!--
body { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
td { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
-->
</style>

  基本上,设置了body和td的默认字体,就相当于定义了页面内大部分文字内容。

  注意,使用CSS定义好默认字体后,不要再使用这样的标签,这会屏蔽CSS的默认设置。

  五. : 绝对地址与相对地址?绝对定位与相对定位?

  绝对地址:形如file://d:/homepage/default.htm这样的地址,就是文件在网络或本地的绝对位置;

  相对地址:就是被链接文件相对与当前页面的地址,比如说,链接和当前页面同级的文件地址只要用“文件名”即可;链接当前页面下级子目录下的文件用“目录名/文件名”;链接当前页面上一级目录下的文件用“../文件名”;链接同级但在另外一个子目录中的文件用“../目录名/文件名”;链接根目录(你的网站的根目录,并非硬盘根目录)下的文件可以用“./文件名”的形式。实绝对和相对很容易理解的,相对就是有参照物的,绝对则是固定的。为什么我们提倡使用相对地址呢?打个比方说吧,如果你有一个index.htm,里面引用了images目录的一些图片,如果使用了相对地址,搬家的时候只需把原来这套东西全部上传到新的空间就行了,因为文件彼此之间的相对位置关系没有改变,所以这些地址仍然是有效的。但如果插入图片的时候使用了绝对地址,那空间地址一变,引用处的图片路径也要随之改变。当然,有时也会用到绝对地址,例如友情链接别人的主页等等。

  相对定位也是一样,如果是相对于一个单元格定位的层,单元格挪动到哪儿,层也就会到哪儿.用辩证的观点来看,其实绝对定位也是相对的,它和我们所说的相对定位的区别就在于,层的绝对定位是相对于浏览器的左边界和上边界而言,而层的相对定位是层相对于它的载体(表格或另外的层)而言~~

  六. : 如何取消链接的下划线?

  用CSS来实现:

 

<style type="text/css">
<!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
-->
</style>

  其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线,text-decoration: underline表示有下划线。

  如果三种链接状态的样式相同,也可以简化为:

 

<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>

上一篇:参考:网站制作过程中把握的几点 人气:4102
下一篇:什么是WEB标准?初学者了解WEB标准 人气:2891
浏览全部代码技巧的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐