今天是:
设为首页 加入收藏
  首页  文章  下载  小说  幽默  IT  QQ家园  小店  FLASH  汽车  
您现在的位置: 星雨小站 >> 文章 >> 电脑技术 >> 网页制作 >> 经验技巧 >> 文章正文 用户登录 新用户注册
[图文]EXCEL表在网页制作中的应用         
EXCEL表在网页制作中的应用
作者:admin 文章来源:本站原创 点击数: 更新时间:2004-12-1 20:48:20

    在网页中制作表格应该不是一件困难的事情,但如果你要制作一个多数据项且具有复杂计算功能的表却不是一件容易的事情。笔者发现如果在网页中插入Excel电子表格,就可以达到非常好的效果。在此以某销售公司的各零售专柜Web销售报表为例作简单的介绍:

  1.打开FrontPage2000, 新建一个普通网页;

  2.点击编辑版面的“普通”项。 选择菜单中的“插入”→“组件” →“Office表格”;

  此时在页面中有一个原始的Excel表格出现,如图1。在该表格中编辑出你需要的表格样式。

-

  3.点击Excel插件中的属性工具箱。出现如图2所示的菜单。可以利用该菜单中“格式”选项编辑出你需要的表格样式。注意应该定义每个栏目的“数字格式”。

-

  4.假设你已经利用第3步编好了报表,那么接下来就是定义栏目之间的数学关系了。如销售额应该等于销售价×日销量,那么在G5栏中填入“=D5*F5”(不含双引号),注意G6以后的关系只能从G5栏复制或依次填入,不能使用Excel中的拖曳功能。然后在“属性工具箱”中选择“计算”、“自动计算”。这样,当你输入销售价和日销量后,销售额将自动生成。

  5.对标题、栏目等禁止修改的单元格可以将其设置成只读属性。方法使用是“表格工具箱”的“保护”项,在只读属性上打勾即可。

  6.为了使页面简洁易读,可以将表格画成实线、隐藏虚线,如图2中A“边框”功能。可以对每个单元格填充颜色,如图2中B。也可以将Excel插件的边框全部消除,方法是点击“属性工具箱”的“显示/隐藏”。全部取消即可。如果还嫌不简洁,可以在编辑面板中点击“HTML”,找到 “<param name=” 引导的所有参数,将“-1”改为“0”即可。此外,你还可以将行数改为你所需要的行数。找到 “<param name="ViewableRange" value="1:65536">”,将65536改为你需要的行数。如此一来,你的Excel表格就非常漂亮了。

  7.接下来的关键问题是如何从该Excel表格中获取数据了。 重新回到编辑面板的“普通”中。在该控件上(注意不是在Excel控件中)点鼠标右键,在出现的菜单中选择“ActiveX控件属性”,将“名称”自定义为“Mysheet“,把“代码源”项清空。

  获取单元格数据的关键语句如下(以G5为例):

  <Script Language="javascript" >

  Data_G5= Mysheet.ActiveSheet.Range ("G5").Value;

  </Script>

  将该语句(注意大小写)插入HTML文档Excel插件之后的合适位置,就可以获取G5的数据。你可以根据需要编写程序代码,依次将各单元格的数据读出使用(如写入数据库中)。

  将数据写入单元格的语句是:

  <Script Language="javascript">

  Mysheet.ActiveSheet.Range ("G5").Value =100; //将100写入G5单元格中。

  </Script>

  你可以利用该核心语句初始化表格中的原始数据。

  网页编好后,存为htm后缀文件,上传到网站就可以了。

  (对本文有何疑问或更好的见解请与笔者联系:wsj100@sohu.com )

-

中搜索与
的相似内容
立刻搜索→

文章录入:admin    责任编辑:小雨 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    推荐文章[组图]无损硬盘数据调整…
    普通文章上线[问好,打招呼] QQ表…
    普通文章拜拜[再见,晚安,下线] …
    普通文章钱[钞票,大款] QQ表情
    普通文章[组图]应知应会的5个图…
    普通文章跟我学用“记事本”
    普通文章用好Windows自带的录音…
    普通文章来测试你的网速-比比看…
    推荐文章文件夹加密过程中因误操…
    推荐文章[组图]无损硬盘数据调整…
    推荐文章能够安装多个杀毒软件吗…
    推荐文章爱情专用系列 QQ表情
    推荐文章用画图工具给图片添加文…
    推荐文章老公增加零花钱的请示报…
    推荐文章QQ搞笑表情(二) QQ表情
    推荐文章悠嘻猴 QQ表情
    去掉表格的辅助线
    Dreamweaver MX 2004中…
    让FLASH动画的北景透明
    用css美化表格边框
    有关表格边框的css语法…
    驯服不听话的网页表格
    轻松随意设置网页水平…
    为你的网页添加背景音…
    网页编辑常用表现的实…
    用PHP实现单击广告后才…
    用ASP实现动态IP转向
    畅通无阻传主页到您国…
    多彩链接靓起来
    做网页巧用Wingdings图…
    自己的新闻系统纯HTML…

    糯米猪系列 QQ表情

    愚人节qq表情 QQ表情

    花脸猫系列 QQ表情

    uc表情系列 QQ表情
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    版权所有 Copyright© 2004-2005 星空联盟工作室 EMAIL:xingyu@xyu01.com
    给我发消息 给我发消息

    本站Alaxa全球网站排名 (点击查看)(安装Alexa工具条,查看各大网站全球排名)