业界新闻游戏资讯传奇技术新开传奇热门活动游戏玩家游戏厂商新游新服辅助插件帐号发放

吴贤茂：世博会网站的制作过程以及心得

作者: 来源: 发表时间:2010-11-22 20:35

产品服务快速通道 ---------------- ==产品价格总览== ==是否备案查询== ==域名注册== 英文域名注册中文域名注册域名抢注域名转入 DNS管理 ==网站推广== ==虚拟主机== ---------------- 双线路虚拟主机基本型虚拟主机商用型虚拟主机论坛型虚拟主机功能型虚拟主机 ECSHOP网店型虚拟主机 Vip合租虚拟主机数据库应用服务虚拟主机性能对比选择理由虚拟主机免费试用网站备案机房速度测试 ---------------- ==租用托管== 服务器租用主机托管增值服务 ---------------- ==企业邮局== 购买企业邮局 ---------------- ==付款方式== ---------------- ==联系我们== 有问必答常见问题

　　学校的大练兵已经即将结束了，我想在这短短的几天培训,我真的学到了很多，虽然以前都是用代码写div+css和javascript做网站的，对于DW的一些界面功能还不是很熟悉，经过刘老师的指导终于了解了DW界面的行为控制。

　　前几天老师布置了一个世博会的网站让我们做为最近培训的一个作品吧，当时我的引发起一个构思了，是时候好好的把所学的东西做成一个比较大型的网站了。

　　首先我讲一下我做这个世博会网站的一个前期策划，第一做一个门户网站首先要考虑到页面的大小,我利用了DIV+CSS来减少页面的加载速度，一个页面差不多就10来KB，如果采用TABLE布局的话我想估计会在80多KB左右，虽然算起来加载页面是快了1秒左右，但是大家想一下一个门户网站成千上万篇文章从数据库调用出来，如果打开一个页面快1秒，那么速度可想而知，再者再谈谈对SEO方面的影响,搜索引擎的蜘蛛是不喜欢去爬嵌套在TABLE三层内的内容，所以在这方面也对SEO优化做好了铺垫.吸引蜘蛛去爬，从而快速增加你的网站快照和权威。

　　接下来我再说一下我的网站地图,一个首页、六个子页和一个内容页,每个子页都通过一些图文并排组成一个内容丰富的页面,全局采用蓝色调代表和谐,head头部采用一个一轴四馆和会徽简单的带入,由于页面的内容功能过多我便挑几个出来讲讲。

　　这个功能叫做TAB选择卡,是利用javacript代码制作的。调用里面的代码与CSS的id做成一个切换页面,这两个内容都不同，主要的好处就是为首页省下了空间然而又能达到给客户最大信息的效果!

　　这里是采用了一个幻灯片的代码，将最新的头条信息与图片展示给大家看，吸引用户的眼球，让用户更加想要点击进去观看.这个直接用FLASH+JAVASCRIPT代码在HTML调用图片。

　　这三个虽然也是利用了TAB选择卡制作而成的，但是里面却加多了一种比较动感的翻页切换，这个也是最近比较流行的JQuery脚本主要是结合新技术AJAX。

　　这个左右可以点击可以左右滚动图片，好处是让更多的图片给予用户观看，也是起到了一种节省空间的效果，主要利用了css样式表里面的overflow:hidden;属性来隐藏多于的图片，利用javascript可控制滚动代码!

版权申明：本站文章均来自网络，如有侵权，请联系028-86262244-215 ，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。

版权所有西部数码(www.west263.com)
CopyRight (c) 2002~2007 west263.com all right reserved.
公司地址：四川成都市万和路90号天象大厦4楼　邮编：610031
电话总机：028-86263408 86263960 86264018 86267838 86262244 86263408
售前咨询：总机转201 202 203 204 205 206 207 208
售后服务：总机转211 212 213 214 217 218 晚上0点以后拔分机225