新手站長免費(fèi)輔導(dǎo)培訓(xùn)講課記錄(一) 免費(fèi)分享與

時(shí)間：2022-07-06 14:00:01 | 來源：建站知識(shí)

時(shí)間：2022-07-06 14:00:01 來源：建站知識(shí)

大家好，上海SEO（SWJ），今天與大家分享一份ADMIN5站長網(wǎng)舉辦的 新手站長免費(fèi)輔導(dǎo)培訓(xùn)系列講座（一）的記錄。
如果您覺得 看文章比較累 那么你可以下載后 慢慢看 下載地址：點(diǎn)我下載
原文如下：

主 辦：站長網(wǎng)（/）
講 師：強(qiáng) 子 叢 仔
編輯整理：阿 磊

強(qiáng)子：

目前個(gè)人網(wǎng)站主要分為信息資訊、娛樂休閑、電子商務(wù)和互動(dòng)交流四類

綜合資訊類又可以分為：健康類、學(xué)習(xí)類、生活類、教育類等

娛樂休閑包括：網(wǎng)絡(luò)游戲、文學(xué)小說、圖片、音樂、電影、FLASH和移動(dòng)增值WAP等

電子商務(wù)主要是：個(gè)人購物商店、信息交易平臺(tái)服務(wù)等

互動(dòng)類：如交友網(wǎng)站、博客網(wǎng)站、論壇、分類信息網(wǎng)站等

根據(jù)我這幾年的建站經(jīng)驗(yàn)來看：

第一 做網(wǎng)站要小而精，避免大而全，主題要鮮明，目標(biāo)要明確。

網(wǎng)站小而精是對(duì)網(wǎng)站的整體內(nèi)容要把握好，比如做商務(wù)交易網(wǎng)，可以選一個(gè)花卉商務(wù)網(wǎng)（下面還可以細(xì)分菊花商務(wù)網(wǎng)，百合商務(wù)網(wǎng)等等），服裝商務(wù)網(wǎng)，食品商務(wù)網(wǎng)，避免來個(gè)信息大全網(wǎng)站，狠不得360行，行行都覆蓋到，對(duì)于一個(gè)新手來說，這樣做是不科學(xué)的。

第二 一定要選一個(gè)你自己感興趣的主題來做

如果你對(duì)自己選擇的行業(yè)都不感興趣的話，如果在某個(gè)時(shí)間段類達(dá)不到你的預(yù)期效果，可能你就會(huì)對(duì)你的網(wǎng)站整個(gè)經(jīng)營管理失去信心。，最后發(fā)展的結(jié)果是可想而知的。

第三 黃色色情賭博等國家不允許的網(wǎng)站千萬不要做

不要報(bào)有任何僥興心理，如果您非做不可的話，結(jié)果一定會(huì)引火自焚，得不償失。

域名的選擇 提供以下幾個(gè)方面做為參考：

域名的后綴 目前做域名可以選擇的后綴的有.com; .net; .cn; con.cn; .cc; .la; gov.cn; .org.cn ;等

個(gè)人建議注冊(cè)時(shí)最好選擇.com的后綴，因?yàn)橥瑯拥挠蛎热?265.com ,265.net 265.cn .com商業(yè)價(jià)值最大 盡管現(xiàn)在的.cn域名很便宜

如果非選不可除非你選擇的域名很有創(chuàng)意，將來升值的空間很大。

域名的定義 現(xiàn)在注冊(cè)域名以拼音域名具多，比如xiaoyouxi.com，tupian.com，xiaoshuo.com 還有比較好的的是數(shù)字域名,比如265.com 不管是哪類域名選擇盡量與您的確定的主題一致。

如何選擇好的域名代理商

一定要選一個(gè)比較專業(yè)一點(diǎn)，知名度比較高的代理商，如果只貪圖價(jià)格便宜 以后域名過戶，續(xù)費(fèi)都不方便，甚至改續(xù)費(fèi)了都找不到人

站長建站的大概步驟

確定主題-利用網(wǎng)頁設(shè)計(jì)工具制作網(wǎng)站-購買域名-購買空間-FTP上傳空間- 預(yù)覽效果 - 完成

前面幾個(gè)步驟可以同時(shí)做，不一定要有個(gè)先后次序

如何挑選好的空間呢

