新手站長免費輔導培訓講課記錄(一) 免費分享與下載！

時間：2022-08-10 10:30:02 | 來源：建站知識

時間：2022-08-10 10:30:02 來源：建站知識

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

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

強子：

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

綜合資訊類又可以分為：健康類、學習類、生活類、教育類等

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

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

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

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

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

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

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

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

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

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

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

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

個人建議注冊時最好選擇.com的后綴，因為同樣的域名比如 265.com ,265.net 265.cn .com商業(yè)價值最大 盡管現(xiàn)在的.cn域名很便宜

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

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

如何選擇好的域名代理商

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

站長建站的大概步驟

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

前面幾個步驟可以同時做，不一定要有個先后次序

如何挑選好的空間呢

在選擇空間前，很多空間商都可以試用的，服務(wù)器系統(tǒng)unix對于php語言的網(wǎng)站支持比較好，windows和nt則對asp支持比較好，cpu一定是雙的了除非是獨立主機，內(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)址換成您的，來測試空間當前速度)

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

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

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

叢仔：

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

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

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

開始講第一節(jié)

HTML是什么？

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

我們平時常常看到的html語言是HyperText Mark-up Language（超文本標記語言）”的縮寫

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

元素與標簽

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

例如：

段落內(nèi)容

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

在這里有些學習朋友可能會問，首標簽和尾標簽總是必須的嗎？

回答是否定的，即有此元素是沒有尾標簽的。比如
這個元素，
元素表示的是換行的意思。我們可以對比一下

段落內(nèi)容

與內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

代碼如下：


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

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

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

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

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

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

在這里要重點提一下

是實現(xiàn)換行的標簽，而

是實現(xiàn)段落效果的標簽
很多學習者會因為這里個標簽的顯示效果差不多而有所混淆，大家重點識記一下

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

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

接下來一個跟
相類擬的標簽

它的作用是畫一條水平線。
這個提一提即可，接下來非常常用的標簽

• 一個列表項

• 另一個列表項

上面我們元素把多個列表項組織為一個列表，其中的li代表“列表項（list item）

該例在瀏覽器中將顯示如下：
* 一個列表項
* 另一個列表項

與此相似的還有：

1. 第一個列表項

1. 第二個列表項

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

開始講一下 屬性 

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

這個標簽。

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

的高度，比如：

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

有些同學可能會問？哪些元素可以使用哪些屬性??？

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

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

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

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

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

開始講一下 我們上面沒有提及過一個最重要的標簽：

估計大家因為都對這個標簽不陌生了吧？就是我們平時在網(wǎng)頁上常看到的超級鏈接標簽。

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

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

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

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

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

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

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

轉(zhuǎn)到第1頁

重點識記

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

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

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

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

id屬性標出要被指向的元素。例如：

標題1

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

這里比較抽象，我們來看一個例子

轉(zhuǎn)到標題1

轉(zhuǎn)到標題2

標題1

一些文字。。。。

標題2

一些文字。。。。

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

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

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

如

效果如圖：

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

例如:

效果如圖：

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

因為css 內(nèi)容繁多，在這里給大家簡單的指導一下。

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

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

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

css我們有幾種的使用方法

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

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

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

這里的文字大小為20

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

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

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

其實我們這可以這樣理解，只不過，這個屬性是以css語法來進行定義的。

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

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

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

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

第一種，示例

第二種，示例

我的第一個CSS頁面

我的第一個CSS頁面

歡迎參觀我的第一個CSS頁面

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

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

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