网站培训一
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南建站经验→网站培训一

网站培训一
网站培训一

目前个人网站主要分为信息资讯、娱乐休闲、电子商务和互动交流四类

综合资讯类又可以分为:健康类、学习类、生活类、教育类等

娱乐休闲包括:网络游戏、文学小说、图片、音乐、电影、FLASH和移动增值WAP等

电子商务主要是:个人购物商店、信息交易平台服务等

互动类:如交友网站、博客网站、论坛、分类信息网站等

根据我这几年的建站经验来看:

第一做网站要小而精,避免大而全,主题要鲜明,目标要明确。

网站小而精是对网站的整体内容要把握好,比如做商务交易网,可以选一个花卉商务网(下面还可以细分菊花商务网,百合商务网等等),服装商务网,食品商务网,避免来个信息大全网站,狠不得360行,行行都覆盖到,对于一个新手来说,这样做是不科学的。

第二一定要选一个你自己感兴趣的主题来做

如果你对自己选择的行业都不感兴趣的话,如果在某个时间段类达不到你的预期效果,可能你就会对你的网站整个经营管理失去信心。,最后发展的结果是可想而知的。

第三黄色色情赌博等国家不允许的网站千万不要做

不要报有任何侥兴心理,如果您非做不可的话,结果一定会引火自焚,得不偿失。

域名的选择提供以下几个方面做为参考:

域名的后缀 目前做域名可以选择的后缀的有.com;.net; .cn; con.cn; .cc; .la; gov.cn; .org.cn ;等

个人建议注册时最好选择.com的后缀,因为同样的域名比如265.com ,265.net 265.cn .com商业价值最大尽管现在的.cn域名很便宜

如果非选不可除非你选择的域名很有创意,将来升值的空间很大。

域名的定义现在注册域名以拼音域名具多,比如xiaoyouxi.com,tupian.com,xiaoshuo.com还有比较好的的是数字域名,比如265.com不管是哪类域名选择尽量与您的确定的主题一致。

如何选择好的域名代理商

一定要选一个比较专业一点,知名度比较高的代理商,如果只贪图价格便宜以后域名过户,续费都不方便,甚至改续费了都找不到人

站长建站的大概步骤

确定主题-利用网页设计工具制作网站-购买域名-购买空间-FTP上传空间-预览效果 - 完成

前面几个步骤可以同时做,不一定要有个先后次序

如何挑选好的空间呢

在选择空间前,很多空间商都可以试用的,服务器系统unix对于php语言的网站支持比较好,windows和nt则对asp支持比较好,cpu一定是双的了除非是独立主机,内存ddr至少上1G,这是最基本的硬件配置。

在软件上它是否提供ftp,web日志,pop3smtp收发信,多媒体功能,防火墙,jmail等。

还有空间限制的流量是不同的,一般都是以g/月为单位。这些数据您可以使用工具或者网站系统来检测出来。接下来要测试空间的反应速度,通常连接速度10ms是正常的。

在试用的过程中,如果空间总是不稳定(您可以在windows系统命令提示符下输入ping www.123.com其中的网址换成您的,来测试空间当前速度)

如果出现频繁打不开,ftp不能连接,网页报错500错误代码等一些不正常现象,及时联系空间商解决,这些小问题1小时之内足以解决。如果不是你该考虑更换空间服务商了。因为空间上放着您的网站,他如果出问题就好比您的店面关门,频繁的关门谁还去你家店?

所以空间的选择非常的重要,在刚建好网站时应该是空间已经确定好了,不然日后做了推广,访问量上来了,搜索引擎收录了您很多页,一下子您需要更换空间了,将来会很麻烦

前言部分完了,请丛仔主讲html代码应用,网页三剑客的应用技巧

丛仔:

大家好,在学习html语言之前,请大家准备好简单的记事本程序,大家可以在讲课的过程中进行调试。基于这里的都是新站长,我会在html基础这方面讲得详细一点

给大家说一说这次讲课的内容提要

