|
主题:[分享]科讯新手一步一步做网站之主页模仿秀第一讲首页的模仿 [收藏主题] | 转到: |
新手做站,往往无从入手,其实科讯做新网站入手快,操作简单,只要稍微懂点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" /> 第四步:看主页包含的图片,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"> 其中本站视点可以改为你想要的标题,超链接先保留,将来根据你的连接替换; 接下来往后看,我们会发现此栏目有一行加粗字体大的标题连接,四行小字体的标题连接。按照科讯的标签原理,这个栏目用了两个标签,一个大字体显示,一个小字体显示,找到大字体显示的代码: <h3><ul><table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> 我们看到它们在<h3></h3>之间显示,将<h3></h3>之间内容清空,加上{大标题显示标签}为自己将来添加 标签留下位置。 接下来找到4行小字体显示的源文件; <ul> 我们看到它们在<ul>与</ul>之间显示,清除<ul>与</ul>内的所有文字,用{四行显示标签}代替。 这样一处理,本站视点就变成了干干净净的一个栏目框,只要你在标记的位置填入你将来要填的标签,此栏目就是你想要显示的栏目了。 以此类推,将每一个栏目的内容清空,在放入标签的位置做上标记,不用半小时,你所心仪的首页模板就出来了。怎么样?对新手还是有帮助的吧? 做完这一步,接下来我们要做的是头部、底部、栏目页、内容页、查询页等的建立,怎么做呢?下回再说
|
|
支持(0) | 反对(0) 顶端 底部 |
zl458767120 发表于:2011/10/23 14:03:17 | 只看该作者 查看该作者主题
沙发
|
|
支持(0) | 反对(0) 顶端 底部 |
chaiyuan2008 发表于:2011/10/24 0:07:56 | 只看该作者 查看该作者主题
藤椅
|
|
支持(0) | 反对(0) 顶端 底部 |
guoxiaoqing123 发表于:2011/10/24 9:21:16 | 只看该作者 查看该作者主题
板凳
|
|
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |