浅谈门户网站特效制作中代码的应用

ｌＳＳＮ　１００９－３０４４　

Ｅ—ｍａｉｌ：ｅｄｕｆ＠ＣＣＣＣ．ｎｅｔ．ｃａ　

ｈｔｔｐ：／／ｗｗｗ．ｄｎｚｓ．ｎｅｔ．ｃｎ　

Ｔｅｌ：＋８６—５５　１—５６９０９６３　５６９０９６４　

ＣｏｍｐｕｔｅｒＫｎｏｗｌｅｄｇｅ　ａｎｄ　Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术　

Ｖｄ．６，Ｎｏ．３４，Ｄｅｃｅｍｂｅｒ　２０１０，ＰＰ．９８３０—９８３３　

浅谈门户网站特效制作中代码的应用　

胡翔　

（国家广电总局无线电台管理局，四川泸州６４６０００）　

摘要：近年来许多单位都在内网上开辟了自己的门户网站，借此展示内部各方面动态，提高自身影响力。笔者所在单位也基于这个　

出发点更新了１＂３户网站，以全新的版面展示着单位的活力！该文介绍了笔者在门户网站特效制作中代码应用的经验，供大家参考。　

关键字：网站；特效；代码　

中图分类号：ＴＰ３１１　文献标识码：Ａ　文章编号：１００９—３０４４（２０１０）３４—９８３０—０４　

Ｄｉｓｃｕｓｓｅｓ　ｉｎ　Ｓｈａｌｌｏｗｌｙ　ｔｈｅ　Ｏｐｅｎ－ｄｏｏｒ　Ｐｏｌｉｃｙ　Ｓｐｅｃｉａｌ　Ｅｆｆｅｃｔ　Ｍａｎｕｆａｃｔｕｒｅ　ｔｈｅ　Ｃｏｄｅ　Ａｐｐｌｉｃａｔｉｏｎ　

ＨＵ　Ｘｉａｎｇ　

（Ａｄｍｉｎｉｓｔｒａｉｔｖｅ　Ｂｕｒｅａｕ　ｏｆ　Ｒａｄｉｏ　Ｓｔａｔｉｏｎｓ　ＳＡＲＦＴ，Ｌｕｚｈｏｕ　６４６０００，Ｃｈｉｎａ）　

Ａｂｓｔｒａｃｔ：Ｉｎ　ｒｅｃｅｎｔ　ｖｅａｒｓ　ｍａｎｙ　ｕｎｉｔｓ　ｏｎ—ｆｉｎｅ　ｏｐｅｎｅｄ　ｔｈｅｉｒ　ｏｐｅｎ—ｄｏｏｒ　ｐｏｌｉｃｙ，ｔｈｅ　ｄｅｍｏｎｓ￣ａｔｉｏｎ　ｉｎｔｅｒｉｏｒ　ｖａｒｉｏｕｓ　ａｓｐｅｃｔｓ　ｔｅｎｄｅｎｃｙ，ｅｎ—　

ｈａｎｃｅｓ　ｏｗｎ　ｉｎｆｌｕｅｎｃｅ．Ｔｈｅ　ａｕｔｈｏｒ　ａｌｓｏ　ｒｅｎｅｗｅｄ　ｔｈｅ　ｏｐｅｎ—ｄｏｏｒ　ｐｏｌｉｃｙ　ｉｎ　ｔｈｅ　ｕｎｉｔ　ｂａｓｅｄ　ｏｎ　ｔｈｉｓ　Ｓｔａｒｔｉｎｇ　ｐｏｉｎｔ，ｉｓ　ｄｅｍｏｎｓｔｒａｔｉｎｇ　ｕｎｉｔ　Ｓ　ｖｉｇｏｒ　

ｂｙ　ｔｈｅ　ｂｒａｎｄ—ｎｅｗ　ｐａｇｅ　ｌａｙｏｕｔ！Ｔｈｉｓ　ａｒｔｉｃｌｅ　ｉｎｔｒｏｄｕｃｅｄ　ｔｈｅ　ａｕｔｈｏｒ　ｉｎ　ｔｈｅ　ｏｐｅｎ—ｄｏｏｒ　ｐｏｌｉｃｙ　ｓｐｅｃｉｌ　ｅｆａｆｅｃｔ　ｍａｎｕｆａｃｔｕｒｅ　ｔｈｅ　ｃｏｄｅ　ａｐｐｌｉｃａｔｉｏｎ　

ｅｘｐｅｒｉｅｎｃｅ，ｆｏｒ　ｅｖｅｒｙｂｏｄｙ　ｒｅｆｅｒｅｎｃｅ．　

Ｋｅｙ　ｗｏｒｄｓ：ｗｅｂｓｉｔｅ；ｓｐｅｃｉｉｆｃ；ｃｏｄｅ　

现阶段门户网站的常规做法有二种方式：单位派专人自主制作、委托网站设计公司制作。前者效率高、成本低、设计独特、修改　

容易、使用方便；后者效率低、成本高、设计模版化、修改不易、使用不便。　

结合笔者所在单位实际情况，根据效率高、成本低、设计独特、修改容易和使用方便的基本思路，单位派专人自主制作了门户网　

站。下面简单介绍网站制作的工作流程和代码应用中取得的经验。　

１制作网站的工作流程　

１１明确网站的服务对象和人群：系统内广大领导干部和职工；确定网站的主题：具有本单位特色，展现笔者所在单位风格和个　

性。　

２１确定网站的栏目：栏目的实质是一个网站的大纲索引，在设置栏目时一定要紧扣主题。其次要设立最近更新或者可以双向交　

流的栏目。比如，留言本、论坛等，可以使网站及时和访客进行意见交流，促进网站快速发展。　

３１设计网站的框架结构和链接结构：ｌ、建立结构图时需要考虑以下几点：①茸页，包括各种功能按钮，内容要点提示、友情链接　