1.HTML是什么?
2.元素与标签是什么
3.制作第一个网站
4.学习标签
5.标签属性
6.超级链接学习
7.图像
8.表格的高级特性
9.CSS样式
10.上传网页
11.Web标准及验证(暂时不需要太深入了解)

开始讲第一节

HTML是什么?

如果你要制作网站的话,学习HTML是不可避免的。即使你用Dreamweaver等工具来制作网站,了解基本的HTML知识也会令你在网站制作过程中倍感轻松,并有利于制作出更好的网站。

我们平时常常看到的html语言是HyperText Mark-upLanguage(超文本标记语言)”的缩写

主要是一种对网页进行格式化的语言,这些概念性的东西大家不需要了解得太多,提一下就行了,接下来讲重点。

元素与标签

元素element是html的重要成分,元素用于结构化HTML文档,并告知浏览器如何呈现网页,一般来说,元素是由首标签+内容+尾标签来构成的。

例如:<p>段落内容</p>这样就构成了一个元素,在html语言中主要代表一个段落

在这里有些学习朋友可能会问,首标签和尾标签总是必须的吗?

回答是否定的,即有此元素是没有尾标签的。比如<br/>这个元素,<br/>元素表示的是换行的意思。我们可以对比一下

<p>段落内容</p>与内容<br/>

注意,标签中的字母正确写法是采用小写字母,大多数浏览器不介意标签是大写还是小写,或者混合大小写。所以<HTML>、<html>或<HtMl>在浏览器上的显示效果都一样。但是,正确的写法是采用小写字母来书写标签。所以,要养成用小写字母书写标签的习惯。

有些同学问,那么标签应该放在哪里?

我们应该在html的文档里书写标签,你可以用记事本程序建立一个简单的空.txt文件,然后把扩展改为.html即可。讲了上面这些简单的html内容,大家应该都想试着运用一下html标签了吧?大家可以跟着我做,开始菜单→程序→附件→记事本。HTML简单易学。浏览器读HTML就跟你读书一样,也是从上往下,从左到右进行的。所以,HTML文档的开始和结束便对应于网页的头和尾。所以,在做所有其他事之前,先在记事本的第一行敲入<html>。也许你记得前面课程中我们说过,这里的<html>是首标签,在HTML文档结尾处必须有相应的尾标签与之对应。好的,为了防止最后忘记写这个尾标签,我们现在就输入</html>。

下面,我们需要为HTML文档写一个“头部(head)”,它提供关于当前文档的信息;然后写一个“主体(body)”,它提供文档的内容。HTML最重要的就是简单——在这里,我们只需把头部<head></head>放到<body>和</body>中间。大概的代码如下

<html>
<head>
</head>
<body>
</body>
</html>

上面这个文档便构成了你的第一个网站——它只包含一个网页,而且内容很单调,可能与你的想象相去甚远,但在一定程度上它仍是一个网站。你可以将它用作其他HTML文档的基本模版。

但我如何添加更多内容?   

HTML文档有两个部分:头部(head)和主体(body)。你在头部(head)提供关于网页的信息,你在主体(body)部分提供网页的具体内容。

比如,如果你要指定HTML文档的网页标题(title)(它将显示在浏览器窗口顶部),你就要在头部(head)提供有关信息。用<title>标题内容</title>

注意,网页标题(title)不是显示在网页里,而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在body元素里。

比如,我们要在网页里显示“这是我的第一个网站。”这行文字,它属于主体(body)部分,所以我们在body元素里输入:

<p>这是我的第一个网站。</p>

代码如下:
<html>
<head>
<title>我的第一个网站</title>
</head>
<body>
<p>哇!这是我的第一个网站。</p>
</body>
</html>

现在打开浏览器:

* 在“文件”菜单下选择“打开”。
* 在弹出的对话框中点击“浏览”按钮。
* 现在,请找到你的HTML文档,然后点击“打开”。你刚刚建立的html文件