在選擇空間前，很多空間商都可以試用的，服務(wù)器系統(tǒng)unix對(duì)于php語言的網(wǎng)站支持比較好，windows和nt則對(duì)asp支持比較好，cpu一定是雙的了除非是獨(dú)立主機(jī)，內(nèi)存ddr至少上1G，這是最基本的硬件配置。

在軟件上它是否提供ftp，web日志，pop3 smtp收發(fā)信，多媒體功能，防火墻，jmail等。

還有空間限制的流量是不同的，一般都是以g/月為單位。這些數(shù)據(jù)您可以使用工具或者網(wǎng)站系統(tǒng)來檢測出來。接下來要測試空間的反應(yīng)速度 ，通常連接速度10ms是正常的。

在試用的過程中，如果空間總是不穩(wěn)定(您可以在windows系統(tǒng)命令提示符下輸入 ping www.123.com 其中的網(wǎng)址換成您的，來測試空間當(dāng)前速度)

如果出現(xiàn)頻繁打不開，ftp不能連接，網(wǎng)頁報(bào)錯(cuò)500錯(cuò)誤代碼等一些不正常現(xiàn)象，及時(shí)聯(lián)系空間商解決，這些小問題1小時(shí)之內(nèi)足以解決。如果不是你該考慮更換空間服務(wù)商了。因?yàn)榭臻g上放著您的網(wǎng)站，他如果出問題就好比您的店面關(guān)門，頻繁的關(guān)門誰還去你家店？

所以空間的選擇非常的重要，在剛建好網(wǎng)站時(shí)應(yīng)該是空間已經(jīng)確定好了，不然日后做了推廣，訪問量上來了，搜索引擎收錄了您很多頁，一下子您需要更換空間了，將來會(huì)很麻煩

前言部分完了，請(qǐng)叢仔主講html 代碼應(yīng)用，網(wǎng)頁三劍客的應(yīng)用技巧。

叢仔：

大家好，在學(xué)習(xí)html語言之前，請(qǐng)大家準(zhǔn)備好簡單的記事本程序，大家可以在講課的過程中進(jìn)行調(diào)試?；谶@里的都是新站長，我會(huì)在html基礎(chǔ)這方面講得詳細(xì)一點(diǎn)

給大家說一說這次講課的內(nèi)容提要

1.HTML是什么？
2.元素與標(biāo)簽是什么
3.制作第一個(gè)網(wǎng)站
4.學(xué)習(xí)標(biāo)簽
5.標(biāo)簽屬性
6.超級(jí)鏈接學(xué)習(xí)
7.圖像
8.表格的高級(jí)特性
9.CSS樣式
10.上傳網(wǎng)頁
11.Web標(biāo)準(zhǔn)及驗(yàn)證(暫時(shí)不需要太深入了解)

開始講第一節(jié)

HTML是什么？

如果你要制作網(wǎng)站的話，學(xué)習(xí)HTML是不可避免的。即使你用Dreamweaver等工具來制作網(wǎng)站，了解基本的HTML知識(shí)也會(huì)令你在網(wǎng)站制作過程中倍感輕松，并有利于制作出更好的網(wǎng)站。

我們平時(shí)常常看到的html語言是HyperText Mark-up Language（超文本標(biāo)記語言）”的縮寫

主要是一種對(duì)網(wǎng)頁進(jìn)行格式化的語言，這些概念性的東西大家不需要了解得太多，提一下就行了，接下來講重點(diǎn)。

元素與標(biāo)簽

元素element 是html的重要成分,元素用于結(jié)構(gòu)化HTML文檔，并告知瀏覽器如何呈現(xiàn)網(wǎng)頁，一般來說，元素是由首標(biāo)簽+內(nèi)容+尾標(biāo)簽來構(gòu)成的。

例如：

段落內(nèi)容

這樣就構(gòu)成了一個(gè)元素，在html語言中主要代表一個(gè)段落

在這里有些學(xué)習(xí)朋友可能會(huì)問，首標(biāo)簽和尾標(biāo)簽總是必須的嗎？

回答是否定的，即有此元素是沒有尾標(biāo)簽的。比如
這個(gè)元素，
元素表示的是換行的意思。我們可以對(duì)比一下

段落內(nèi)容

與內(nèi)容

