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