这时,浏览器中应显示“哇!这是我的第一个网站。”。恭喜!,你已经成功了
如果大家需要高级的编程类教程,以后会增加的。好的,继续
刚才给大家讲了html文档的基本结构,现在开始对基本结构进行扩展。
学习网页的最重要部分,元素。
现在给大家讲7个比较有代表性的元素

第一个:<b>内容加粗</b>
与此相以用法的格式化标签有:<i>内容</i>作用:文本设为斜体
Html标签需要大家反复的练习
前面提到过的标签<br />和<p></p>在这里要重点提一下
<br/>是实现换行的标签,而<p></p>是实现段落效果的标签
很多学习者会因为这里个标签的显示效果差不多而有所混淆,大家重点识记一下

比如:写一些文字<br/>重起一行再写一些文字
<p>这里面是一个段落<br/>重起一行再写一些文字</p>

接下来一个跟<br/>相类拟的标签<hr/>它的作用是画一条水平线。
这个提一提即可,接下来非常常用的标签
<ul>
<li>一个列表项</li>
<li>另一个列表项</li>
</ul>
上面我们元素把多个列表项组织为一个列表,其中的li代表“列表项(listitem)

该例在浏览器中将显示如下:
* 一个列表项
* 另一个列表项

与此相似的还有:
<ol>
<li>第一个列表项</li>
<li>第二个列表项</li>
</ol>

上面<ul></ul>我们称为无序列表;<ol></ol>我们称为有序列表

开始讲一下 属性

就像我们人一样,人有高矮,有帅的有丑的。这些就是人的属性。html中的标签也一样,同样存在着属性。比如,你想在网页中画一条水平线,那么,你可以用到<hr/>这个标签。

但是,你会想,这样画出来的水平线都是一样的,我想画一条特别的怎么办呢?那么,我们就必须要使用到属性了。我们可以定义<hr/>的高度,比如:

<hr height=1px/>把水平线的高度定义为1像素高,同理,可以把水平线的宽度定义为你想要定义的宽度。每个标签都有自己的属性集,在这里就不一一例举了,大家可以参考有关的资料。

有些同学可能会问?哪些元素可以使用哪些属性啊?

不同元素使用不同的属性。

有些元素(比如body等)被添加属性的机会比较大,而有些元素(比如br等)则较小、甚至不会被添加属性。

HTML里有很多元素,同样也有很多属性。有些属性仅用于个别元素,有些属性可用于很多元素。反之亦然:有些元素只能使用个别属性,有些元素可以使用较多的属性。

听起来这也许很令人困惑,不过一旦你熟悉了各个属性,就会感到很简单,并觉得它们很有用处。

关于各标签的属性,大家如果有什么疑问可以稍后向我提出,因为时间有限,不能为大家一一例举,标签的属性这一节很重要。

开始讲一下我们上面没有提及过一个最重要的标签:<a></a>

估计大家因为都对这个标签不陌生了吧?就是我们平时在网页上常看到的超级链接标签。

给大家举一下例子<ahref="/">这是一个指向admin5.com的链接</a>

其中的href是<a></a>标签的属性,主要是用于定义超级连接的目标url,通常是一个因特网地址或者一个文件名。

那么,如何在同一网站的网页之间添加相互链接?

如果你要在同一网站的不同网页间做链接,那就不必拼写出网页的完整URL。举个例子,假如你有两个网页(比如说page1.htm和page2.htm),而且它们被存放在同一个文件夹中,那么你在做链接的时候,只要写出文件名就行了。这样,page1.htm到page2.htm的链接将如下所示:<ahref="page2.htm">点击这里转到第2页</a>

如果page2.htm被放在下一级文件夹中(比如“subfolder”),那么链接将是这样:

<ahref="subfolder/page2.htm">点击这里转到第2页</a>

反过来,从page2.htm(在下级文件夹中)到page1.htm的链接将是这样:

<ahref="../page1.htm">转到第1页</a>

重点识记

“../”代表当前位置(即该链接所在文件所处的文件夹)的上一级文件夹。同理,当前位置的上上级文件夹可用“../../”表示。

