| 网站首页 | 新  闻 | 双龙文学 | 电子图书 | 职教信息 | 电子教程 | 英语频道 | 试题中心 | 招生信息 | 就业信息 | 教研成果 | 
 | 网上党校 | 教务信息 | 青 春 期 | 团学工作 | 政教信息 | 资源下载 | 图片信息 | 本站留言 | 校 友 录 | 校园邮局 | 网络办公 | 
您现在的位置: 双龙网 >> 教研成果 >> 计算机教学 >> 成果正文 用户登录 新用户注册
网页设计提高           ★★★ 【字体:
网页设计提高
作者:佚名    成果来源:本站原创    点击数:    更新时间:2007-6-11

 

 

同学们,通过一个学期的学习,我们已经介绍了DW软件的常用功能,但网页设计一门综合学科,包含的知识非常多,今天就介绍一些提高性的内容吧。

一、用iframe做网页中的“页中页”

  什么是iframe?什么是“页中页”?如果你今天的说了这个名词,但对此还不太明白的话,你该怎么学?对了!GOOGLE一下啊。以下内容就是我从GOOGLE上找来了:

iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:


  name:内嵌帧名称
  width:内嵌帧宽度(可用像素值或百分比)
  height:内嵌帧高度(可用像素值或百分比)
  frameborder:内嵌帧边框
  marginwidth:帧内文本的左右页边距
  marginheight:帧内文本的上下页边距
  scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)
  src:内嵌入文件的地址
  style:内嵌文档的样式(如设置文档背景等)
  allowtransparency:是否允许透明

  明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中:
  <iframe name="import_frame" width=100% height=80 src="samper.htm" frameborder=auto></iframe>

看明白了吗?我再解释一下:
第一步:做一页子页,命名为samper.htm
第二步:在主页中插入<iframe src="samper.htm"></frame>即可

考考你http://www.sxszjzx.com/page/student/ 这张网页中哪块内容是“页中页”,页中页的文件名是什么,你能分析出来吗?

当然页中页除了用IFRAME实现外,也可以用SSI技术。什么是SSI?哈!自己到网上找吧,告诉你,我们学校的服务器就是支持SSI的噢。

二、什么是javascript?

    Javascript是一种功能非常强大的网页编程语言,用它可以现实许多HTML代码难以实现的功能。网页中插入Javascript代码的方法主要有三种:

①在<head>之间插入以下代码:
<script language="javascript">
Javascript代码
</script>

有时还要在<body>中加入一些代码,如<body oncopy="nocopy()">

②在<head>之间插入以下代码:
<script language="javascript" src="xx.js"></script>
 这种方法一般用于代码较长时,先把代码单独保存在xx.js文件中

③在链接中直接加入代码:
<a href="javascript:代码">

以下是一些常用的代码:

A)禁止右击网页
<script language="javascript">
function click() {
if (event.button==2) {
alert('禁止右击')
}
}
document.onmousedown=click
</script>

B)禁止拷贝内容
<script language="javascript">
function nocopy()
{
event.returnValue=false;
}
</script>
<body oncopy="nocopy()" >

C)单击关闭窗口
<a href="javascript:close()">和国中</a>

更多的javascript请到GOOGLE中找吧,用"javacrpt 特效"能找到很多噢,如:
http://lotsky.myrice.com/java/

最后的话:
  要想成为一名优秀的网页设计师,至少要学习:
   HTML、CSS、Javascript、PHP(或ASP.NET)、Mysql(或SQL、Access)
   Dreamweaver、Firework(或Photoshop)、Flash
   色彩、平面构成等

同学们,继续努力吧,不要停止学习,更不要放弃。再学习一年半,等你毕业时,已经是一名大师了。

成果录入:wch    责任编辑:wch 
  • 上一个成果:

  • 下一个成果: 没有了
  •  

     【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

     
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)