等内容。②分支页面，要求相对独立、导航功能好。③查漏补缺，确定结构的时候要确保没有遗漏和空缺，另外还应该为以后的扩容　

留置空间。２、建立网站的链接结构，①树状链接结构，特点是逐级进入、逐级退出。②星状链接结构，特点是每个页面互相之间都有　

链接。笔者所在单位用的是后者。　

４１收集整理网站的相关资料：收集制作网站的标识、图片、Ｆｌａｓｈ影片和文字资料等。　

５１制作统一风格的网页：要求风格独特，版面、色彩、交互方式都区别于其它网站。　

２制作网站所需的软件　

Ｄｒｅａｍｗｅａｖｅｒ　８　ＲｅａｌＨａｙｅｒｌ　１、Ｐｈｏｔｏｓｈｏｐ　ＣＳ　Ｍａｃｒｏｍｅｄｉａ　Ｆｌａｓｈ　８　

３制作网站特效的一些常用方法（以笔者所在单位门户网站首页特效代码应用为例）　

１）幻灯片特效制作（将下段代码放在Ｄｒｅａｍｗｅａｖｅｒ　８中代码＜ｂｏｄｙ＞＜，ｂｏｄｙ＞之间，修改　

红色数字可调节尺寸大小）效果预览如图１。　

＜ｄｉｖ　ｃｌａｓｓ：”ｃｅｎｔｅｒ”＞＜ｄｉｖ　ｃｌａｓｓ：”ｅｅｎｔｅｒ＿ｉｍｇ”＞　

＜ｓｐａｎ　ｃｌａｓｓ：”ｆｌ４ｂ”＞＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞　

ｉｍｇＵｒｌｌ＝”０１．ＪＰｇｌｌ：　图片路径　

ｉｍｇｌｉｎｋｌ＝”／图片欣赏／单位风景／单位风景．ｈｔｍ”；　图片链接子网页　

ｉｍｇｔｅｘｔｌ：”单位大门”　图片文字注释　

ｉｍｇＵｒｌ２＝”０２．ＪＰｇ”：　

ｉｍｇｌｉｎｋ２＝”／图片欣赏／单位ｇＬ￣．／单位风景．ｈｔｍ”；ｉｍｇｔｅｘｔ２＝”单位风貌“ｉｍｇＵｒｌ３＝”０３．ＪＰｇ”；　图１　

收稿日期：２０１０—１１－０１　

作者简介：胡翔（１９７７一），男，四川犍为县人，国家广电总局无线电台管理局工程师，２００１年赴中国传媒大学进修，主要从事网页设　

计、防火墙技术与网络安全、ＧＩＳ在电子地图中的应用研究。　

９８３０　多媒体技术及其应用　ｔ　本栏目责任编辑：唐一东　

第６卷第３４期（２０１０年１２月）　ＣｏｍｐｕｔｅｒＫｎｏｗｌｅｄｇｅａｎｄ　Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术　

ｉｍｇｌｉｎｋ３＝”／图片欣赏／单位风景／单化风景．ｈｔｍ”；ｉｍｇｔｅｘｔ３＝”宿舍”ｉｍｇＵｒｌ４＝”０４．ＪＰｇ『ｆ　．

ｉｍｇｌｉｎｋ４＝”，罔片欣赏／单位风景／单化风景．ｈｔｍ”；ｉｍｇｔｅｘｔ４＝”多功能厅”ｉｍｇＵｒｌ５＝”０５．ＪＰｇ”；　

ｉｍｇｌｉｎｋ５＝”／图片欣赏／单位风景／单位风景．ｈｔｍ”；ｉｍｇｔｅｘｔ５＝”雕塑一步步登高”ｉｍｇＵｒｌ６＝”０６．ｊｐｇ”：　

ｉｍｇｌｉｎｋ６＝”／图片欣赏／单位风景／单位风景．ｈｔｍ”；ｉｍｇｔｅｘｔ６＝”托起明天的太阳”　

ｖａｒ　ｆｏｃｕｓ

ｖａｒ　ｆｏｅｕｓ

ｖａｒ　ｔｅｘｔ

ｗｉｄｔｈ＝３２０　

ｈｅｉｇｈｔ＝２００　

ｈｅｉｇｈｔ＝２０　

幻灯片宽　

幻灯片高　

图片文字注释高　

—

ｖａｒ　ｓｗｆ　ｈｅｉｇｈｔ＝ｆｏｃｕｓ

ｈｅｉｇｈｔ＋ｔｅｘｔ

ｈｅｉｇｈｔ　

ｖａｒ　ｐｉｃｓ＝ｉｍｇＵｒｌ　ｌ＋”　＋ｉｍｇＵｒｌ２＋”ｆ”＋ｉｍｇＵｒｌ３＋”ｆ”＋ｉｍｇＵｒｌ４＋”ｆ”＋ｉｍｇＵｒｌ５＋”ｆ，，＋ｉｍｇＵｒｌ６　

ｖａｒ　ｌｉｎｋｓ＝ｉｍｇｌｉｎｋｌ＋”　＋ｉｍｇｌｉｎｋ２＋”Ｉｆｆ＋ｉｍｇｌｉｎｋ３＋”Ｉｆｆ＋ｉｍｇｌｉｎｋ４＋”　＋ｉｍｇｌｉｎｋ５＋”　＋ｉｍｇｌｉｎｋ６　

