K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

扒皮开始[企业建站二]

12Next >

zxnb 发表于:11-01-02 17:28 编辑于:01-02 17:28 [添加收藏] 楼主 [回复] #Top#
zxnb 人气:595 积分:684 金币:8102
KC元老 灌水狂人
,使用到的工具(软件)

DREAMWEAVER
下载地址:http://www.duote.com/soft/639.html

网页编辑软件,主要用到这个软件。

PHOTOSHOP
下载地址: http://www.duote.com/soft/22659.html

美工软件,= -,扒皮嘛,要去掉人家的LOGO什么的,还要加自己的LOGO什么的。
如果被扒的站有FLASH什么的,可以用硕思软件。这里我要扒的没有,所以略过。
专业一点的兄弟,应该还有什么色鬼之类的软件,哥比较土,就用两个吧,反正扒光才是硬道理。

二,扒皮开始

打开SHOPEX网站,看了看网页源码,一眼瞄去,已然。感觉色调,布局和自己想要的差不多。内页也基本满足。

1,打开DREAMWEAVER,新建个站点。(方便路径,如果你不建站点也可以)
    1.jpg
 

     然后新建images,CSS(文件夹),index.html (文件)
     PS:暂时只建这三个东东,把首页扒下来,列表页,内页基本上也就完成了。IMAGES和CSS是两个文件夹,一个放图片,一个放网站样式表,这是扒皮的好习惯,- -,上班快一年了,做宁波在线基本上用的是论坛默认模版,手有点生了,动作不快,我是一边扒一边写文章的,不像有些人,出了成品再写文章。。。。。。

2,扒首页。首页文件,样式表,图片

     右键单击SHOPEX首页,把HTML代码复制到INDEX.HTML里.
       2.jpg
 

      
     现在一般建站都是用DIV+CSS布局的, INDEX.HTML是网页文件,这样直接复制代码,显示打开的布局是乱的.
     看上图,用红框标出来的,就是CSS了,样式表,控制网页里的样式.
  1. /css/bridgecss.css
复制代码
横杠是根目录的意思,汗,我咋感觉像在写扒皮教程呢.动作还是快点吧.自己的想做扒皮的"相对路径和绝对路径".
  1. http://www.shopex.cn/css/bridgecss.css
这个是实际路径.
    下载下来打开一看,丫里面还有四个CSS呢.
  1. @import "nav.css";
  2. @import "common.css";
  3. @import "main.css";
  4. @import "rounded.css";
继续一个一个下载下来,看路径,这些全放到CSS文件夹里(前面建过了。)

记得把首页文件里的 /css/bridgecss.css 最前面那个/去掉。
这样打开网页。
QQ截图未命名.jpg
 


哈哈,框架都在了。该哪呆着就哪呆着。基本上没什么变。为什么图片不显示?我们只扒了首页和CSS,图片还没下载来呢。不要急,一步一步来。

网站同步更新:http://www.zxnb.com/thread-2426-1-1.html
zxnb 发表于:11-01-02 17:29 沙发 [回复] #Top#
zxnb 人气:595 积分:684 金币:8102
KC元老 灌水狂人
上面那样式都在了,就是图片没有显示。

这些缺失的图片在哪里找呢?

CSS,它控制着网页的框架,多数网站把一些背景图片之类的都会放到CSS文件里。

所以打开你刚下载来的几个CSS文件。

1.jpg 
红色框出来的,就是它了。
  1. ../images/navbg.gif
这个是相对路径。
在SHOPEX上的路径是
  1. http://www.shopex.cn/images/navbg.gif
右键另存为到之前建的IMAGES文件夹里。

= -,SHOPEX的网站制作员太遵守标准了,看来好的习惯可以让扒皮少很多步骤啊。如果他用的图存放文件夹不是IMAGES,或是很多,一样的步骤,在CSS里把图片另存到你建的IMAGES文件夹里,用DREAMWEAVER 批量替换一下就可以了。

好了,把全部图片存下后的样子。

QQ截图未命名2.jpg 看吧,和官网已经差不多了吧。
图片上还没显示的图片或打叉的,这些图片不是在CSS里的,是在网页本身插入的。把这些图片也复制下来。

OK。。

QQ截图未命名3.jpg

这个是我们保存了  首页文件,图片,CSS样式后的网页了。

看完后有一个问题,SHOPEX首页有会动的FLASH图片切换喔。有两处,一个是大图,还有一个是右侧的小图。

这两个可能是用JS调用图片循环播放的,接下来就搞这个。
zxnb 发表于:11-01-02 17:30 板凳 [回复] #Top#
zxnb 人气:595 积分:684 金币:8102
KC元老 灌水狂人
图片检查,以及JS图片切换动态效果。
QQ截图未命名4.jpg 

图片检查,以及JS图片切换动态效果。

基本上首页已经扒下来了。

- -。 这个还是比较容易的。因为SHOPEX的程序员在制作过程中的习惯很好,导致扒皮也很好扒。

其实在网站上没有说扒不下来的设计。

即便你把网页右键查看源码给禁止了,即便你做了什么JS防下载的。

实在不行,哥用相机拍下来,再用PS做下皮肤呗,只是烦碎了些。

像一些图片动态效果就可以用其它替换了,推荐一个网站“懒人图库”里面的一些素材还不错的。
toymen 发表于:11-01-02 18:48 4楼 [回复] #Top#
toymen 人气:518 积分:3458 金币:23864
KC元老
不建议大家去扒,仿倒可以。

气象万千 发表于:11-01-02 20:10 5楼 [回复] #Top#
气象万千 人气:140 积分:988 金币:4255
KC元老
支持原创和奉献。
nb 发表于:11-01-02 20:43 6楼 [回复] #Top#
nb 人气:19 积分:1000 金币:2345
技术贴。。希望LZ能持续更新。。大笑
zxnb 发表于:11-01-02 21:20 7楼 [回复] #Top#
zxnb 人气:595 积分:684 金币:8102
KC元老 灌水狂人
Reply: 6楼

- -,持续更新ING。。。
lzze 发表于:11-01-02 23:17 8楼 [回复] #Top#
lzze 人气:9 积分:937 金币:11253
好久没扒了,看了你的帖子又想扒了
ace 发表于:11-01-03 10:50 9楼 [回复] #Top#
ace 人气:86 积分:465 金币:11862
感觉不如自己写省事呢...
dl5541 发表于:11-01-05 11:18 10楼 [回复] #Top#
dl5541 人气:65 积分:4106 金币:11670
我仔细看了,学习中,可是后面的没学会,怎么扒js轮显和flash效果?

12Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号