注意,標(biāo)簽中的字母正確寫法是采用小寫字母，大多數(shù)瀏覽器不介意標(biāo)簽是大寫還是小寫，或者混合大小寫。所以、或在瀏覽器上的顯示效果都一樣。但是，正確的寫法是采用小寫字母來書寫標(biāo)簽。所以，要養(yǎng)成用小寫字母書寫標(biāo)簽的習(xí)慣。

有些同學(xué)問，那么標(biāo)簽應(yīng)該放在哪里？

我們應(yīng)該在html的文檔里書寫標(biāo)簽,你可以用記事本程序建立一個(gè)簡單的空.txt文件，然后把擴(kuò)展改為.html即可。講了上面這些簡單的html內(nèi)容,大家應(yīng)該都想試著運(yùn)用一下html標(biāo)簽了吧？大家可以跟著我做，開始菜單→程序→附件→記事本。HTML簡單易學(xué)。瀏覽器讀HTML就跟你讀書一樣，也是從上往下，從左到右進(jìn)行的。所以，HTML文檔的開始和結(jié)束便對(duì)應(yīng)于網(wǎng)頁的頭和尾。所以，在做所有其他事之前，先在記事本的第一行敲入。也許你記得前面課程中我們說過，這里的是首標(biāo)簽，在HTML文檔結(jié)尾處必須有相應(yīng)的尾標(biāo)簽與之對(duì)應(yīng)。好的，為了防止最后忘記寫這個(gè)尾標(biāo)簽，我們現(xiàn)在就輸入。

下面，我們需要為HTML文檔寫一個(gè)“頭部（head）”，它提供關(guān)于當(dāng)前文檔的信息；然后寫一個(gè)“主體（body）”，它提供文檔的內(nèi)容。HTML最重要的就是簡單——在這里，我們只需把頭部放到和中間。大概的代碼如下

上面這個(gè)文檔便構(gòu)成了你的第一個(gè)網(wǎng)站——它只包含一個(gè)網(wǎng)頁，而且內(nèi)容很單調(diào)，可能與你的想象相去甚遠(yuǎn)，但在一定程度上它仍是一個(gè)網(wǎng)站。你可以將它用作其他HTML文檔的基本模版。

但我如何添加更多內(nèi)容？   

HTML文檔有兩個(gè)部分：頭部（head）和主體（body）。你在頭部（head）提供關(guān)于網(wǎng)頁的信息，你在主體（body）部分提供網(wǎng)頁的具體內(nèi)容。

比如，如果你要指定HTML文檔的網(wǎng)頁標(biāo)題（title）（它將顯示在瀏覽器窗口頂部），你就要在頭部（head）提供有關(guān)信息。用標(biāo)題內(nèi)容

注意，網(wǎng)頁標(biāo)題（title）不是顯示在網(wǎng)頁里，而是顯示在瀏覽器窗口的標(biāo)題欄上的。網(wǎng)頁里顯示的所有內(nèi)容都必須放在body元素里。

比如，我們要在網(wǎng)頁里顯示“這是我的第一個(gè)網(wǎng)站。”這行文字，它屬于主體（body）部分，所以我們?cè)赽ody元素里輸入：

這是我的第一個(gè)網(wǎng)站。

代碼如下：


我的第一個(gè)網(wǎng)站

哇！這是我的第一個(gè)網(wǎng)站。

現(xiàn)在打開瀏覽器：

* 在“文件”菜單下選擇“打開”。
* 在彈出的對(duì)話框中點(diǎn)擊“瀏覽”按鈕。
* 現(xiàn)在，請(qǐng)找到你的HTML文檔，然后點(diǎn)擊“打開”。 你剛剛建立的html文件

這時(shí)，瀏覽器中應(yīng)顯示“哇！這是我的第一個(gè)網(wǎng)站。”。恭喜！，你已經(jīng)成功了
如果大家需要高級(jí)的編程類教程，以后會(huì)增加的。好的，繼續(xù)
剛才給大家講了html文檔的基本結(jié)構(gòu)，現(xiàn)在開始對(duì)基本結(jié)構(gòu)進(jìn)行擴(kuò)展。
學(xué)習(xí)網(wǎng)頁的最重要部分,元素。
現(xiàn)在給大家講7個(gè)比較有代表性的元素

第一個(gè)：內(nèi)容加粗
與此相以用法的格式化標(biāo)簽有：內(nèi)容 作用:文本設(shè)為斜體
Html標(biāo)簽需要大家反復(fù)的練習(xí)
前面提到過的標(biāo)簽
和