ｖａｒ　ｔｅｘｔｓ＝ｉｍｇｔｅｘｔ１＋”　＋ｉｍｇｔｅｘｔ２＋”　＋ｉｍｇｔｅｘｔ３＋”ＩＴｆ＋ｉｍｇｔｅｘｔ４＋”　＋ｉｍｇｔｅｘｔ５＋”　＋ｉｍｇｔｅｘｔ６　

ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（　＜０ｂｊｅｃｔ　ｃｌａｓｓｉｄ＝”ｃ１ｓｉｄ：ｄ２７ｃｄｂ６ｅ—ａｅ６ｄ一１　ｌｃｆ一９６６８—４４４５５３５４００００”ｃｏｄｅｂａｓｅ＝”ｈｔｔｐ：／／ｆｐｄｏｗｎｌｏａｄ，ｍａｃｒｏｍｅｄｉａ．ｃｏｎ＃　

ｐｕｂ／ｓｈｏｃｋｗａｖｅ／ｃａｂｓ／ｆｌａｓｈ／ｓｗｆｌａｓｈ．ｃａｂ＃ｖｅｒｓｉｏｎ＝６，０，０　０”ｗｉｄｔｈ＝”，＋ｆｏＣＨＳ　ｗｉｄｔｈ＋　ｈｅｉｇｈｔ＝”，＋ｓｗｆ　ｈｅｉｇｈｔ＋　＞１：　

ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（　＜ｐａｒａｍ　ｎａｍｅ＝”ａｌＪｏｗｓ（：ｒｉｐｔＡｃｃｅｓｓ”ｖａｌｕｅ＝”ｓａｍｅＤｏｍａｉｎ”＞＜ｐａｒａｍ　ｎａｍｅ＝”ｍｏｖｉｅ”ｖａｌｕｅ＝”ｆｏＣＵＳ．ｓｗｆ＇’＞＜ｐａｒａｍ　ｎａｍｅ＝”　

ｑｕａｌｉｔｙ”ｖａｌｕｅ＝”ｈｉｇｈ”＞＜ｐａｒａｍ　ｎａｌｎｅ＝”ｂｇｃｏｌｏｒ”ｖａｌｕｅ：”＃ＦＦＦＦＦＦ”＞，１：　

ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（　＜ｐａｒａｍ　ｎａｎｌｅ＝”／ｎｅｎｕ”ｖａｌｕｅ＝”ｆａｌｓｅ”＞＜ｐａｒａｍ　ｎａｍｅ＝ｗｍｏｄｅ　ｖａｌｕｅ＝”ｏｐａｑｕｅ”＞，１：　

ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ　ｆ　＜ｐａｒａｍ　ｎａｍｅ＝”ＦｌａｓｈＶｏｒｓ”ｖａｌｕｅ＝”ｐｉｃｓ＝　＋ｐｉｃｓ＋　＆ｌｉｎｋｓ＝　＋ｌｉｎｋｓ＋　＆ｔｅｘｔｓ＝　＋ｔｅｘｔｓ＋　＆ｂｏｒｄｅｒｗｉｄｔｈ＝　＋ｆｏＣＵＳ　ｗｉｄｔｈ＋　

＆ｂｏｒｄｅｒｈｅｉｇｈｔ：　＋ｆｎｃｕｓ

ｈｅｉｇｈｔ＋　＆ｔｅｘｔｈｅｉｇｈｔ＝　＋ｔｅｘｔｈｅｉｇｈｔ＋　＞，１：　

—

ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ　ｒ＜ｅｍｂｅｄ　ｓｒｃ＝”ｐｉｘｖｉｅｗｅｒ．ｓｗｆ”ｗｍｏｄｅ＝”ｏｐａｑｕｅ”ＦｌａｓｈＶａｒｓ＝”ｐｉｃｓ＝　＋ｐｉｃｓ＋　＆ｌｉｎｋｓ＝　＋ｌｉｎｋｓ＋　＆ｔｅｘｔｓ＝　＋ｔｅｘｔｓ＋　＆ｂｏｒｄｅｒ．　

ｗｉｄｔｈ＝　＋ｆｏｃｕｓｗｉｄｔｈ＋＇＆ｂｏｒｄｅｒｈｅｉｇｈｔ＝　＋ｆｏｃｕｓｈｅｉｇｈｔ＋＇＆ｔｅｘｔｈｅｉｇｈｔ＝　＋ｔｅｘｔ　ｈｅｉｇｈｔ＋　ｍｅｎｕ：”ｆａｌｓｅ”ｂｇｃｏｌｏｒ＝”＃ＦＯＦＯＦＯ”ｑｕａｌｉｔｙ＝”ｈｉｇｈ”　

—

ｗｉｄｔｈ＝”　＋ｆｏｃｕｓ

ｗｉｄｔｈ十，¨ｈｅｉｇｈｔ＝”　＋ｆｏｃｕｓ

ｈｅｉｇｈｔ＋，¨ａ１ｌｏｗＳｃｒｉｐｔＡｃｃｅｓｓ＝”ｓａｍｅＤｏｍａｌｎ”ｔｙｐｅ＝”ａｐｐｌｉｃａｔｉｏｎ／ｘ—ｓｈｏｃｋｗａｖｅ～ｆｌａｓｈ”ｐｌｕｇ．　

—

ｉｎｓｐａｇｅ＝”ｈｔｔｐ：／／ｗｗｗ．ｍａｃｒｏｍｅｄｉａ．ｃｏｍ／ｇｏ／ｇｅｔｎａｓｈｐ１ａｙｅｒ”／＞’；　

ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（　＜／ｏｂｊｅｃｔ＞＇）；　

＜／ｓｃｒｉｐｔ＞＜／ｓｐａｎ＞＜ｓｐａｎ　ｉｄ＝ｆｏｃｕｓｔｅｘｔ　ｅｌａｓｓ＝ｆｌ　４ｂ＞＜／ｓｐａｎ＞＜／ｄｉｖ＞　

＜ｄｉｖ　ｃｌａｓｓ＝”ｃｅｎｔｅｒｔｅｘｔ”＞＜！一一＜ｄｉｖ　ｉｄ＝”ｔｅｘｔ”＞＜／ｄｉｖ＞＜ｄｉｖ　ｉｄ＝”ｈｒｅｆ”＞＜ａ　ｈ＇ｒｅｌ－”＃”＞１＜　

