大家好，我是子墨
& R, a* l2 q8 }. D" C$ Q今天教大家的是wp网站的仿制。
, J+ V9 U8 k( N9 `' o' B$ M
5 K5 L9 x0 ?# D' y5 v f( n7 C一、仿站是什么？
6 ?0 G4 Z* {& N' K1 I1 W* D: N当你看到一个网站非常漂亮，布局你很喜欢的时候，你把页面的风格和功能进行仿制，这个动作就叫仿站。 : L4 C) M9 ]; p
- m c! V6 @+ x, ?" G3 f8 i
" J2 a1 B* N2 L$ Y- @1 }二、是不是所有的网站都可以仿制？ , {7 X- q2 h5 a$ I: i2 }6 f
显然不是，在仿站前应该做好站点的分析，应该从以下3点进行分析
; J7 |0 z5 l2 [6 q4 b" i
* N# w, U0 }2 X3 `4 |
; q0 Q" r2 ]% @7 V) |1.div+css为主的网页布局 5 t( N, w& f; L' M0 y* |
网页布局技术主要有两种：
J/ c) X0 _* q3 e6 m（1） table（表格） 代码冗余，不利于优化 0 P: y) f3 H; e3 P9 }. l) z7 \& Q7 u4 T& C
（2）div+css 布局 目前主要的网页布局方法，不懂什么是div+css的可以到子墨的博客里面了解。 3 a6 |4 }6 v3 A/ M$ j7 e9 |' C9 r" ~
怎么看网页布局采用的是什么技术？
% p% H4 G( L* G" ?5 w: w2 y& s% s( ?- ~& N9 J9 k8 R7 T
6 L. W: Q- P1 _
技术分享：wp网站仿制
( _0 B: A5 [. x' ?0 ~. ~* w7 x! f
' s5 j9 q& S- u' l% r. [' O
; I/ @$ v) Y q+ I! b/ s7 w
以子墨的网站作为示范，在网页空白处查看源代码，可以看到很多地方都出现div，那么就是采用div+css ，如果出现的是table，那么采用的就是table布局。 - R, Y6 d. I5 K+ o$ ]' E2 `
D7 `* @1 L, k
( z3 R7 o: C; N- J0 e* S2.风格和功能预演 8 J }3 t$ f$ o# F- h+ Y3 f
什么意思呢？意思就是你要仿制的网站需要要实现70%-100%的功能，通俗讲就是：别单单看网站好看，仿制的网站其中的功能一定要能实现，不能只是形同虚设，实现了以上两点才能进行下一步。 9 M; n$ _, R: o3 D) a5 ? v: n
+ ]7 j/ j7 j* H- T" P$ P/ c
9 X% `' n/ i2 }, v
3.兼容性的测试。
: c5 t* D, c0 `3 b当网站实现了以上两点，接下来就是检测网站的兼容性了，比如 子墨seo 在IE浏览器打开正常，显示正常，但是却在360或者百度浏览器出现了异常（异常情况为：网页显示不正常，乱码，偏左，偏右，布局出现混乱），这种网站就不能进行仿制。
$ a% m- f& @& r. z* ^( F! b
& l, v7 P+ u8 E4 p1 ~% v8 F0 m/ B三、需要仿制的页面有哪些？ # _; \2 D) j) [4 a4 x4 l2 J5 D
1.首页静态页面.
: w1 A& G+ p: g& L6 {. l2.文章列表页面。 1 e0 N& s) @$ I2 a m1 ~
3.产品展示页面 ) N h; K8 M; V8 H: {! X( A
4文章页面（single/page）
M* z1 m0 T: ^% t: c& F, L" L. k在接下的文章会详细介绍如何仿制。
$ P( j" W/ c0 Z5 U# x2 u4 m8 ^5 A* b/ n' U& c
# V: P: H: p' U2 g% U4 d* e+ e四、仿站有哪些步骤？
) Z3 ^3 L I+ n0 M: D) G! T4 y1.首页仿制 % s: h1 o7 Y# Z
2.其他页面仿制
( E" I5 {4 e# M; T0 A3.整合资源 * P' m; {4 |2 y* O
在接下来会详细讲解如何仿制。
, Q5 N( Q6 U6 m; B
- O$ @, c4 J$ _3 o; K% Q) R3 P
& @# I$ U/ i2 s8 K, y
8 |/ j6 N m4 V% p
1 |. R' }9 S& p- T) X$ a# a6 u6 w" ?8 a, U$ ~/ S
4 b& l4 c \5 Q8 B# M" D原文出处链接：http://www.hyzm88.com/262.html9 [6 }- U# G: {) L6 j( l
得知论坛原创作者：子墨SEO
* _3 E. e1 F9 I日期：2015-09-07
9 t6 y$ M8 e6 Z5 g; L2 B+ ~
0 P& f2 {* N9 E
5 ?! z! W2 {% ?* {仿站可以的，但是代码一定要写好！大家好，我是子墨% S- r4 d$ e* C6 k
今天教大家的是wp网站的仿制。4 L6 T2 I% q. R+ }3 Q
- x4 r+ ^( W' Q; e/ p一、仿站是什么？ 3 `4 \% y7 N( N2 @
当你看到一个网站非常漂亮，布局你很喜欢的时候，你把页面的风格和功能进行仿制，这个动作就叫仿站。
& K r, P1 {7 A
8 X( ? ?$ t) G1 I+ R
+ l) ]; |. H1 \3 X0 w) m/ X2 a) ^( g
二、是不是所有的网站都可以仿制？ 0 c" G: ~* {9 |1 U% W: Y. T1 [
显然不是，在仿站前应该做好站点的分析，应该从以下3点进行分析 % w6 h) C! A4 r
& S( J; e5 t9 S" K5 _0 X" y3 m
! ?4 I! z( e n& u. c: C8 d
1.div+css为主的网页布局
5 |' d, T, v0 s$ ?& @) G网页布局技术主要有两种：
2 j$ h& Z) n) h（1） table（表格） 代码冗余，不利于优化
) \8 e. @' K2 _1 J$ }（2）div+css 布局 目前主要的网页布局方法，不懂什么是div+css的可以到子墨的博客里面了解。 + T9 r2 R5 V2 Q
怎么看网页布局采用的是什么技术？ 3 c6 _* `5 [4 z: ]. O4 ]
/ U/ ^3 p4 u7 f; n* g
) V7 X' U% N% N! k$ |: m
技术分享：wp网站仿制
: P2 w- y" F+ Z6 }0 a# ]- s+ n: n/ S
! a7 s9 z& W9 q以子墨的网站作为示范，在网页空白处查看源代码，可以看到很多地方都出现div，那么就是采用div+css ，如果出现的是table，那么采用的就是table布局。 9 o7 Z! A5 i* M0 b3 G
8 t, \3 {8 I( p; k8 T; M: K
) y% @& z3 t- K( C
2.风格和功能预演 8 G3 k, j) J$ |3 _$ s+ x! |
什么意思呢？意思就是你要仿制的网站需要要实现70%-100%的功能，通俗讲就是：别单单看网站好看，仿制的网站其中的功能一定要能实现，不能只是形同虚设，实现了以上两点才能进行下一步。 / `1 k2 e! n- Z9 d% R
! h6 D7 b, V. j+ ^3 m
# r7 z$ ], Y2 I) J% a3.兼容性的测试。 {7 e9 c- Q! P2 V1 H
当网站实现了以上两点，接下来就是检测网站的兼容性了，比如 子墨SEO 在IE浏览器打开正常，显示正常，但是却在360或者百度浏览器出现了异常（异常情况为：网页显示不正常，乱码，偏左，偏右，布局出现混乱），这种网站就不能进行仿制。 3 U- z8 n; \1 J, P: W, m
0 O# Z [, i; j, j三、需要仿制的页面有哪些？
. a) a* T+ O( f5 p1.首页静态页面.
% ]+ i) g8 a; G4 U2.文章列表页面。
) g" o% C9 n! d3.产品展示页面
! @ p9 K+ n" N/ Q% I/ } @4文章页面（single/page） , d: \& \" L6 C8 \" ^- q
在接下的文章会详细介绍如何仿制。 - P" Y( z! d$ J0 ~3 `6 n/ | E, ^
6 q0 ^% E4 |9 Z, `6 d9 ^
- E& @/ U# v) x$ ?$ z ~4 E! U
四、仿站有哪些步骤？ " i' b) I1 B. Q3 n: C3 \
1.首页仿制 : [& A1 k& {* k& B3 G1 `
2.其他页面仿制 5 u. L, l1 c+ K" P% G
3.整合资源
' ]3 P/ y' _7 H% ]' w# H* _在接下来会详细讲解如何仿制。
* i X1 n2 h& i% ]/ _
) I# B) F' V# e
& ]3 b8 B+ ?. f! a' @/ T
9 s- j2 k6 f( B
1 C1 K4 V+ D6 i9 N& R
) Y2 p N( ~6 i) D7 B# ~
4 |0 r+ t/ ~. p' }
原文出处链接：http://www.hyzm88.com/262.html
6 C& _/ s) F/ Y2 u( o得知论坛原创作者：子墨SEO/ I' Y- l" g: C3 P
日期：2015-09-07
2 Y3 o* p6 H s( X$ {' c! z
* k' I1 s* N5 J& I1 J# v; V
8 f$ X& e# j0 p+ b长知识了
值得学习 顶 | 
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