在這里要重點(diǎn)提一下

是實(shí)現(xiàn)換行的標(biāo)簽，而

是實(shí)現(xiàn)段落效果的標(biāo)簽
很多學(xué)習(xí)者會(huì)因?yàn)檫@里個(gè)標(biāo)簽的顯示效果差不多而有所混淆，大家重點(diǎn)識(shí)記一下

比如：寫一些文字
重起一行再寫一些文字

這里面是一個(gè)段落
重起一行再寫一些文字

接下來一個(gè)跟
相類擬的標(biāo)簽

它的作用是畫一條水平線。
這個(gè)提一提即可，接下來非常常用的標(biāo)簽

• 一個(gè)列表項(xiàng)

• 另一個(gè)列表項(xiàng)

上面我們?cè)匕讯鄠€(gè)列表項(xiàng)組織為一個(gè)列表，其中的li代表“列表項(xiàng)（list item）

該例在瀏覽器中將顯示如下：
* 一個(gè)列表項(xiàng)
* 另一個(gè)列表項(xiàng)

與此相似的還有：

1. 第一個(gè)列表項(xiàng)

1. 第二個(gè)列表項(xiàng)

上面我們稱為無序列表；我們稱為有序列表

開始講一下 屬性 

就像我們?nèi)艘粯?，人有高矮，有帥的有丑的。這些就是人的屬性。html中的標(biāo)簽也一樣，同樣存在著屬性。比如，你想在網(wǎng)頁中畫一條水平線，那么，你可以用到

這個(gè)標(biāo)簽。

但是，你會(huì)想，這樣畫出來的水平線都是一樣的，我想畫一條特別的怎么辦呢？那么，我們就必須要使用到屬性了。我們可以定義

的高度，比如：

把水平線的高度定義為1像素高，同理，可以把水平線的寬度定義為你想要定義的寬度。每個(gè)標(biāo)簽都有自己的屬性集，在這里就不一一例舉了，大家可以參考有關(guān)的資料。

有些同學(xué)可能會(huì)問？哪些元素可以使用哪些屬性?。?/strong>

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

有些元素（比如body等）被添加屬性的機(jī)會(huì)比較大，而有些元素（比如br等）則較小、甚至不會(huì)被添加屬性。

HTML里有很多元素，同樣也有很多屬性。有些屬性僅用于個(gè)別元素，有些屬性可用于很多元素。反之亦然：有些元素只能使用個(gè)別屬性，有些元素可以使用較多的屬性。

聽起來這也許很令人困惑，不過一旦你熟悉了各個(gè)屬性，就會(huì)感到很簡單，并覺得它們很有用處。

關(guān)于各標(biāo)簽的屬性，大家如果有什么疑問可以稍后向我提出，因?yàn)闀r(shí)間有限，不能為大家一一例舉，標(biāo)簽的屬性這一節(jié)很重要。

開始講一下 我們上面沒有提及過一個(gè)最重要的標(biāo)簽：

估計(jì)大家因?yàn)槎紝?duì)這個(gè)標(biāo)簽不陌生了吧？就是我們平時(shí)在網(wǎng)頁上常看到的超級(jí)鏈接標(biāo)簽。

給大家舉一下例子這是一個(gè)指向admin5.com的鏈接

其中的 href是標(biāo)簽的屬性，主要是用于定義超級(jí)連接的目標(biāo)url，通常是一個(gè)因特網(wǎng)地址或者一個(gè)文件名。

那么，如何在同一網(wǎng)站的網(wǎng)頁之間添加相互鏈接？

如果你要在同一網(wǎng)站的不同網(wǎng)頁間做鏈接，那就不必拼寫出網(wǎng)頁的完整URL。舉個(gè)例子，假如你有兩個(gè)網(wǎng)頁（比如說page1.htm和 page2.htm），而且它們被存放在同一個(gè)文件夾中，那么你在做鏈接的時(shí)候，只要寫出文件名就行了。這樣，page1.htm到page2.htm的鏈接將如下所示：點(diǎn)擊這里轉(zhuǎn)到第2頁

如果page2.htm被放在下一級(jí)文件夾中（比如“subfolder”），那么鏈接將是這樣：

點(diǎn)擊這里轉(zhuǎn)到第2頁

反過來，從page2.htm（在下級(jí)文件夾中）到page1.htm的鏈接將是這樣：

