查看完整版本: 2.18 (周一)新手站长免费辅导培训

qiangren 2008-2-16 12:10

2.18 (周一)新手站长免费辅导培训

时间:星期一 2.18日 14:30-16点   14:30开始
主题 :新手站长免费辅导培训   
[b][color=red]QQ 群:37703685[/color][/b]
主讲人:强子,欢迎其他站长报名参加主讲

主讲内容:
网站的定位
站长建站的大概步骤
如何选一个好域名,如何管理域名。
如何挑选好的空间
html 代码应用
网页三剑客的应用技巧
如何进行上传ftp软件
站长常用软件。
如何让搜索快速收录你的网站。
放广告代码的技巧。


______
讲座规则:
1 在主讲人讲座的时候,因为qq群内人比较多,所以请勿插话。打断,询问 。
2 在讲座过程中,一般关闭qq群加人信息。所以讲座,请及时提前一点加群。
3 讲座的后一半时间是 讨论,交流时间。 请将问题,轮流提出。 同时 因为我们是草根站长群,主讲人并不能面面俱到,也希望更多站长,相互补充完善。
4 讲座完毕后一小时,我们解散qq群,为下次讲座留空。请及时备份你的资料。

我们每天举行一次 qq群讲座,
[url=http://bbs.admin5.com/forum-165-1.html]http://bbs.admin5.com/forum-165-1.html[/url]

诚征更多主讲人, 诚征更多主讲话题。 有准备做主讲人的联系qq:316290906 安排时间和主题。


讲座内容如下主 办:站长网([url=http://www.admin5.com/]www.admin5.com[/url])
讲 师:强 子 丛 仔
编辑整理:阿 磊

强子:

目前个人网站主要分为信息资讯、娱乐休闲、电子商务和互动交流四类
综合资讯类又可以分为:健康类、学习类、生活类、教育类等
娱乐休闲包括:网络游戏、文学小说、图片、音乐、电影、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日志,pop3 smtp收发信,多媒体功能,防火墙,jmail等。
还有空间限制的流量是不同的,一般都是以g/月为单位。这些数据您可以使用工具或者网站系统来检测出来。接下来要测试空间的反应速度 ,通常连接速度10ms是正常的。
在试用的过程中,如果空间总是不稳定(您可以在windows系统命令提示符下输入 ping [url=http://www.123.com/]www.123.com[/url] 其中的网址换成您的,来测试空间当前速度)
如果出现频繁打不开,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-up Language(超文本标记语言)”的缩写
主要是一种对网页进行格式化的语言,这些概念性的东西大家不需要了解得太多,提一下就行了,接下来讲重点。
元素与标签
元素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代表“列表项(list item)
该例在浏览器中将显示如下:

* 一个列表项
* 另一个列表项
与此相似的还有:

<ol>
<li>第一个列表项</li>
<li>第二个列表项</li>
</ol>

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

开始讲一下 属性
就像我们人一样,人有高矮,有帅的有丑的。这些就是人的属性。html中的标签也一样,同样存在着属性。比如,你想在网页中画一条水平线,那么,你可以用到<hr/> 这个标签。
但是,你会想,这样画出来的水平线都是一样的,我想画一条特别的怎么办呢?那么,我们就必须要使用到属性了。我们可以定义<hr/> 的高度,比如:
<hr height=1px />把水平线的高度定义为1像素高,同理,可以把水平线的宽度定义为你想要定义的宽度。每个标签都有自己的属性集,在这里就不一一例举了,大家可以参考有关的资料。
有些同学可能会问 哪些元素可以使用哪些属性啊?
不同元素使用不同的属性。

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

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

听起来这也许很令人困惑,不过一旦你熟悉了各个属性,就会感到很简单,并觉得它们很有用处。
关于各标签的属性,大家如果有什么疑问可以稍后向我提出,因为时间有限,不能为大家一一例举,标签的属性这一节很重要。

开始讲一下?? 我们上面没有提及过一个最重要的标签:<a></a>
估计大家因为都对这个标签不陌生了吧?就是我们平时在网页上常看到的超级链接标签。

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

其中的 href是<a></a>标签的属性,主要是用于定义超级连接的目标url,通常是一个因特网地址或者一个文件名。
那么,如何在同一网站的网页之间添加相互链接?

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

重点识记

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

明白其中的规则了吗?当然,如果给出完整URL也行。
有人问了,如果我要在同一个网页内做链接怎么办呢?
在这里,我们可以通过id属性和"#"符号来实现,比如:
id属性标出要被指向的元素。例如:

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

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

<head>
</head>

<body>

<p><a href="#heading1">转到标题1</a></p>
<p><a href="#heading2">转到标题2</a></p>

<h1 id="heading1">标题1</h1>
<p>一些文字。。。。</p>

<h1 id="heading2">标题2</h1>
<p>一些文字。。。。</p>

</body>

</html>
大家可以保存一下,测试一下效果
除了网页,链接还能指向什么?
我们一般在网页上,超链可以用来做email的链接

<a href="mailto:76548471@admin5.com">给[email=76548471@admin5.com]76548471@admin5.com[/email]发电子邮件</a>
与指向网页的链接的唯一区别在于:指向e-mail地址的链接必须以mailto:开头,然后紧接着写e-mail地址。当点击这个链接的时候,缺省的e-mail程序将新建一封邮件,其中的收件人地址为链接中指定的e-mail地址。注意:这一功能仅当你的计算机安装了e-mail程序后才起作用。接下来
表格
对于初学者来说,在HTML中创建表格似乎比较复杂,不过只要耐心细致地观察,你就会发现表格实际上与其它HTML元素相似,也具有严格的逻辑结构。比如
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
上面的标签在浏览器将显示如下

其中 <table>标签表示一个表格,<tr>表示表格中的一行,<td>表示表格中的一个单元格。
直观地讲:行是横向的单元格,列是从纵向的单元格。但实际上,一个表格的行列数是没有限制的。比如

<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
<td>单元格4</td>
</tr>
<tr>
<td>单元格5</td>
<td>单元格6</td>
<td>单元格7</td>
<td>单元格8</td>
</tr>
<tr>
<td>单元格9</td>
<td>单元格10</td>
<td>单元格11</td>
<td>单元格12</td>
</tr>
</table>

在浏览器中将显示如下:
单元格1 单元格2 单元格3 单元格4
单元格5 单元格6 单元格7 单元格8
单元格9 单元格10 单元格11 单元格12

表格也可以做自己的属性吗?答案是肯定的
属性border用于指定表格四周边框的厚度,如 <table border="1">我们指定表格的边框为1px

效果:

<table border="1" width="100px">

我们设置表格的边框为1px 宽度为100px
align:指定整个表格、某行或某个单元格里内容的水平对齐方式,比如左对齐、居中或右对齐。
valign:指定某个单元格里内容的垂直对齐方式,比如靠上、置中或靠下。

align和valign适用于table,tr,td
表格建立完成后,我们可以向其中插入什么东西呢?
理论上,你可以往表格中插入任何东西,诸如文本(text)、链接(links)和图像(images)等等。但是,表格是用来显示表列数据的 (也就是那些以行和列显示来体现意义的数据),因此,不要仅仅因为你想把某些内容放在一起而使用表格
表格的使用非常广泛,在html语言的初期广泛被用于页面布局,但是随着div+css技术的兴起,这种使用有所弱化
补充
在建立表格的时候,如果想把令一个单元格横跨三列,我们将使用colspan属性

<table border="1">
<tr>
<td colspan="3">单元格1</td>
</tr>
<tr>
<td>单元格2</td>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
效果如图:

如果,你想一个单元格跨越三行,那么,必须使用rowspan属性
例如:
<table border="1">
<tr>
<td rowspan="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的标签起作用,例如
<p style="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教程,将在以后的课程中一一讲解,时间有限,课程到此结束,谢谢大家!

全部教程进度计划 html学习---css学习--dedecms模版制作

[[i] 本帖最后由 qiangren 于 2008-2-18 17:45 编辑 [/i]]

小酷 2008-2-17 01:34

我是新手.我全部学;QQ:237965952

ie7 2008-2-18 10:12

一定要支持的了

jcyweb 2008-2-18 10:16

报名,报名!!!!!!!

lovekofzhz 2008-2-18 10:28

jichu

chinale2008 2008-2-18 10:43

支持是必须的~~~~~~~~~~~~~~~~

pzhwyh 2008-2-18 10:43

支持,顶起,我已经加进去了,呵呵!!

chinale2008 2008-2-18 10:49

支持是必须的 支持ADMIN5~~~

lovekofzhz 2008-2-18 10:52

路过  看下

圆月弯刀 2008-2-18 11:13

本来是要来学习的

[url]www.domainsaler.com.cn[/url]

支持一下

sinosoho 2008-2-18 12:13

安徽快站 [url]http://ahkz.com[/url] 支持

QQ390831

鱼羊小子 2008-2-18 12:52

呵呵 不错哈

2008-2-18 14:02

为什么不加我啊

风行夜客 2008-2-18 16:39

今天没赶上~!

qiangren 2008-2-18 17:33

讲座内容如下



[[i] 本帖最后由 qiangren 于 2008-2-18 17:46 编辑 [/i]]

4505180 2008-2-20 22:20

我也要从头开始学习。。。。。

wsk994 2008-3-17 23:14

我想,无论是对大家还是对我,都很有好处,至少我受益了

killfrom 2008-4-9 23:31

支持!

秋水依旧 2008-5-21 23:55

很不错,支持。

hmj0117 2008-5-22 12:31

支持是必须的
页: [1]
查看完整版本: 2.18 (周一)新手站长免费辅导培训