又一个仿写的页面

发表于 2010年5月13日由 kily

cellphone

嗯！我承认好长时间都没做东西了，有些玩物丧志了！前两天无意中发现手机中国。感觉整个页面效果非常好，用户体验也不错，条理清晰内容丰富。在我看来的确是一个不错的站点！

于是就萌生了仿写的念头。说来也惭愧，我本人感觉自己没什么创新意识，做东西也是东拼西凑，马上要找工作了也没有个像样的作品。所以也就只能仿仿人家的作品了。

虽然是仿，但从很多方面来说仿写比自主设计要难许多。可能做过的同学知道，我这里所谓的仿写绝对不是仅仅扒下HTML和CSS，而是自主写HTML结构与CSS，适当的参考原页面。所以仿写想要仿到100%几乎是不可能的！特别是相对于这类门户性网站。

边看三国边写页面搞了大概五天吧，什么时候开始的都忘了哈！由于东西过多，我也没办法把全部过程记叙下来。放上来也只是做个标记，如果大家有兴趣可以留言讨论！也可以去看看我上次写的文章-仿网易页面：http://www.keelii.com/my-copy-163/

最终效果预览

源代码与素材

《又一个仿写的页面》上有 38 条评论

feifei 在 2010年7月6日14:19 说：

恩，不错，不过2个一比较就发现有不同，你可以试着2个页面交替点击，就可以很容易看出来了！！！

回复 ↓
勇少在 2010年6月11日10:32 说：

我是边做事边看三国哈！

回复 ↓
uoian 在 2010年6月8日23:29 说：

留完言，居然看到了预览链接，难道我眼花？老了？

回复 ↓
uoian 在 2010年6月8日23:28 说：

页面呢？秀一下撒？看看写的效果怎么样？

回复 ↓
- kily 在 2010年6月9日08:21 说：
  
  @uoian 点击“最终效果预览”就能看见了！
  
  回复 ↓
瑞丽依佳人在 2010年6月2日17:23 说：

什么都是开始模仿后来创新。。支持你

回复 ↓
导购网在 2010年5月21日11:27 说：

挺漂亮的

回复 ↓
平凡在 2010年5月19日11:03 说：

哇，很棒……我仿个试试去……

回复 ↓
hiro 在 2010年5月18日14:49 说：

多练，便熟！！

回复 ↓
- kily 在 2010年5月18日21:12 说：
  
  @hiro 技术这东西就是熟能生巧的原则！
  
  回复 ↓
飞晏在 2010年5月16日14:28 说：

还是163的看着舒服

回复 ↓
- kily 在 2010年5月16日21:22 说：
  
  @飞晏那是当然哈，不过这个只是手机方面的内容，163内容更多！
  
  回复 ↓
逅客在 2010年5月16日10:30 说：

好像是初次造访，多余话不说了，到处转悠下~

回复 ↓
- kily 在 2010年5月16日13:37 说：
  
  @逅客欢迎围观啦！
  
  回复 ↓
小影在 2010年5月15日16:46 说：

高手额…膜拜下!

回复 ↓
- kily 在 2010年5月16日13:37 说：
  
  @小影呵呵！和你比起来我还是小菜啦！
  
  回复 ↓
安在 2010年5月15日09:27 说：

门户类型的就是东西多…结构应该不会太复杂吧

回复 ↓
- kily 在 2010年5月15日09:57 说：
  
  @安我觉得这类网站不仅是内容多，结构也是比较复杂的，不过理清楚也没什么障碍，有了整体结构后一块一块的去做也不难！
  
  回复 ↓
微酷在 2010年5月14日23:09 说：

嗯，比我水平好多了……

回复 ↓
A.shun 在 2010年5月14日13:27 说：

高手。。。
会CSS就是好

回复 ↓
- kily 在 2010年5月14日16:43 说：
  
  @A.shun 多学点东西办事不求人哈。
  
  回复 ↓
ikeeptrying 在 2010年5月14日10:23 说：

去看看那～

回复 ↓
365hope 在 2010年5月14日09:33 说：

兄弟，果然是编程大侠，我等唯有佩服+膜拜的份儿！
无论如何也要下载下来研究研究了！^_^

回复 ↓
- kily 在 2010年5月14日16:35 说：
  
  @365hope 只敢说是大虾哈，这个可没法和编程相比哦，编程会更麻烦！
  
  回复 ↓
Louis Han 在 2010年5月13日22:34 说：

这个页面好像都是图片

回复 ↓
- kily 在 2010年5月14日16:36 说：
  
  @Louis Han 只能说是图片用的比较多吧，你可以看看素材文件里面，其实也不是很多啦！用sprites集合在一起也就两三张！
  
  回复 ↓
华哥在 2010年5月13日22:23 说：

这个页面挺不错的很丰富

回复 ↓
踏雪残情在 2010年5月13日21:56 说：

又仿了这么大一个页面呀,不错!支持!
火狐下的搜索框输入文字位置没有居中,手机速查及其右边的广告侧高度没对齐,还有热点导购.
智能手机那一块高度也没对齐,并且第一小部分的边框在IE7下裂开了.
像这类的门户页面,同一水平位置上的块状的底部如果要对的很平整,一般高度会全部固定像素.

回复 ↓
- kily 在 2010年5月14日16:40 说：
  
  @踏雪残情哈哈。谢谢啦~由于结构上很多是我自己写的所以要做到100%一样真的是比较难呀，本来中间还有很多的，但我看了下内容都差不多就没多做。要不然估计更乱啦！我会慢慢修改的！
  
  回复 ↓
  - 踏雪残情在 2010年5月14日20:07 说：
    
    嘿嘿!分享知识会带给人快乐与动力!
    
    回复 ↓
xiangxirenjingyou 在 2010年5月13日20:39 说：

先模仿,后创新

回复 ↓
林西老九在 2010年5月13日17:32 说：

嘿嘿，我来夸夸你，真不错，厉害啊

回复 ↓
- kily 在 2010年5月13日18:39 说：
  
  @林西老九哈哈！好赤裸哦！
  
  回复 ↓
wuleilei 在 2010年5月13日12:54 说：

发现上面有CSS错误啊~~

回复 ↓
- kily 在 2010年5月13日13:42 说：
  
  @wuleilei HTML有的地方是借的人家的不说，CSS一定是没问题的哈：
  “恭喜恭喜，此文档已经通过 CSS 版本 2.1 校验! ”–刚验证过！
  
  回复 ↓
  - wuleilei 在 2010年5月13日13:50 说：
    
    咦，我用火狐的插件验证的，css有8个错误，html有35个错误。
    
    回复 ↓
    - kily 在 2010年5月13日18:37 说：
      
      @wuleilei 真是晕呀！我用webdeveloper校正是很正常的，但是单个文件却无法通过验证。有两个不该出现的错误已经修改过来，那几个由于插入flash引起的错误就没法修复了，因为flash是我直接down的人家的代码！
      
      回复 ↓
wuleilei 在 2010年5月13日12:51 说：

哈哈，沙发，一会去仔细研究一下。

回复 ↓

发表评论取消回复