18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 建站知识 > 新手站长免费辅导培训讲课记录(一) 免费分享与

新手站长免费辅导培训讲课记录(一) 免费分享与

时间:2022-07-06 14:00:01 | 来源:建站知识

时间:2022-07-06 14:00:01 来源:建站知识

大家好,上海SEO(SWJ),今天与大家分享一份ADMIN5站长网举办的 新手站长免费辅导培训系列讲座(一)的记录。
如果您觉得 看文章比较累 那么你可以下载后 慢慢看 下载地址:点我下载
原文如下:

主 办:站长网(/)
讲 师:强 子 丛 仔
编辑整理:阿 磊

强子:

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

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

娱乐休闲包括:网络游戏、文学小说、图片、音乐、电影、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 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-up Language(超文本标记语言)”的缩写

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

元素与标签

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

例如:

段落内容

这样就构成了一个元素,在html语言中主要代表一个段落

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

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

段落内容

与内容

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

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

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

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






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

但我如何添加更多内容?   

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

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

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

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

这是我的第一个网站。

代码如下:


我的第一个网站


哇!这是我的第一个网站。



现在打开浏览器:

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

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

第一个:内容加粗
与此相以用法的格式化标签有:内容 作用:文本设为斜体
Html标签需要大家反复的练习
前面提到过的标签

在这里要重点提一下

是实现换行的标签,而

是实现段落效果的标签
很多学习者会因为这里个标签的显示效果差不多而有所混淆,大家重点识记一下

比如:写一些文字
重起一行再写一些文字

这里面是一个段落
重起一行再写一些文字



接下来一个跟
相类拟的标签


它的作用是画一条水平线。
这个提一提即可,接下来非常常用的标签


上面我们元素把多个列表项组织为一个列表,其中的li代表“列表项(list item)

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

与此相似的还有:

    1. 第一个列表项
    1. 第二个列表项

上面我们称为无序列表;我们称为有序列表

开始讲一下 属性 

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


这个标签。

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


的高度,比如:


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

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

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

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

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

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

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

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

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

给大家举一下例子这是一个指向admin5.com的链接

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

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

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

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

点击这里转到第2页

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

转到第1页

重点识记

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

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

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

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

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

标题1

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

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





转到标题1

转到标题2

标题1

一些文字。。。。

标题2

一些文字。。。。





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

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

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

单元格1
单元格2单元格3单元格4

效果如图:

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

例如:

单元格1单元格2
单元格3
单元格4

效果如图:

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

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

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

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

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

css我们有几种的使用方法

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

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

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

这里的文字大小为20

上面的 style="font-size:20px;" 即为

的css代码,定义文字大小为20px。

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

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

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

这里是文字大小为20、采用黑体的文字

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

以上是三种css的调用方式

第一种,示例

第二种,示例



我的第一个CSS页面




我的第一个CSS页面

欢迎参观我的第一个CSS页面

你可以在这里了解CSS的原理



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

 好了 这篇文章 对新人来说 还是比较有意义的 老鸟就闪过把。。。
 明天就由上海SEO(SWJ) 来为大家演讲 主题为:SEO优化技巧
本文转自:上海SEO

关键词:免费,记录,培训,新手,辅导

74
73
25
news

版权所有© 亿企邦 1997-2022 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