自學(xué)的網(wǎng)頁(yè)基礎(chǔ)
第一課的內(nèi)容 基礎(chǔ)知識(shí)與網(wǎng)站建設(shè)思路網(wǎng)站的組成 域名 空間 程序域名（網(wǎng)址） 網(wǎng)站空間 網(wǎng)站程序 域名域 名：可以簡(jiǎn)單理解為網(wǎng)址，它是一臺(tái)服務(wù)器或一個(gè)網(wǎng)站在網(wǎng)上的名稱、網(wǎng)絡(luò)地址。 域名分
第一課的內(nèi)容 基礎(chǔ)知識(shí)與網(wǎng)站建設(shè)思路
網(wǎng)站的組成 域名 空間 程序
域名（網(wǎng)址） 網(wǎng)站空間 網(wǎng)站程序 域名
域 名：可以簡(jiǎn)單理解為網(wǎng)址，它是一臺(tái)服務(wù)器或一個(gè)網(wǎng)站在網(wǎng)上的名稱、網(wǎng)絡(luò)地址。 域名分成一級(jí)域名與二級(jí)域名
一級(jí)域名，如 www.xiang-xi.com
二級(jí)域名 如：bbs.xiang-xi.cn
二級(jí)域名必須依托一個(gè)一級(jí)域名，它不是獨(dú)立存在的
所以我們一個(gè)一級(jí)包含了很多的二級(jí)域名
域名的種類有很多種 我們做網(wǎng)站用的多的是COM ， CN ，NET ，ORG CC等等 現(xiàn)在有一種域名可以免費(fèi)申請(qǐng) 那就是TK 的域名
COM 是國(guó)際域名
CN 是中國(guó)域名
NET - -最初用于網(wǎng)絡(luò)機(jī)構(gòu)如ISP ，今天，任何一個(gè)人都可注冊(cè)一個(gè).net 域名。 .
ORG ---設(shè)計(jì)是用于各類組織機(jī)構(gòu)，包括非盈利團(tuán)體，今天，任何一個(gè)人都可注冊(cè)一個(gè).org 域名。
COM 的費(fèi)用一般是在50-70之間
CN 已經(jīng)限制了個(gè)人注冊(cè) 我們可以不考慮 空間
空間 也就是我們經(jīng)常說的主機(jī)
空間分國(guó)內(nèi)與國(guó)外
國(guó)內(nèi)空間要求域名必須要備案 國(guó)外的空間的話可以不要備案
空間的計(jì)算單位一般是M 的形式計(jì)算 我們一般用的多的就是100M 1G 一般100M 的國(guó)內(nèi)空間的價(jià)格是在80人民幣的樣子
100M 國(guó)外的估計(jì)是150人民幣的樣子
但是各個(gè)買空間商家的成本不一樣 所以價(jià)格也不是一樣的 就看你自己怎么選擇了 還有一種空間就是香港與臺(tái)灣的空間 可以不要備案 速度也還可以
國(guó)內(nèi)空間的速度一般是比國(guó)外的空間要快一些
假如空間覺得不滿足你們的需求的 就可以買VPS
VPS 全稱Virtual Private Server 虛擬專用服務(wù)器
他另一個(gè)就是服務(wù)器了 這個(gè)就不要多說了是將一部服務(wù)器分割成多個(gè)虛擬專享服務(wù)器 程序
這里講的程序不是安裝程序 而是網(wǎng)站程序
網(wǎng)站程序 又網(wǎng)站源代碼又叫網(wǎng)站源代碼
他是有多個(gè)網(wǎng)頁(yè)組成在一起的一個(gè)文件夾
也可以一個(gè)網(wǎng)頁(yè)就用一個(gè)文件夾
網(wǎng)站程序一般涉及到語(yǔ)言 ASP PHP JSP C JA V 等等
還有HTML 我們?nèi)粘＝佑|非常多的是 HTML ASP PHP
程序涉及到數(shù)據(jù)庫(kù) ACCESS MYSQL MSSQL
,PS ：Fireworks8 做圖片的
第二課的內(nèi)容 ：網(wǎng)站建設(shè)的思路與捷徑
我們做網(wǎng)站一定要改變自己的思路 因?yàn)槲矣X得大家的思路都不是很正確
其實(shí)我們來這里的目的是能夠單獨(dú)的做一個(gè)站出來 不管是公司站還是博客
現(xiàn)在網(wǎng)絡(luò)上現(xiàn)有程序很多 就 看我們?cè)趺慈ト绾卫盟?/p>
現(xiàn)在自己做個(gè)網(wǎng)站并不難 重要是怎么去找到想要的程序 所以我們時(shí)間是大部分花在找程序上 不是把時(shí)間花在研究程序上
網(wǎng)絡(luò)上什么程序都有 重要是我們?cè)趺慈フ瓦@有些資源
當(dāng)我們把資源整理好了 自己可以單獨(dú)做出站來了 有時(shí)間才去研究一下程序 平時(shí)我們只要簡(jiǎn)單的HTML 與DW 發(fā)簡(jiǎn)單應(yīng)用就可以了
你們想 你自己?jiǎn)为?dú)做一個(gè)程序出來 沒有花一個(gè)月的時(shí)間肯定是做不出來的 就算你做出來 也是漏洞百出 別人專業(yè)的程序是靠團(tuán)隊(duì)做出來的 肯定比你的好
盡管你學(xué)會(huì)了XX 程序能夠單獨(dú)做出站來 但是這個(gè)時(shí)間最好估計(jì)也要2年吧 而別人利用別人的程序2天就弄好了 然后他利用其他的時(shí)間來推廣自己的站或者接單業(yè)務(wù) 這樣產(chǎn)生的利潤(rùn)是不想而知的
我們建站的目的是來推廣自己或者自己的業(yè)務(wù) 是要產(chǎn)生效益 不是拿來玩的
現(xiàn)在這個(gè)社會(huì)很現(xiàn)實(shí) 里面有很多大學(xué)生 可能你們還沒有面對(duì)過 但是我肯定跟你說 學(xué)這個(gè)技術(shù)未必沒有前途 關(guān)鍵是你怎么去利用他
剛畢業(yè)的大學(xué)生一般出來的待遇在中部地區(qū) 一般在1500的樣子 但是你有一門技術(shù)在手的話 你賺的外儈估計(jì)比你的工資會(huì)更多 關(guān)鍵是你怎么去利用他
每個(gè)行業(yè)都有他的市場(chǎng) 也有他的價(jià)值 捷徑方面的話 一句話 先改后學(xué)
就是先拿別人的程序來修改 然后在修改的過程中進(jìn)行學(xué)習(xí) 這樣學(xué)起來的速度也非常快 也非常好 對(duì)自己哪里不清楚的地方自己也明白 這樣的話也不耽誤的學(xué)習(xí)進(jìn)度 也不擔(dān)心你有沒有學(xué)到東西
第三課的內(nèi)容 ：網(wǎng)站建設(shè)涉及的工具與HTML 的學(xué)習(xí) HTML 的英文全稱是Hypertext Marked Language，中文叫做“超文本標(biāo)記語(yǔ)言”。 個(gè)HTML 文件不僅包含文本內(nèi)容，還包含一些Tag ，中文稱“標(biāo)記”。
一個(gè)HTML 文件的后綴名是.htm 或者是.html 。
用文本編輯器就可以編寫HTML 文件。也就是記事本
This is my first homepage. This text is bold
上面是一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)的代碼
這個(gè)文件的第一個(gè)Tag 是，這個(gè)Tag 告訴你的瀏覽器這是HTML 文件的頭。文件的最后一個(gè)Tag 是，表示HTML 文件到此結(jié)束。
在
和之間的內(nèi)容，是Head 信息。Head 信息是不顯示出來的，你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head 信息里加上一些關(guān)鍵詞， ,有助于搜索引擎能夠搜索到你的網(wǎng)頁(yè)
在
在
和之間的信息，是正文。也就的我們看的到網(wǎng)頁(yè)
HTML 文件看上去和一般文本類似，但是它比一般文本多了Tag ，比如，等，通過這些Tag ，可以告訴瀏覽器如何顯示這個(gè)文件。
HTML 元素用Tag 表示，Tag 以<開始，以>結(jié)束。
目前HTML 的Tag 不區(qū)分大小寫的。比如，和其實(shí)是相同的。
HTML 元素(HTML Elements)
HTML 元素(HTML Element)用來標(biāo)記文本，表示文本的內(nèi)容。比如body, p, title就是HTML 元素。
HTML 元素(HTML Elements)的屬性
HTML 元素可以擁有屬性。屬性可以擴(kuò)展HTML 元素的能力。
比如你可以使用一個(gè)bgcolor 屬性，使得頁(yè)面的背景色成為紅色，就像這樣：
屬性通常是附加給HTML 的Opening Tag，而不是Closing Tag。
HTML 常用格式
常用文本格式Tag
Tag Tag說明
粗體bold
斜體italic
文字當(dāng)中劃線表示刪除
文字下劃線表示插入
下標(biāo)
上標(biāo)
縮進(jìn)表示引用保留空格和換行
表示計(jì)算機(jī)代碼，等寬字體因?yàn)镠TML 非常重要 所以我講的比較詳細(xì) 但是很回有很多的地方會(huì)沒有涉及到
不管我們要做網(wǎng)站自己開發(fā)程序也好 利用別人的程序也好 HTML 差不多都要涉及到 如何看HTML 的源代碼在瀏覽器看到的HTML 網(wǎng)頁(yè)，是瀏覽器解釋HTML 源代碼后產(chǎn)生的結(jié)果。
要查看這個(gè)HTML 的源代碼，有兩種方法。一是點(diǎn)擊鼠標(biāo)右鍵，點(diǎn)擊View Source(查看源文件) 命令；二是選擇瀏覽器菜單View(查看) 中的Source(源文件) 命令。
利用View Source得到網(wǎng)頁(yè)的源代碼，你可以由此借鑒一下別人寫得好的地方。不過在你對(duì)HTML 知識(shí)尚少的情況下，看別人復(fù)雜的HTML 源代碼，只會(huì)讓你頭暈。建議你還是再等等，先掌握一些基礎(chǔ)再說。
我不要求你們能夠用記事本寫HTML 代碼 但是你們一定基本能看懂別人的HTML 代碼 如何顯示空格
通常情況下，HTML 會(huì)自動(dòng)截去多余的空格。不管你加多少空格，都被看做一個(gè)空格。比如你在兩個(gè)字之間加了10個(gè)空格，HTML 會(huì)截去9個(gè)空格，只保留一個(gè)。為了在網(wǎng)頁(yè)中增加空格，你可以使用表示空格。
,a 和href 屬性
HTML 用來表示超鏈接，英文叫anchor
可以指向任何一個(gè)文件源：一個(gè)HTML 網(wǎng)頁(yè)，一個(gè)圖片，一個(gè)影視文件等。用法如下： 鏈接的顯示文字
點(diǎn)擊當(dāng)中的內(nèi)容，即可打開一個(gè)鏈接文件，href 屬性則表示這個(gè)鏈接文件的路徑。 target 屬性
使用target 屬性，可以在一個(gè)新窗口里打開鏈接文件。
上面的就是target 屬性的例子
title 屬性
使用 title 屬性，可以讓鼠標(biāo)懸停在超鏈接上的時(shí)候，顯示該超鏈接的文字注釋
鏈接到email 地址
在網(wǎng)站中，你經(jīng)常會(huì)看到“聯(lián)系我們”的鏈接，一點(diǎn)擊這個(gè)鏈接，就會(huì)觸發(fā)你的郵件客戶端，比如Outlook Express，然后顯示一個(gè)新建mail 的窗口。用可以實(shí)現(xiàn)這樣的功能。 聯(lián)系新浪
HTML 相對(duì)路徑(Relative Path)
如果源文件和引用文件在同一個(gè)目錄里，直接寫引用文件名即可。
我們現(xiàn)在建一個(gè)源文件info.html ，在info.html 里要引用index.html 文件作為超鏈接。
假設(shè)info.html 路徑是：c:Inetpubwwwrootsitesblablainfo.html
假設(shè)index.html 路徑是：c:Inetpubwwwrootsitesblablaindex.html
在info.html 加入index.html 超鏈接的代碼應(yīng)該這樣寫：
今天還講一下網(wǎng)站建設(shè)要涉及到哪一些工具
第一：Dreamweaver 這個(gè)是修改代碼的工具
第2個(gè)ffxp 上傳程序要用到工具
,
第3個(gè) PS 做圖片用的工具
有這3個(gè)軟件就夠了 其他看你自己想學(xué)什么就學(xué)什么
第四課的內(nèi)容 ：如何做博客
博客有2種 一種是單用戶 一種是多用戶的
單用戶比較典型的就是我的博客 多用戶的就是新浪那樣的
單用戶的就是不準(zhǔn)別人注冊(cè)的 多用戶的就可以準(zhǔn)別人注冊(cè)的
我今天的話 就講怎么去搭建一個(gè)www.xiang-xi.cn/blog的網(wǎng)站
是這個(gè)意思 現(xiàn)在博客程序現(xiàn)成比較多 所以我們不需要自己開發(fā) 直接把別人的程序下了就可以了 ASP 比較典型的博客就是ZBLOG
所以今天我們就講一下怎么去搭建
首先去他的官方網(wǎng)站把他的程序下下來
有2個(gè) 我們下下面的那一個(gè)自動(dòng)安裝的
解壓
,
里面有4個(gè)文件 我們只要把后面2個(gè)傳上去就好了
這個(gè)程序的空間要求很簡(jiǎn)單
一般的空間就可以可以了 只要支持ASP 跟ACCESS 數(shù)據(jù)庫(kù)就可以
這個(gè)是FTP 的信息，現(xiàn)在我們是上傳程序
一般程序是放在WEB 目錄里
只傳這2個(gè)啊 已經(jīng)傳好了
網(wǎng)址是這個(gè)lisiddyan2050.22383.idcice.com
,我們現(xiàn)在來安裝
這里后面一定要加install.asp 仔細(xì)看他的網(wǎng)址
,
這個(gè)是后臺(tái)
,
模板在這里換
,
所有的安裝工作就完成了 你們看看網(wǎng)址 現(xiàn)在看一下前臺(tái)