／ａ＞＜ａ　ｈｒｅｆ＝”＃”＞２＜／ａ＞＜ａ　ｈｒｅｆ＝”＃”＞３＜／ａ＞＜／ｄｉｖ＞一一＞＜／ｄｉｖ＞＜／ｄｉｖ＞　

麟　

瓣　

麟　

黼　

２）向上循环不问断滚动文字、图片特效制作（将以段代码放在Ｄｒｅａｍｗｅａｖｅｒ　８中　

代码＜｝）ｏｄｙ＞＜／ｂｏｄｙ＞之间，修改红色数字可调节尺寸大小）效果预览如图２。　

＜ｄｉｖ　ａｌｉｇｎ＝”ｌｅｏ”ｃｌａｓｓ：…’ｉｄ＝”ｄｅｍｏｂ”ｓｔｙｌｅ＝”ｂｏｒｄｅｒ：０ｐｘ　ｓｏｌｉｄ　ｇｒａｙ；ＯＶＥＲＦＬＯＷ：　

张　

麟　

图２　

ｈｉｄｄｅｎ；ＨＥＩＧＨＴ：１　８０ｐｘ；ｗｉｄｔｈ：３３０ｐｘ”ｏｎＭｏｕｓｅＯｖｅｒ＝”ｉｊ＝１”ｏｎＭｏｕｓｅＯｕｔ＝”ｉ　０”＞　

＜ｄｉｖ　ｉｄ＝”ｄｅｍｏｂｌ”＞＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０１．ｇｉｆ＇’ｗｉｄｔｈ＝”１１”ｈｅｉｇｈｔ＝”１１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０１

ｇｉｆ＇’＞

．

＜ｓｐａｎ　ｃｌａｓｓ＝”　

ＳＴＹＬＥ２６”＞＜ａ　ｈｒｅｆ＝”单位新闻／单位公告／单位公告．ｈｔｍ”＞单位２５６Ｋ内网专线子域ＲＴＸ启用通知＜，ａ＞＜／ｓｐａｎ＞＜ｂｒ＞　

＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０２．ｇｉｆ”ｗｉｄｔｈ：”１　１”ｈｅｉｇｈｔ＝”１　１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｊｎｄｅｘ／ｓｚ０２．ｇｉＰ’＞　

＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞＜ａ　ｈｒｅｆ＝＂单位新闻／单位公告，单位公告．ｈｔｍ”＞关于春节放假的通知＜／ａ＞＜／ｓｐａｎ＞＜ｂｒ＞　

搿　

＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０３．ｇｉｆ＇　ｗｉｄｔｈ：”Ｉ　ｌ”ｈｅｉｇｈｔ＝”Ｉ　Ｊ”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０３．ｇｉｆ＇　＞　

＿　

¨譬０　

＜ｓｐａｎ　ｃｌａｓｓ：”ＳＴＹＬＥ２６”＞＜ａ　ｈｒｅｆ＝”单位新闻，单位公告／单位公告．ｈｔｍ”＞单位内抗震减灾应急预案＜／ａ＞＜／ｓｐａｎ＞＜ｉｍｇ　ｓｒｃ：”ｉｍａｇｅ／　

０　

。　

ｉｎｄｅｘ／ｎｅｗ．ｇｉＰ’ｗｉｄｔｈ＝”２８”ｈｅｉｇｈｔ＝”ｌ１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｎｅｗ．ｇｉｆ”＞＜ｂｒ＞　

”

鸯　冀　

＜ｉｍｇ　ｓｒｅ＝”ｉｒＩｌａｇｅ，ｉｎｄｅｘ／ｓｚＯ４．ｇｉＰ’ｗｉｄｔｈ＝”１１”ｈｅｉｇｈｔ＝’’１ｌ’’ｌｏｎｇｄｅｓｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０４．ｇｉｆ”＞　

＜ｓｐａｎ（：ｌａｓｓ：”ＳＴＹＬＥ２８”＞＜ａ　ｈｒｅｆ＝”科学发展观专栏／单位深入学习科学发展观／单位深入学习科学发展观．ｈｔｍ”＞关于开展庆祝建　

国６０周年系列活动的通知＜／ａ＞＜／ｓｐａｎ＞＜ａ　ｈｒｅｆ＝”科学发展观专栏／单位深入学习科学发展观／单位深入学习科学发展观．ｈｔｍ”＞＜ｉａｇｒ　

ｓｒｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｎｅｗ．ｇｉｆ’ｗｉｄｔｈ＝”２８”ｈｅｉｇｈｔ＝”ｌ　１”ｂｏｒｄｅｒ＝”０”ｌｏｎｇｄｅｓｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｎｅｗ．　ｆ’＞＜／ａ＞＜ｂＩｌ＞　

臻　

＃　＊　

一？一　

舞　一　

单位深入学习科学发展观．＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＩ　Ｅｌ６　ＳＴＹＬＥ１”＞＜ａ　ｈｒｅｆ＝”科学发展观专栏／单位深入学习科学发展观／ｈｔｍ”＞成立深　

入学习实践科学发展观活动领导机构的通知＜／ａ＞＜／ｓｐａｎ＞＜ｂｒ＞　

＜ｉｍｇ　ｓｒｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０６．ｇｉｆｔ’ｗｉｄｔｈ＝”１　１”ｈｅｉｇｈｔ＝”１１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０６．ｇｉｆ’　＞＜ｂｒ＞　

＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０７．ｇｉｆ”ｗｉｄｔｈ＝”１１”ｈｅｉｇｈｔ＝”ｌ１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０７．ｇｉｆ’’＞　＜ｂｒ＞　

＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ，ｉｎｄｅｘ／ｓｚ０８．ｇｉｆ”ｗｉｄｔｈ＝”１　１”ｈｅｉｇｈｔ＝”１　１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚＯ８．ｇｉｆ＇’＞　＜ｂｒ＞　

＜ｉｍｇ　ｓｒｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０９．ｇｉｆ”ｗｉｄｔｈ＝”ｌ１”ｈｅｉｇｈｔ＝”ｌ　１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０９

ｇｉｆ”＞

．

＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０５．ｇｉｆ”ｗｉｄｔｈ＝”１　１”ｈｅｉｇｈｔ＝”１１”ｌｏｎｇｄｅｓｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ０５．ｇ　＞　

＜ｂｒ＞　

＜ｂｒ＞　

＜ｉｍｇ　ｓｒｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ１０．ｇｉｆ”ｗｉｄｔｈ＝”】１”ｈｅｉｇｈｔ＝”１】”Ｉｏｎｇｄｅｓｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｓｚ１０

ｇｉｆ’’＞

．

＜／ｄｉｖ＞＜ｄｉｖ　ｉｄ＝”ｄｅｍｏｂ２”＞＜／ｄｉｖ＞＜／ｄｉｖ＞＜ＳＣＲＩＰｒ＞　

ｖａｒ　ｉｊ＝０；ｔ＝ｄｅｍｏｂ．ｓｃｒｏｌｌＴｏｐ　

ｄｅｍｏｂ２．ｉｎｎｅｒＨＴＭＬ＝ｄｅｍｏｂ　１．ｉｎｎｅｒＨＴＭＬ　

ｆｕｎｃｔｉｏｎ　ｑｓｗｈＭａｒｑｕｅｅ２（）　

｛ｉｆ（ｉｊ＝＝１）ｒｅｔｕｒｎ　

ｉｆ（ｄｅｍｏｂ２．ｏｆｓｅｔＴｏｐ—ｄｅｍｏｂ．ｓｃｒｏｌｌＴｏｐ＜＝０）　

ｄｅｍｏｂ．ｓｅｒｏｌｌＴｏｐ一＝ｄｅｍｏｂ　１．ｏｆｆｓｅｔＨｅｉｇｈｔ　

ｅｌｓｅ　

ｄｅｍｏｂ．ｓｅｒｏｌｌＴｏｐ＋＋｝　

３）ｒｅａｌ播放器特效制作（需要下载ｒｅａｌ插件如：在页面中插入流式播放的Ｒｅａｌ视频和音频文件＿ｍｘｐ，然后将下段代码放在　

Ｄｒｅａｉｎｗｅａｖｅｒ　８巾代码＜ｂｏｄｙ＞＜／ｂｏｄｙ＞２５间，修改红色数字可凋节尺寸大小和文件路径。）效果预览如图３。　

＜ｔａｂｌｅ　ｗｉｄｔｈ＝”３３５　ｈｅｉｇｈｔ＝”２３０　＞　

　‘

本栏目责任编辑：唐一东　一。　多媒体技术及其应用　。９８３１　

ＣｏｍｐｕｔｅｒＫｎｏｗｌｅｄｇｅ　ａｎｄＴｅｃｈｎｏｌｏｇｙ电脑知识与技术　

第６卷第３４期（２０１０年１２月）　

＜ｔｒ＞＜ｔｄ＞＜ｏｂｊｅｅｔ　ｉｄ＝”ｖｉｄ”ｃｌａｓｓｉｄ＝”ｃｌｓｉｄ：ＣＦＣＤＡＡ０３—８ＢＥ４一ｌ　１　ｃｆ—Ｂ８４Ｂ—Ｏ０２０ＡＦＢＢＣＣ—　

ＦＡ”ｗｉｄｔｈ＝３３　１　ｈｅｉｇｈｔ＝２００＞　

＜ｐａｒａｍ　ｎａｍｅ＝”

＿

ＥｘｔｅｎｔＸ”ｖａｌｕｅ＝”ｌ１２９８”＞＜ｐａｒａｍ　ｎａｍｅ＝”

ＥｘｔｅｎｔＹ”ｖａｌｕｓ＝”７９３８”＞　

一

＜ｐａｒａｍ　ｎａｍｅ＝”ＡＵＴＯＳＴＡＲＴ”ｖａｌｕｅ＝”一１”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＳＨＵＦＦＬＥ”ｖａｌｕｅ＝”０”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＰＲＥＦＥＴＣＨ”ｖａｌｕｅ＝”０”＞＜ｐａｒａｍ　ｈａｍｅ＝”ＮＯＬＡＢＥＬＳ”ｖａｌｕｅ＝”一ｌ”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ｓａｃ”ｖａｌｕｅ＝”／ｉｍａｇｅ／ｉｎｄｅｘ／２２２．ｒｍ”＞　影片路径，格式为．ｒｎｌ　

＜ｐａｒａｍ　ｎａｍｅ＝”ＣＯＮＴＲＯＬＳ”ｖａｌｕｅ＝”Ｉｍａｇｅｗｉｎｄｏｗ’’＞　

＜ｐａｒａｍ　ｎａｍｅ：”ＣＯＮＳＯＬＥ”ｖａｌｕｅ＝”ｃｌｉｐｌ”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＬＯＯＰ”ｖａｌｕｅ＝”０”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＮＵＭＬＯ０Ｐ”ｖａｌｕｅ＝”０”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＣＥＮＴＥＲ”ｖａｌｕｅ＝ｉｌ０”＞　

蘩。　奄　

＜ｐａｒａｍ　ｎａｍｅ＝”ＭＡＩＮＴＡＩＮＡＳＰＥＣＴ”ｖａｌｕｅ＝”０”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＢＡＣＫＧＲＯＵＮＤＣＯＬ一　图３　

０Ｒ”ｖａｌｕｅ＝”加０００００”＞＜／ｎｂｉｅｃｔ＞　

