账号通
    

账号  

密码  

2328

查看

3

回复
主题:[分享]科讯新手一步一步做网站之主页模仿秀第一讲首页的模仿 [收藏主题] 转到:  
mzhycy 当前离线

15

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:37 分
登录次数:10 次
注册时间:2011/9/7
最后登录:2011/10/23
mzhycy 发表于:2011/10/23 13:56:55   | 只看该作者 查看该作者主题 楼主 

新手做站,往往无从入手,其实科讯做新网站入手快,操作简单,只要稍微懂点web编程,均可以打造出一款非常专业的相关网站。本人不懂什么编程,一切都是拿来主义。首先,你喜欢什么样的网站,就选定你喜欢的网站先把它另存为(网页,全部格式)即文件---另存为----(网页,全部)。本例以www.haogu178.com为例详细讲解。

第一步,打开www.haogu178.com.

第二步:文件----另存为----(网页,全部(*.htm*.html))。 

第三步:在本地用Adobe Dreamweaver或其他网页编辑器打开储存的index.htm文件。查看此文件的格式。看其文件头部css;js文件在哪些目录;然后新建一文件夹,建立css,js文件夹,将本机www.haogu178.com文件夹中的css,js文件依次考入新建文件夹中的css,js文件夹中;

www.haogu178.com的文件头部信息:

<link href="/Css/Index.css" rel="stylesheet" type="text/css" />

<link href="/css/finance2010.css?v=11" rel="stylesheet" type="text/css" />

<script src="/js/index_hq.js" type="text/javascript"></script>

<script src="/js/scrollpic.js" type="text/javascript"></script>

<script type="text/javascript" src="/js/function-min.js"></script>

<base target="_blank" />

</head>

第四步:看主页包含的图片,flash在哪个文件夹中,并在新建文件夹中建立相应的目录,将图片,flash粘贴到相应目录。

<a href="http://www.haogu178.com" target="_self"><img src="/images/logo.png" border="0"

说明图片文件夹在根目录images/下

做到这一步。主页所需文件的目录基本清晰,接下来,我们要根据结构来清空原有主页的内容,建立一个空模板。具体步骤如下:

第五步,把index.html文件考入新建的文件夹,用Adobe Dreamweaver打开此文件,此时文件内容与所选网站主页内容一模一样。现在拿本站视点观点为例,经行改造。先用编辑-查找替换功能找到本站视点,其代码如下:

<div class="titleTxt">

<b class="icoT"></b>

<span class="tit"><a href="/?list-1383.html">本站视点</a></span>

</div>

其中本站视点可以改为你想要的标题,超链接先保留,将来根据你的连接替换;

接下来往后看,我们会发现此栏目有一行加粗字体大的标题连接,四行小字体的标题连接。按照科讯的标签原理,这个栏目用了两个标签,一个大字体显示,一个小字体显示,找到大字体显示的代码:

<h3><ul><table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">

<tr><td height="20">

<a href="http://www.haogu178.com/?thread-7742-1.html" title="欧美股市21日强劲上扬">欧美股市21日强劲上扬</a>

<a href="http://www.haogu178.com/?thread-7743-1.html" title="温家宝防止欧债危机进一步蔓延">温家宝防止</a></td></tr></table>

</ul></h3>

我们看到它们在<h3></h3>之间显示,将<h3></h3>之间内容清空,加上{大标题显示标签}为自己将来添加

标签留下位置。

接下来找到4行小字体显示的源文件;

<ul>

<li>

<a href="http://www.haogu178.com/?thread-7742-1.html" title="欧美股市21日强劲上扬">欧美股市21日强劲上扬</a>

<a href="http://www.haogu178.com/?thread-7743-1.html" title="温家宝防止欧债危机进一步蔓延">温家宝防止欧债危机进一步蔓延</a>

<a href="http://www.haogu178.com/?thread-7744-1.html" title="沪指再创新低 下周市场的五大猜想">沪</a></li><li><a href="http://www.haogu178.com/?thread-7745-1.html" title="三年期央票利率意外下降一个基点">三年期央票利率意外下降一个基点</a>

<a href="http://www.haogu178.com/?thread-7746-1.html" title="央票利率微降 释放紧缩中止信号">央票利率微降&nbsp;释放紧缩</a></li><li><a href="http://www.haogu178.com/?thread-7428-1.html" title="四大利空因素致A股大跌">四大利空因素致A股大跌</a>

<a href="http://www.haogu178.com/?thread-7429-1.html" title="沪指创31个月新低 周五市场如何运行">沪指创31个月新低&nbsp;周五市场如何运</a></li><li><a href="http://www.haogu178.com/?thread-7430-1.html" title="四大利空因素影响 A股再现"坑爹"行情">四大利空因素影响 A股再现"坑爹"行情</a>

<a href="http://www.haogu178.com/?thread-7431-1.html" title="中国水电再度暴跌 上市三日即破发">中国水电再度暴跌</a></li>

</ul>

我们看到它们在<ul>与</ul>之间显示,清除<ul>与</ul>内的所有文字,用{四行显示标签}代替。

这样一处理,本站视点就变成了干干净净的一个栏目框,只要你在标记的位置填入你将来要填的标签,此栏目就是你想要显示的栏目了。

以此类推,将每一个栏目的内容清空,在放入标签的位置做上标记,不用半小时,你所心仪的首页模板就出来了。怎么样?对新手还是有帮助的吧?

做完这一步,接下来我们要做的是头部、底部、栏目页、内容页、查询页等的建立,怎么做呢?下回再说



 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zl458767120 当前离线

590

主题

0

广播

0

粉丝
添加关注
级别:五年级

用户积分:413 分
登录次数:26 次
注册时间:2011/9/16
最后登录:2011/10/25
zl458767120 发表于:2011/10/23 14:03:17   | 只看该作者 查看该作者主题 沙发 
科汛在线商城系统(NET)
对不起,该用户所发的帖已全被锁定!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chaiyuan2008 当前离线

151

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:186 分
登录次数:26 次
注册时间:2011/5/23
最后登录:2012/6/13
chaiyuan2008 发表于:2011/10/24 0:07:56   | 只看该作者 查看该作者主题 藤椅 
对不起,该用户所发的帖已全被锁定!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
guoxiaoqing123 当前离线

801

主题

0

广播

0

粉丝
添加关注
级别:六年级

用户积分:543 分
登录次数:63 次
注册时间:2011/8/24
最后登录:2011/12/14
guoxiaoqing123 发表于:2011/10/24 9:21:16   | 只看该作者 查看该作者主题 板凳 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.12695秒 powered by KesionCMS 9.0