轉(zhuǎn)到第1頁

重點(diǎn)識(shí)記

“../”代表當(dāng)前位置（即該鏈接所在文件所處的文件夾）的上一級(jí)文件夾。同理，當(dāng)前位置的上上級(jí)文件夾可用“../../”表示。

明白其中的規(guī)則了嗎？當(dāng)然，如果給出完整URL也行。

有人問了，如果我要在同一個(gè)網(wǎng)頁內(nèi)做鏈接怎么辦呢？

在這里，我們可以通過id屬性和"#"符號(hào)來實(shí)現(xiàn)，比如：

id屬性標(biāo)出要被指向的元素。例如：

標(biāo)題1

然后通過在鏈接中利用“#”來指向那個(gè)元素。 “#”后面必須緊跟著一個(gè)id屬性的值，表明鏈接指向該id屬性被定義的地方。例如：轉(zhuǎn)到標(biāo)題1

這里比較抽象，我們來看一個(gè)例子

轉(zhuǎn)到標(biāo)題1

轉(zhuǎn)到標(biāo)題2

標(biāo)題1

一些文字。。。。

標(biāo)題2

一些文字。。。。

大家可以保存一下，測試一下效果

除了網(wǎng)頁，鏈接還能指向什么？

在建立表格的時(shí)候，如果想把令一個(gè)單元格橫跨三列，我們將使用colspan屬性

如

效果如圖：

如果，你想一個(gè)單元格跨越三行，那么，必須使用rowspan屬性

例如:

效果如圖：

接下來，給大家講一下，頁面布局的終極武器(css)

因?yàn)閏ss 內(nèi)容繁多，在這里給大家簡單的指導(dǎo)一下。

我們現(xiàn)在流行的網(wǎng)頁設(shè)計(jì)，基本上都是使用css來進(jìn)行頁面布局的，除了少部分使用表格來進(jìn)行布局，這也算是html中的一部份。

CSS--級(jí)聯(lián)樣式表（Cascading Style Sheets)

CSS是HTML的搭檔。在編碼過程中，它們發(fā)揮不同的作用：HTML負(fù)責(zé)網(wǎng)頁的具體內(nèi)容（結(jié)構(gòu)），而CSS則修飾網(wǎng)頁的表現(xiàn)形式（布局）。

css我們有幾種的使用方法

第一：單獨(dú)建立一個(gè)css 樣式文件,然后，在網(wǎng)頁上進(jìn)行調(diào)用,也即外鏈。這樣，一個(gè)css樣式文件就可以給多個(gè)網(wǎng)頁進(jìn)行調(diào)用了。以后，如果你想修改幾個(gè)頁面中同一個(gè)元素的格式，那么，你只需要修改css文件中的定義就可以了。這樣可以省去很多修改的工作量。

第二：給一個(gè)單獨(dú)的頁面建立css樣式，這種css樣式并不像第一種是以一個(gè)文件的形式存在，而是包含在頁面的html代碼中。這樣的css只有在當(dāng)前頁面中起作用。

第三：給標(biāo)簽應(yīng)用css樣式，這樣的css只對(duì)當(dāng)前使用css的標(biāo)簽起作用，例如

這里的文字大小為20

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

的css代碼，定義文字大小為20px。

你是不是覺得 style="font-size:20px;" 很像是標(biāo)簽的屬性呢？

其實(shí)我們這可以這樣理解，只不過，這個(gè)屬性是以css語法來進(jìn)行定義的。

再看一下例子，讓大家看看區(qū)別

這里是文字大小為20、采用黑體的文字

style="font-size:20px; font-family:黑體;"定義了大小為20、采用黑體的文字。

以上是三種css的調(diào)用方式

第一種，示例

第二種，示例

我的第一個(gè)CSS頁面

我的第一個(gè)CSS頁面

歡迎參觀我的第一個(gè)CSS頁面

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

這里是最基本的css調(diào)用，更加詳細(xì)的css教程，將在以后的課程中一一講解，時(shí)間有限，課程到此結(jié)束，謝謝大家！

 好了 這篇文章 對(duì)新人來說 還是比較有意義的 老鳥就閃過把。。。
 明天就由上海SEO（SWJ） 來為大家演講 主題為：SEO優(yōu)化技巧
本文轉(zhuǎn)自：上海SEO