＜ｏｂｊｅｃｔ　ｉｄ＝”ｖｉｄ２”ｃｌａｓｓｉｄ＝”ｃｌｓｉｄ：ＣＦＣＤＡＡ０３—８ＢＥ４—１　１ｃｆ－Ｂ８４Ｂ一００２０ＡＦＢＢＣＣＦＡ”ｗｉｄ山＝３３１　ｈｅｉｇｈｔ＝３０＞　

＜ｐａｒａｍ　ｎａｍｅ＝＂

＿

ＥｘｔｅｎｔＸ”ｖａｌｕｅ＝”ｌ　１２９８”＞＜ｐａｒａｍ　ｎａｍｅ＝＂

＿

ＥｘｔｅｎｔＹ”ｖａｌｕｅ＝”７９４”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＡＵＴ０ＳＴＡＲＴ”ｖａｌｕｅ＝”一１”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＳＨＵＦＦＬＥ”ｖａｌｕｅ＝”０”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＰＲＥＦＥＴＣＨ”ｖａｌｕｅ＝”０”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＮＯＬＡＢＥＬＳ”ｖａｌｕｅ＝”一１”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＳＲＣ”ｖａｌｕｅ＝”ｉｍａｇｅ／ｉｎｄｅｘ／２２２．ｒｍ”＞　影片路径．格式为．ＩＴａ　

＜ｐａｒａｍ　ｎａｍｅ＝”Ｃ０ＮＴＲ０ＬＳ”ｖａｌｕｅ＝”ＣｏｎｔｒｏｌＰａｎｅｌ”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＣＯＮＳＯＬＥ”ｖａｌｕｅ＝”ｃｌｉｐｉ“＞＜ｐａｒａｍ　ｎａｍｅ＝ｆｆＬ００Ｐ”ｖａｌｕｅ＝”０”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＮＵＭＬＯＯＰ”ｖａｌｕｅ＝”０”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＣＥＮＴＥＲ”ｖａｌｕｅ＝”０”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＭＡＩＮＴＡＩＮＡＳＰＥＣＴ”ｖａｌｕｅ＝”０”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ＢＡＣＫＧＲ０ＵＮＤＣ０Ｌ０Ｒ”ｖａｌｕｅ＝”＃００００００”＞＜／ｏｂｉｅｃｔ＞＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞　

４）Ｆｌａｓｈ透明背景特效制作（该特效需要在网上下载一个透明ＦＬＡＳＨ控件如：１５．ｓｗｆ，下载后放到自己相应目录ｄ：／ｉｍａｇｅ／１５　

ｓｗｆ，然后将下段代码放在Ｄｒｅａｍｗｅａｖｅｒ　８中代＜ｂｏｄｙ＞＜／ｂｏｄｙ＞２５Ｉｈｑ，同时在代　

码＜ｐａｒａｍ　ｎａｍｅ＝”ｍｏｖｉｅ”ｖａｌｕｅ＝”ｉｍａｇｅ／１５．ｓｗ￣’＞处修改它的路径地址．可以在下　

段代码中红色数字处修改显示的大小。）效果预览如图４。　

＜ｔａｂｌｅ　ｗｉｄｔｈ＝”１００１”ｈｅｉｇｈｔ＝”１２０”　

ｂｏｒｄｅｒ＝’’０’’ｃｅｌｌｐａｄｄｉｎｇ＝”０”ｃｅｌｌｓｐａｃｉｎｇ＝”　

０”ｂａｃｋｇｒｏｕｎｄ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｔｏｕ．ｇｉｆ＇’＞＜　

设置单元格背景为图片背景（当然要　图４　

放一个好看的了）一＞　

＜ｔｒ＞＜ｔｄ＞＜ｏｂｊｅｃｔ　ｃｌａｓｓｉｄ＝”ｃｌｓｉｄ：Ｄ２７ＣＤＢ６Ｅ—ＡＥ６Ｄ一１　ｌｃｆ一９６Ｂ８—４４４５５３５４００００”ｃｏｄｅｂａｓｅ＝”ｈｔｔｐ：／／ｄｏｗｎｌｏａｄ．ｍａｃｒｏｍｅｄｉａ．ｃｏｍ／ｐｕｂ／　

ｓｈｏｃｋｗａｖｅ／ｃａｂｓ／ｆｌａｓｈ／ｓｗｆｌａｓｈ．ｃａｂ＃ｖｍ‘ｓｉｏｎ＝６，０，２９，０”ｗｉｄｔｈ＝”１００１”ｈｅｉｇｈｔ＝”１２０’’ａｌｉｇｎ＝’’ｍｉｄｄｌｅ”＞＜ｐａｒａｍ　ｎａｍｅ＝”ｍｏｖｉｅ”ｖａｌｕｅ＝”ｉｍａｇｅ／１５．　

ｓｗｆ＇’＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ｑｕａｌｉｔｙ”ｖａｌｕｅ＝’’ｈｉｇｈ”＞　

＜ｐａｒａｍ　ｎａｍｅ＝”ｗｍｏｄｅ”ｖａｌｕｅ＝”ｔｒａｎｓｐａｒｅｎｔ”＞＜ｐａｒａｍ　ｎａｍｅ＝”ＳＣＡＬＥ”ｖａｌｕｅ＝”ｎｏｂｏｒｄｅｒ”＞＜！一这里代码可使Ｆｌａｓｈ背景透明一＞　

＜ｅｍｂｅｄ　ｓｒｃ＝”ｉｍａｇｅ／１５．ｓｗｆ”ｗｉｄｔｈ＝’’１００１”ｈｅｉｇｈｔ＝”１２０’’ａｌｉｇｎ＝”ｍｉｄｄｌｅ”ｑｕａｌｉｔｙ＝”ｈｉｇｈ”ｐｌｕｇｉｎｓｐａｇｅ＝”ｈｔｔｐ：／／ｗｗｗ．ｍａｃｒｏｍｅｄｉａ．ｃｏｍ／ｇｏ／　