明白其中的规则了吗?当然,如果给出完整URL也行。

有人问了,如果我要在同一个网页内做链接怎么办呢?

在这里,我们可以通过id属性和"#"符号来实现,比如:

id属性标出要被指向的元素。例如:

<h1id="heading1">标题1</h1>

然后通过在链接中利用“#”来指向那个元素。“#”后面必须紧跟着一个id属性的值,表明链接指向该id属性被定义的地方。例如:<ahref="#heading1">转到标题1</a>

这里比较抽象,我们来看一个例子

<html>
<head>
</head>
<body>
<p><ahref="#heading1">转到标题1</a></p>
<p><ahref="#heading2">转到标题2</a></p>
<h1id="heading1">标题1</h1>
<p>一些文字。。。。</p>
<h1id="heading2">标题2</h1>
<p>一些文字。。。。</p>
</body>
</html>

大家可以保存一下,测试一下效果

除了网页,链接还能指向什么?

在建立表格的时候,如果想把令一个单元格横跨三列,我们将使用colspan属性

<table border="1">
<tr>
<tdcolspan="3">单元格1</td>
</tr>
<tr>
<td>单元格2</td>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>

效果如图:

如果,你想一个单元格跨越三行,那么,必须使用rowspan属性

例如:

<table border="1">
<tr>
<tdrowspan="3">单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
</tr>
</table>

效果如图:

接下来,给大家讲一下,页面布局的终极武器(css)

因为css内容繁多,在这里给大家简单的指导一下。

我们现在流行的网页设计,基本上都是使用css来进行页面布局的,除了少部分使用表格来进行布局,这也算是html中的一部份。

CSS--级联样式表(Cascading Style Sheets)

CSS是HTML的搭档。在编码过程中,它们发挥不同的作用:HTML负责网页的具体内容(结构),而CSS则修饰网页的表现形式(布局)。

css我们有几种的使用方法

第一:单独建立一个css样式文件,然后,在网页上进行调用,也即外链。这样,一个css样式文件就可以给多个网页进行调用了。以后,如果你想修改几个页面中同一个元素的格式,那么,你只需要修改css文件中的定义就可以了。这样可以省去很多修改的工作量。

第二:给一个单独的页面建立css样式,这种css样式并不像第一种是以一个文件的形式存在,而是包含在页面的html代码中。这样的css只有在当前页面中起作用。

第三:给标签应用css样式,这样的css只对当前使用css的标签起作用,例如

<pstyle="font-size:20px;">这里的文字大小为20</p>

上面的 style="font-size:20px;"即为<p>的css代码,定义文字大小为20px。

你是不是觉得 style="font-size:20px;"很像是标签的属性呢?

其实我们这可以这样理解,只不过,这个属性是以css语法来进行定义的。

再看一下例子,让大家看看区别

<p style="font-size:20px;font-family:黑体;">这里是文字大小为20、采用黑体的文字</p>

style="font-size:20px;font-family:黑体;"定义了大小为20、采用黑体的文字。

以上是三种css的调用方式

第一种,示例

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

第二种,示例

<html>
<head>
<title>我的第一个CSS页面</title>
<style type="text/css">
h1 {font-size:30px; font-family:宋体;}
h2 {font-size:15px; font-family:黑体;}
p {font-size:8px; font-family:"隶书";}
</style>
</head>
<body>
<h1>我的第一个CSS页面</h1>
<h2>欢迎参观我的第一个CSS页面</h2>
<p>你可以在这里了解CSS的原理</p>
</body>
</html>

这里是最基本的css调用,更加详细的css教程,将在以后的课程中一一讲解,时间有限,课程到此结束,谢谢大家!

好了 这篇文章 对新人来说 还是比较有意义的老鸟就闪过把。。。

 

转自http://hi.baidu.com/microkylin/blog/item/2764d1dfb78f6f17632798d5.html

所属分类:建站指南建站经验    作者:新浪博客    时间:2010-11-20 0:00:00

文章导航