ｇｅｔｆｌａｓｈｐｌａｙｅｒ”ｔｙｐｅ＝”ａｐｐｌｉｃａｔｉｏｎ／ｘ—ｓｈｏｃｋｗａｖｅ—ｆｌａｓｈ”ｗｎｌｏｄｅ＝’’ｔｒａｎｓｐａｒｅｎｔ”ｓｃａｌｅ＝”ｎｏｂｏｒｄｅｒ”＞＜／ｅｍｂｅｄ＞　

＜／ｏｂｊｅｅｔ＞＜／ｔｄ＞＜／ｔｒ＞　

５）向左滚动图片加文字特效制作（将以下代码放在Ｄｒｅａｍｗｅａｖｅｒ　８中代码＜ｂｏｄｙ＞＜／ｂｏｄｙ＞之间，修改红色部分可调节尺寸大　

小。）效果预览如图５。　

图５　

＜ｄｉｖ　ｉｄ＝”ｂｕｔｏｎｇ　

＿

ｎｅｔ　ｌｅｆｔ　ｓｔ”　ｙｌｅ＝ｏｖｅｒｆ”　ｌ　ｏｗ：ｈｉｄｄｅｎ：ｗｉｄｔｈ：９５８Ｄｘ：”＞

＜ｔａｂｌｅ　ｗｉｄｔｈ＝”９５８”ｈｅｉｇｈｔ＝”８８”ｂ０ｒｄｅｒ＝”０”ａｌｉｇｎ＝　ｌｅｆｔ”ｃｅｌｌｐａｄｄｉｎｇ＝”０”ｃｅｌｌｓｐａｃｉｎｇ＝”０”＞　

＜ｔｒ＞＜ｔｄ　ｗｉｄｔｈ＝”３３６”ａｌｉｇｎ＝”ｃｅｎｔｅｒ”ｖａｌｉｇｎ＝”ｔｏｐ”ｉｄ＝”ｂｕｔｏｎｇ　

．

ｎｅｔ　ｅｆｔｌｌ　　”＞

＜ｔａｂｌｅ　ｂｏｒｄｅｒ＝－”０”ａｌｉｇｎ＝”ｃｅｎｔｅｒ”ｃｅｌｌｐａｄｄｉｎｇ＝’’２’’ｃｅｌｌｓｐａｃｉｎｇ＝”０”＞　

＜ｔｒ　ａｌｉｇｎ＝”ｃｅｎｔｅｒ”＞　

＜ｔｄ　ｗｉｄｔｈ＝”１１６”＞＜ａ　ｈｒｅｆ＝”单位新闻／图片新闻／图片新闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｌｌ／ｌｌ０１．ＪＰＧ”ｗｉｄｔｈ＝”１１６”ｈｅｉｇｈｔ＝”８８”ｂｏｒ　

ｄｅｒ＝－”０”＞＜，ａ＞＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞慰问讲话＜／ｓｐａｎ＞＜／ｔｄ＞　

＜ｔｄ　ｗｉｄｔｈ＝”１１６”；＇＜ａ　ｈｒｅｆ＝”单位新闻／图片新闻／图片新闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ，ｌｌ，Ｉｌ０２．ＪＰＧ”ｗｉｄｔｈ＝”ｌ１６”ｈｅｉｇｈｔ＝”８８”ｂｏｒ．　

ｄｅｒ＝－…０’＞＜／ａ＞＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞慰问李科伦＜／ｓｐａｎ＞＜／ｔｄ＞　

＜ｔｄ　ｗｉｄｔｈ＝”ｌ１６”＞＜ａ　ｈｒｅｆ＝”单位新闻，图片新闻，图片新闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｃ＝”ｉｍａｇｅ／ｉｎｄｅｘ／ｌｉＢ１０３．ＪＰＧ”ｗｉｄｔｈ＝”ｌ１６”ｈｅｉｇｈｔ＝”８８”ｂｏｒ—　

ｄｅｒ＝”０”＞＜／ａ＞＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞慰问贺光祥＜／ｓｐａｎ＞＜／ｔｄ＞　

＜ｔｄ　ｗｉｄｔｈ＝”ｌ１６”＞＜ａ　ｈｒｅｆ＝”工会工作／工会要闻／工会要闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｅ＝”工会工作／工会要闻／单位子网页模版／２００９０７２３０１．　

ＪＰＧ”ｗｉｄｔｈ＝”１　１６”ｈｅｉｇｈｔ＝”８８”ｂｏｒｄｅｒ＝”０”＞＜／ａ＞＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞双扣比赛＜／ｓｐａｎ＞＜／ｔｄ＞　

＜ｔｄ　ｗｉｄｔｈ＝”１１６”＞＜ａ　ｈｒｅｆ＝”工会工作／Ｉ会要闻／工会要闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｃ＝”工会工作／２１２会要闻／单位子网页模版／２００９０７２３０２．　

Ｉ－ＰＧ”ｗｉｄｔｈ＝”１　１６”ｈｅｉｇｈｔ＝”８８”ｂｏｒｄｅｒ＝”０”＞＜／ａ＞＜ｓｐａｎ　ｃｌａｓｓ：”ＳＴＹＬＥ２６”＞双扣比赛＜／ｓｐａｎ＞＜／ｔｄ＞　

＜ｔｄ　ｗｉｄｔｈ＝”１１６”＞＜ａ　ｈｒｅｆ＝”工会工作／工会要闻，工会要闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｃ：”工会工作／工会要闻，单位子网页模版１２００９０７２３０３．　

ＪＰＧ”ｗｉｄｔｈ＝“１　１６”ｈｅｉｇｈｔ＝”８８”ｂｏｒｄｅｒ＝－”０”＞＜／ａ＞＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞钓鱼比赛＜／ｓｐａｎ＞＜／ｔｄ＞　

９８３２　多嫌体技术及其应用　。　本栏目责任编辑：唐一东　

第６卷第３４期（２０１０年１２月）　Ｃｏｍｐｕ￣ｒ　Ｋｎｏｗｌｅｄｇｅ　ａｎｄ　Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术　

＜ｔｄ　ｗｉｄｔｈ：・ｔ１１６”＞＜ａ　ｈｒｅｆ＿”工会工作　Ｉ　会要Ｉ￣／，Ｚ会要闻．ｈｔｍ”＞＜ｉｍｇ　ｓｒｅ＝”工会上作／工会要闻／单位子网页模版／２００９０７２３０４　

ＪＰＧ”ｗｉｄｔｈ：”１１６ｔ・ｈｅｉｇｌ１ｔ＝”８８”ｂｏｒｄｅｒ＝＂０”＞＜／ａ＞＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹＬＥ２６”＞钓鱼比赛＜／ｓｐａｎ＞＜／ｔｄ＞＜ｔｄ　ｗｉｄｔｈ＝”１１６”＞＜ｉｍｇ　ｓｒｅ＝”ｉｍａｇｅ／ｉｎ—　

ｄｅｘ／ｌｌ／ｌｌ０８．ＪＰｇ”ｗｉｄｔｈ＝”ｌ　１６”ｈｅｉｇｈｔ＝”８８”＞　

＜ｓｐａｎ　ｃｌａｓｓ＝”ＳＴＹ［　Ｅ２６”＞单位风景＜／ｓｐａ¨＞＜／ｆ（Ｉ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞＜／ｔｄ＞　

＜ｔｄ　ｖａｌｉｇｎ＝”ｔｏｐ”ｉｄ＝”ｂｕｔｏｎＫ　ｎｅｔ　ｌｅｆｔ２”＞＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞＜／ｄｉｖ＞＜ｓｃｒｉｐｔ＞　

ｖａｒ　ｓｐｅｅｄ＝３０／／速度数值越大速度越慢　

ｂｕｔｏｎｇ　ｎｅｔ　ｌｅｆｔ２．ｉｎｎｅｒＨＴＭＬ＝ｂｕｔｏｎｇ　ｎｅｔ　１ｅｆｔ１．ｉｎｎｅｒＨＴＭＬ　

ｆｕｎｃｔｉｏｎ　Ｍａｒｑｕｅｅ３０｛ｉｆ（ｂｕｔｏｎｇ＿ｎｅｔ＿ｌｅｆｌ２．ｏｆｓｅｔＷｉｄｔｈ—ｈｕｔｏｎｇ　ｎｅｔ—ｌｅｆｔ．ｓｃｒｏｌｌＬｅｆｔ＜＝Ｏ）　

ｂｕｔｏｎＫ　ｎｅｔ　ｌｅｆｔ．ｓｃｒｏｌｌＬｅｆｌ一＝ｂｕｔｏｎＫ　ｎｅｔ　ｌｅｆｌ１．ｏｆｆｓｅｔＷｉｄｔｈ　

ｅｌｓｅ｛ｂｕｔｏｎｇ　ｎｅｔ　ｌｅｆｔ．ｓｃｒｏｌｌＬｅｆｌ＋＋｝１　

ｖａｒ　ＭｙＭａｒ３＝ｓｅｔｌｎｔｅｒｖａｌ（Ｍａｒｑｕｅｅ３，ｓｐｅｅｄ）　

ｂｕｔｏｎＫ　ｎｅｔ　ｌｅｆｔ．ｏｎｍｏｕｓｅｏｖｅｒ＝ｆｕｎｃｔｉｏｎ（）ｆｃｌｅａｒＩｎｔｅｒｖａｌ（ＭｙＭａｒ３）｝　

ｂｕｔｏｎｇ

ｎｅｔ

ｌｅｔｆ．ｏｎｍｏｕｓｅｏｕｔ＝ｆｕｎｃｔｉｏｎ０｛ＭｙＭａｒ３＝ｓｅｔＩｎｔｅｒｖａｌ（Ｍａｒｑｕｅｅ３，ｓｐｅｅｄ）｝＜／　

ｓｃｒｉｐｔ＞　

４文本排版及ＣＳＳ样式设定　

在网页文本排版方面，为了达到段落整齐美观，笔者常用套表格的形式排版，　

先在要输入文字的区域内按自己的要求设定好表格，然后再输入文字。另一种常　

用方法就是设定ＣＳＳ样式，点击ＣＳＳ样式面板的新建ＣＳＳ样式按钮，弹出如图６，　

按　选定，自己设定好名称如：ＳＴＹＬＥ３０，确定后弹出图７，向己设定后点确定。存　

应用时选中要套用ＣＳＳ样式的文字，右击鼠标选巾ＣＳＳ样式中自己设定的那个　

如：ＳＴＹＬＥ３０。　

５结束语　

本文仅仅是笔者对单位门户网站制作方面的一些粗浅认识，希望通过此篇文　

章能为各兄弟单位从事信息化工作的同行在网站制作巾提供一些参考，更有利于　

各单位制作｝ｎ更美观的反映本单位风格的门户网站，及时反映各单位新闻动态。　

参考文献：　

［１］方晨．网页没计三剑客中文版人门与提高［Ｍ］．上海：上海科学普及出版社，２００５．　

【２１李华．最新Ｄｒｅａｍｗｅａｖｅｒ８网页设计培训教程　】．北京：清华大学ｆ｛｛版礼，２００６．　

『３１邓文渊．ＡＳＰ与网页数据库设计『Ｍ１．北京：　国铁道出版社，２００１．　

本栏目责任编辑：唐一东　

图６　

图７　

多媒体技术及其应用。９８３３