網(wǎng)站建設(shè)-技術(shù)方案及靜態(tài)頁(yè)面制作

網(wǎng)站建設(shè)第六章

確定電子商務(wù)網(wǎng)站技術(shù)方案6.1網(wǎng)站技術(shù)方案認(rèn)知6.2靜態(tài)網(wǎng)站技術(shù)6.3動(dòng)態(tài)網(wǎng)站技術(shù)6.1網(wǎng)站技術(shù)方案認(rèn)知

復(fù)習(xí)：網(wǎng)站建設(shè)的基本流程6.1網(wǎng)站技術(shù)方案認(rèn)知網(wǎng)站技術(shù)方案的確定：1、網(wǎng)站服務(wù)器部署2、網(wǎng)站服務(wù)器軟件技術(shù)3、網(wǎng)站安全與兼容性措施6.1網(wǎng)站技術(shù)方案認(rèn)知6.1.1網(wǎng)站服務(wù)器接入方式網(wǎng)站服務(wù)器接入有兩種選擇：①通過(guò)ISP接入專(zhuān)線，將網(wǎng)站部署在企業(yè)內(nèi)部②使用IDC的服務(wù)方案，將服務(wù)器放在IDC機(jī)房6.1網(wǎng)站技術(shù)方案認(rèn)知①專(zhuān)線接入，自建服務(wù)器

自建服務(wù)器可以自定相關(guān)配置，管理與維護(hù)很方便，但是企業(yè)需要自己購(gòu)買(mǎi)機(jī)房，投入大量資金購(gòu)買(mǎi)服務(wù)器、路由器、交換機(jī)等網(wǎng)絡(luò)設(shè)備，還要向ISP申請(qǐng)相應(yīng)速率的DDN專(zhuān)線將服務(wù)器連在互聯(lián)網(wǎng)上。日常的維護(hù)還需要高水平的技術(shù)人員。優(yōu)點(diǎn)：功能強(qiáng)大，適合大型企業(yè)缺點(diǎn)：成本高昂，進(jìn)入市場(chǎng)時(shí)間長(zhǎng)6.1網(wǎng)站技術(shù)方案認(rèn)知②利用IDC提供的服務(wù)方案 IDC（InternetDataCenter）即互聯(lián)網(wǎng)數(shù)據(jù)中心，是基于互聯(lián)網(wǎng)為集中式收集、存儲(chǔ)、處理和發(fā)送數(shù)據(jù)的設(shè)備提供運(yùn)行維護(hù)的設(shè)施基地，并提供相關(guān)的各項(xiàng)增值服務(wù)。

主要業(yè)務(wù)：主機(jī)托管、資源出租、系統(tǒng)維護(hù)、管理服務(wù)等6.1網(wǎng)站技術(shù)方案認(rèn)知（1）主機(jī)托管

主機(jī)托管，即服務(wù)器托管，指用戶(hù)自卑服務(wù)器硬件，自己安裝軟件，放置到ISP的機(jī)房接入網(wǎng)絡(luò)，并委托ISP進(jìn)行管理。

這種方法較經(jīng)濟(jì)、快捷而且使用。一般的電信公司都會(huì)提供相關(guān)的主機(jī)托管服務(wù)。6.1網(wǎng)站技術(shù)方案認(rèn)知（2）主機(jī)租用

該方法與主機(jī)托管區(qū)別不大，主要區(qū)別在于租用的主機(jī)產(chǎn)權(quán)歸于IDC，只是租給用戶(hù)使用

優(yōu)點(diǎn)：成本較低，對(duì)網(wǎng)絡(luò)技術(shù)要求不高

適用范圍：規(guī)模較小的電子商務(wù)應(yīng)用6.1網(wǎng)站技術(shù)方案認(rèn)知（3）虛擬主機(jī)

虛擬主機(jī)是一種技術(shù)，使用特殊的軟硬件技術(shù)，把一臺(tái)運(yùn)行在互聯(lián)網(wǎng)上的服務(wù)器主機(jī)分為多臺(tái)“虛擬”的主機(jī)，每個(gè)虛擬主機(jī)都具有獨(dú)立的域名和IP地址，具有完整的互聯(lián)網(wǎng)服務(wù)功能，主機(jī)之間也是相互獨(dú)立的。

優(yōu)點(diǎn)：成本低，進(jìn)入市場(chǎng)及時(shí)

缺點(diǎn)：靈活性差

適用范圍：適合中小型的網(wǎng)站采用6.1網(wǎng)站技術(shù)方案認(rèn)知三種接入方式的比較P1106.1網(wǎng)站技術(shù)方案認(rèn)知評(píng)測(cè)數(shù)據(jù)中心的性能：（1）收集資料，了解數(shù)據(jù)中心的出口帶寬（2）服務(wù)器部署在接近目標(biāo)用戶(hù)的IDC機(jī)房（3）通過(guò)顯示路由和測(cè)試速度的軟件比較優(yōu)劣

①Ping命令

②使用路由測(cè)試系統(tǒng)和速度測(cè)試系統(tǒng)6.1網(wǎng)站技術(shù)方案認(rèn)知6.1.2網(wǎng)站服務(wù)器軟件技術(shù)決策

網(wǎng)站服務(wù)器軟件技術(shù)決策主要包括操作系統(tǒng)、WEB服務(wù)器軟件、網(wǎng)站開(kāi)發(fā)語(yǔ)言、數(shù)據(jù)庫(kù)系統(tǒng)的選用與確定

1、網(wǎng)絡(luò)操作系統(tǒng)

網(wǎng)絡(luò)操作系統(tǒng)主要有：Unix、Linux、Windows。是選用Unix、Linux還是Windows，要分析開(kāi)發(fā)習(xí)慣、穩(wěn)定性、安全性和投入成本等因素來(lái)決定需要用到的操作系統(tǒng)。6.1網(wǎng)站技術(shù)方案認(rèn)知Windows系統(tǒng)優(yōu)點(diǎn)：操作簡(jiǎn)便、配置和管理服務(wù)器容易上手缺點(diǎn)：正版費(fèi)用高昂，硬件配置要求高Linux系統(tǒng)優(yōu)點(diǎn)：開(kāi)源、全免費(fèi)、安全性能好、免費(fèi)軟件豐富缺點(diǎn)：操作復(fù)雜，需要專(zhuān)門(mén)的技術(shù)人員進(jìn)行維護(hù)如果有專(zhuān)門(mén)的技術(shù)人員維護(hù)，可以考慮使用Linux系統(tǒng)，配合PHP或JSP和Mysql數(shù)據(jù)庫(kù)。對(duì)于一般的企業(yè)，用Windows即可，可以降低維護(hù)成本和更新難度6.1網(wǎng)站技術(shù)方案認(rèn)知2、網(wǎng)站服務(wù)器軟件

網(wǎng)站服務(wù)器即Web服務(wù)器，也稱(chēng)為HTTP服務(wù)器，指網(wǎng)絡(luò)上安裝HTTP服務(wù)器軟件開(kāi)啟了HTTP服務(wù)的計(jì)算機(jī)。HTTP協(xié)議（HyperTextTransferProtocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳輸協(xié)議。它可以使瀏覽器更加高效，使網(wǎng)絡(luò)傳輸減少。它不僅保證計(jì)算機(jī)正確快速地傳輸超文本文檔，還確定傳輸文檔中的哪一部分，以及哪部分內(nèi)容首先顯示(如文本先于圖形)等。6.1網(wǎng)站技術(shù)方案認(rèn)知常用的HTTP服務(wù)器軟件：IIS、Apache、Tomcat等IIS：互聯(lián)網(wǎng)信息服務(wù)，是微軟公司提供的文件和應(yīng)用程序服務(wù)器，在Windows平臺(tái)上建立互聯(lián)網(wǎng)服務(wù)器的基本組建，但只能在Windows系統(tǒng)下運(yùn)行Apache：ApacheHTTPServer，是一個(gè)開(kāi)源的網(wǎng)站服務(wù)器軟件系統(tǒng)，可以在大多數(shù)操作系統(tǒng)中運(yùn)行，是最流行的Web服務(wù)器端軟件之一Tomact：免費(fèi)開(kāi)源的輕量級(jí)Web應(yīng)用服務(wù)器，是開(kāi)發(fā)和調(diào)試JSP程序的首選6.1網(wǎng)站技術(shù)方案認(rèn)知3、網(wǎng)站開(kāi)發(fā)語(yǔ)言的選擇常用的開(kāi)發(fā)語(yǔ)言：ASP、ASP.NET、PHP、JSP等①ASP-簡(jiǎn)單易用的過(guò)氣應(yīng)用 ASP即ActiveServerPages，是微軟開(kāi)發(fā)的類(lèi)似HTML、Script（腳本）與CGI（公用網(wǎng)關(guān)接口）的結(jié)合體，它沒(méi)有提供專(zhuān)門(mén)的編程語(yǔ)言，而是允許用戶(hù)使用已有的腳本語(yǔ)言編寫(xiě)ASP應(yīng)用程序。6.1網(wǎng)站技術(shù)方案認(rèn)知優(yōu)點(diǎn)：包含HTML標(biāo)簽，可以直接存取數(shù)據(jù)庫(kù)，可以使用無(wú)線擴(kuò)充的ActiveX控件缺點(diǎn)：局限于Windows+IIS操作平臺(tái)，無(wú)法實(shí)現(xiàn)跨平臺(tái)；沒(méi)有獨(dú)立的存放位置，容易受到外部攻擊，安全性很低TIPS：ActiveX是一個(gè)開(kāi)放的集成平臺(tái)，為開(kāi)發(fā)人員、用戶(hù)和Web生產(chǎn)商提供了一個(gè)快速而簡(jiǎn)便的在Internet和Intranet創(chuàng)建程序集成和內(nèi)容的方法。使用ActiveX,可輕松方便的在Web頁(yè)中插入多媒體效果、交互式對(duì)象、以及復(fù)雜程序，創(chuàng)建用戶(hù)體驗(yàn)相當(dāng)?shù)母哔|(zhì)量多媒體CD-ROM。6.1網(wǎng)站技術(shù)方案認(rèn)知②ASP.NET-易學(xué)難精的優(yōu)秀語(yǔ)言 ASP.NET是.NET技術(shù)的一部分，是ASP的升級(jí)版，采用VB或C#作為基礎(chǔ)語(yǔ)言。語(yǔ)法上很大程度與ASP兼容，但語(yǔ)言架構(gòu)和特點(diǎn)有很大區(qū)別優(yōu)點(diǎn)：可生成伸縮和穩(wěn)定性高的應(yīng)用程序；提供很好的安全保護(hù)；設(shè)計(jì)簡(jiǎn)潔；語(yǔ)言靈活；支持面向?qū)ο笕秉c(diǎn)：易學(xué)難精；連接數(shù)據(jù)庫(kù)有些復(fù)雜典型案例：京東商城、當(dāng)當(dāng)商城、CSDN社區(qū)6.1網(wǎng)站技術(shù)方案認(rèn)知③JSP-大有前途的語(yǔ)言

JSP即JavaServerPages，由SunMicrosystems公司倡導(dǎo)的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)

優(yōu)點(diǎn)：

1）效率和安全性高

2）組件方式方便，實(shí)現(xiàn)了模塊化

3）JSP的適應(yīng)平臺(tái)更廣

缺點(diǎn)：開(kāi)發(fā)速度慢；學(xué)習(xí)比較困難；開(kāi)發(fā)成本昂貴6.1網(wǎng)站技術(shù)方案認(rèn)知④PHP-開(kāi)源流行的實(shí)用語(yǔ)言

PHP即HypertextPreprocessor（超文本預(yù)處理器），是一種跨平臺(tái)的服務(wù)器內(nèi)嵌式的腳本語(yǔ)言，這種語(yǔ)言混合了C、Java、PERL等語(yǔ)言和PHP自身獨(dú)特的語(yǔ)法，只需要很少的編程知識(shí)就可以創(chuàng)建一個(gè)網(wǎng)站站點(diǎn)

優(yōu)點(diǎn)：

1）與HTML有很好的兼容性

2）提供了標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)接口

3）兼容性強(qiáng)，擴(kuò)展性強(qiáng)，可進(jìn)行面向?qū)ο缶幊?.1網(wǎng)站技術(shù)方案認(rèn)知缺點(diǎn)：1）函數(shù)名無(wú)法統(tǒng)一，移植很麻煩2）安裝復(fù)雜3）缺少正規(guī)的商業(yè)支持，無(wú)法實(shí)現(xiàn)商業(yè)品化應(yīng)用的開(kāi)發(fā)6.1網(wǎng)站技術(shù)方案認(rèn)知

這四種技術(shù)各有特色，在選擇那種技術(shù)取決于網(wǎng)絡(luò)服務(wù)器所采用的系統(tǒng)。使用微軟的系統(tǒng)，那么選擇ASP或ASP.NET較為合適

選用Linux系統(tǒng)，運(yùn)用PHP或者JSP更好一些盡量選擇熟悉的語(yǔ)言和操作系統(tǒng)，不要使用自己不熟悉的技術(shù)6.1網(wǎng)站技術(shù)方案認(rèn)知

四種開(kāi)發(fā)環(huán)境的比較P1166.1網(wǎng)站技術(shù)方案認(rèn)知一些固定的服務(wù)器軟件搭配組合模式：Windows+IIS+access+aspWindows+IIS+sqlserver+Linux+Tomcat+Mysql+JspLinux+Apache+Mysql+PHP6.1網(wǎng)站技術(shù)方案認(rèn)知4、網(wǎng)站數(shù)據(jù)庫(kù)系統(tǒng)的選用網(wǎng)站數(shù)據(jù)庫(kù)系統(tǒng)主要有：Microsoftsqlserver、IBMDB2.oracle、Access、mysql等。小型網(wǎng)站可選用Access或mysql數(shù)據(jù)庫(kù)，中型網(wǎng)站用SQLServer或Mysql，大型網(wǎng)站則使用DB2或oracle6.1網(wǎng)站技術(shù)方案認(rèn)知5、動(dòng)態(tài)域名解析服務(wù)

該技術(shù)是將一個(gè)特定的域名和上網(wǎng)電腦當(dāng)前的IP對(duì)應(yīng)，當(dāng)電腦上網(wǎng)時(shí)就定時(shí)刷新域名所對(duì)應(yīng)的IP，是用戶(hù)能轉(zhuǎn)向該電腦使用的IP。

這種技術(shù)主要用于使用動(dòng)態(tài)IP寬帶上網(wǎng)的電腦作為服務(wù)器的企業(yè)，可以非常大的降低服務(wù)器成本。6.1網(wǎng)站技術(shù)方案認(rèn)知6.1.3網(wǎng)站安全問(wèn)題（一）網(wǎng)站安全威脅的來(lái)源

1、服務(wù)器重要信息泄露 2、服務(wù)器軟件或硬件受到破壞

3、瀏覽器與服務(wù)器之間的會(huì)話信息被竊聽(tīng)和偽造

4、服務(wù)器的安全漏洞

①操作系統(tǒng)的漏洞

②服務(wù)器軟件的安全隱患

③服務(wù)器腳本程序的漏洞6.1網(wǎng)站技術(shù)方案認(rèn)知（二）網(wǎng)站安全防范

1、防止SQL注入

（1）查詢(xún)語(yǔ)言使用數(shù)據(jù)庫(kù)提供的參數(shù)化查詢(xún)接口

（2）對(duì)進(jìn)入數(shù)據(jù)庫(kù)的特殊字符進(jìn)行轉(zhuǎn)義處理，或編碼轉(zhuǎn)換

（3）確認(rèn)每種數(shù)據(jù)的類(lèi)型，比如數(shù)字型的數(shù)據(jù)必須是數(shù)字，數(shù)據(jù)庫(kù)中存儲(chǔ)字段必須是int

（4）數(shù)據(jù)長(zhǎng)度嚴(yán)格規(guī)定，防止比較長(zhǎng)的SQL注入語(yǔ)句無(wú)法正確執(zhí)行

（5）網(wǎng)站每個(gè)數(shù)據(jù)層的編碼統(tǒng)一，推薦UTF-8編碼6.1網(wǎng)站技術(shù)方案認(rèn)知（6）嚴(yán)格限制網(wǎng)站用戶(hù)的數(shù)據(jù)庫(kù)操作權(quán)限，只需提供能夠滿(mǎn)足工作的權(quán)限即可（7）避免網(wǎng)站顯示SQL錯(cuò)誤信息，防止攻擊者利用信息進(jìn)行判斷（8）在發(fā)布之前建議使用專(zhuān)業(yè)SQL注入檢測(cè)工具進(jìn)行檢測(cè)6.1網(wǎng)站技術(shù)方案認(rèn)知2、防止掛馬攻擊

掛馬：掛馬就是黑客利用網(wǎng)站漏洞修改網(wǎng)頁(yè)內(nèi)容，使訪問(wèn)者在進(jìn)入網(wǎng)站時(shí)自動(dòng)跳轉(zhuǎn)到指定的網(wǎng)站或下載木馬病毒（1）數(shù)據(jù)庫(kù)掛馬：攻擊者利用SQL注入漏洞將掛馬代碼注入數(shù)據(jù)庫(kù)某些字段中，因此需要及時(shí)清理數(shù)據(jù)庫(kù)，包括恢復(fù)數(shù)據(jù)庫(kù)或利用掛馬代碼搜索數(shù)據(jù)庫(kù)（2）文件掛馬：攻擊者直接將掛碼代碼批量寫(xiě)入服務(wù)端文件達(dá)到整站掛馬的目的，使用工具或命令遍歷網(wǎng)站的文本文件來(lái)清除掛碼代碼6.1網(wǎng)站技術(shù)方案認(rèn)知（3）ARP掛馬：在同一局域網(wǎng)的情況下，攻擊者可以通過(guò)ARP欺騙，將掛碼代碼注入用戶(hù)請(qǐng)求的響應(yīng)頁(yè)面。需要及時(shí)查找出ARP病毒，并將相應(yīng)計(jì)算機(jī)進(jìn)行安全加固（4）服務(wù)端配置文件掛馬：使用IIS里的文件重定向、啟用文檔頁(yè)腳、修改IIS映射等行為掛馬，該技巧比較常用，因此需要隨時(shí)注意配置文件是否異常6.1網(wǎng)站技術(shù)方案認(rèn)知3、防止敏感信息泄露

企業(yè)內(nèi)部有很多重要的信息，為了防止這類(lèi)敏感信息泄露，需要確認(rèn)

①網(wǎng)站上的文檔是否符合公司的安全策略

②是否對(duì)公司規(guī)定的信息安全等級(jí)相對(duì)應(yīng)

③網(wǎng)站上的文檔確實(shí)是可以訪問(wèn)和閱讀的

④使用安全刪除軟件將包含敏感信息的文檔徹底刪除6.2靜態(tài)網(wǎng)站技術(shù)6.2.1靜態(tài)網(wǎng)站認(rèn)知HTML（HyperText

MarkupLanguage）即超文本標(biāo)記語(yǔ)言，是萬(wàn)維網(wǎng)（WWW）的描述語(yǔ)言。他不是編程語(yǔ)言，而是用于描述或標(biāo)記網(wǎng)頁(yè)元素以及頁(yè)面的連結(jié)信息。純粹用HTML編寫(xiě)的網(wǎng)頁(yè)稱(chēng)為靜態(tài)網(wǎng)頁(yè)，文件通常以htm、html、shtml、xml為后綴。當(dāng)然，HTML網(wǎng)頁(yè)上也可以出現(xiàn)動(dòng)態(tài)效果，如gif動(dòng)畫(huà)，flash動(dòng)畫(huà)，滾動(dòng)字符等。6.2靜態(tài)網(wǎng)站技術(shù)靜態(tài)網(wǎng)站特點(diǎn)：（1）存取速度比動(dòng)態(tài)網(wǎng)頁(yè)快（2）內(nèi)容相對(duì)穩(wěn)定，容易被搜索引擎檢索（3）獨(dú)立于各種操作系統(tǒng)平臺(tái)（4）沒(méi)有數(shù)據(jù)庫(kù)的支持，難以對(duì)信息數(shù)據(jù)進(jìn)行管理（5）信息單向傳播，缺少交互性6.2靜態(tài)網(wǎng)站技術(shù)靜態(tài)網(wǎng)站訪問(wèn)機(jī)制：

用戶(hù)通過(guò)瀏覽器向網(wǎng)站服務(wù)器請(qǐng)求網(wǎng)頁(yè)時(shí)，網(wǎng)站服務(wù)器通過(guò)HTTP協(xié)議直接將純粹的HTML文檔傳送給客戶(hù)端服務(wù)器，HTML文件中的網(wǎng)頁(yè)元素及程序、插件等在服務(wù)器端解釋和執(zhí)行。6.2靜態(tài)網(wǎng)站技術(shù)6.2.2靜態(tài)網(wǎng)站技術(shù)方案

靜態(tài)網(wǎng)站相對(duì)穩(wěn)定，更受搜索引擎青睞。因此企業(yè)常使用靜態(tài)網(wǎng)站技術(shù)來(lái)使網(wǎng)站排名靠前，主要的實(shí)現(xiàn)途徑有：

①編寫(xiě)純靜態(tài)頁(yè)面

②靜態(tài)化

③偽靜態(tài)6.2靜態(tài)網(wǎng)站技術(shù)①編寫(xiě)純靜態(tài)頁(yè)面獲得純靜態(tài)頁(yè)面的途徑是使用網(wǎng)頁(yè)制作工具手工編寫(xiě)，生成HTML文檔，也可以利用格式轉(zhuǎn)換工具，將word或excel等文檔轉(zhuǎn)換為HTML文檔網(wǎng)頁(yè)制作工具主要是各種文本編輯器或其他html編輯工具。一類(lèi)是HTML源代碼編輯軟件，如notepad++、editplus等，這類(lèi)軟件只要掌握HTML的語(yǔ)法就能制作網(wǎng)頁(yè)另一類(lèi)是即刻產(chǎn)生效果的軟件，如FrontPage和Dreamweaver，這類(lèi)軟件不一定要了解語(yǔ)法，可以由軟件自行生成代碼6.2靜態(tài)網(wǎng)站技術(shù)②靜態(tài)化由于搜索引擎的需要，常常把動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換為靜態(tài)網(wǎng)頁(yè)。在處理方法上，有靜態(tài)化和偽靜態(tài)之分靜態(tài)化：將網(wǎng)站的動(dòng)態(tài)信息和彼此之間的關(guān)系存入數(shù)據(jù)庫(kù)，根據(jù)特定的規(guī)則和模板生成網(wǎng)站的靜態(tài)頁(yè)面，以靜態(tài)形式發(fā)布原來(lái)的動(dòng)態(tài)信息6.2靜態(tài)網(wǎng)站技術(shù)③偽靜態(tài)（Url靜態(tài)化）偽靜態(tài)不是真正意義上的靜態(tài)化，它只是利用某種方法將訪問(wèn)的路徑也就是url地址轉(zhuǎn)換為html后綴。常用的方法有兩個(gè)：利用錯(cuò)誤處理機(jī)制利用URL重寫(xiě)技術(shù)6.2靜態(tài)網(wǎng)站技術(shù)錯(cuò)誤處理機(jī)制

用IIS的404錯(cuò)誤處理機(jī)制來(lái)實(shí)現(xiàn)偽靜態(tài)要不rewrite靈活的的多，原理就是輸入不存在的網(wǎng)頁(yè)，觸發(fā)404錯(cuò)誤頁(yè)，瀏覽器就會(huì)轉(zhuǎn)向首頁(yè)或錯(cuò)誤處理頁(yè)面，在錯(cuò)誤處理頁(yè)面中設(shè)置了頁(yè)面顯示信息然后輸出在頁(yè)面中就完成了偽靜態(tài)化6.2靜態(tài)網(wǎng)站技術(shù)偽靜態(tài)化的缺點(diǎn)：①CPU占用量大②網(wǎng)頁(yè)打開(kāi)慢③大量的重復(fù)頁(yè)面④部分服務(wù)器不支持偽靜態(tài)化⑤造成真正的靜態(tài)網(wǎng)頁(yè)無(wú)法訪問(wèn)6.2靜態(tài)網(wǎng)站技術(shù)網(wǎng)站技術(shù)方案的選擇（1）靜態(tài)網(wǎng)站主要是為了搜索引擎的引用，靜態(tài)和偽靜態(tài)都可以被搜索引擎引用，但是純靜態(tài)性能更好，減少CPU和內(nèi)存的壓力，所以能用靜態(tài)就不要用偽靜態(tài)（2）使用偽靜態(tài)會(huì)增加CPU占有率，因此不要大量食用，只需在專(zhuān)門(mén)提供給搜索引擎引用的頁(yè)面中使用即可（3）不適合純靜態(tài)發(fā)布數(shù)據(jù)信息的時(shí)候使用偽靜態(tài)。純靜態(tài)只適合圖片文字等信息的發(fā)布，需要?jiǎng)討B(tài)頁(yè)面的時(shí)候就可以使用偽靜態(tài)6.3動(dòng)態(tài)網(wǎng)站技術(shù)6.3.1動(dòng)態(tài)網(wǎng)站的認(rèn)知

1、動(dòng)態(tài)網(wǎng)站概述網(wǎng)頁(yè)文檔中的程序在服務(wù)器端運(yùn)行是動(dòng)態(tài)網(wǎng)頁(yè)的重要標(biāo)志。動(dòng)態(tài)網(wǎng)頁(yè)是插入了腳本程序的網(wǎng)頁(yè)，這些程序。組件在服務(wù)器端運(yùn)行，根據(jù)不同的用戶(hù)、不同的時(shí)間返回不同的頁(yè)面。常見(jiàn)的動(dòng)態(tài)頁(yè)面后綴為asp、aspx、php、jsp等。動(dòng)態(tài)網(wǎng)站的網(wǎng)頁(yè)不是所有都是動(dòng)態(tài)網(wǎng)頁(yè)，大多數(shù)都是靜態(tài)與動(dòng)態(tài)的混合網(wǎng)頁(yè)6.3動(dòng)態(tài)網(wǎng)站技術(shù)2、動(dòng)態(tài)網(wǎng)站的特點(diǎn)：（1）交互性（2）自動(dòng)更新（3）因事因人而變（4）常常有數(shù)據(jù)庫(kù)的支持（5）動(dòng)態(tài)信息容易管理動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè)各有特點(diǎn)，選擇哪種主要看功能需求和網(wǎng)站內(nèi)容的多少6.3動(dòng)態(tài)網(wǎng)站技術(shù)3、動(dòng)態(tài)網(wǎng)頁(yè)訪問(wèn)機(jī)制動(dòng)態(tài)網(wǎng)頁(yè)文件放在服務(wù)器上，用戶(hù)訪問(wèn)時(shí)，在瀏覽器地址欄中輸入網(wǎng)址，服務(wù)器接收到請(qǐng)求先將頁(yè)面內(nèi)的腳本程序在服務(wù)器端運(yùn)行之后，再生成相應(yīng)的html頁(yè)面?zhèn)鹘o瀏覽器，瀏覽器接收到頁(yè)面之后將html內(nèi)容顯示出來(lái)6.3動(dòng)態(tài)網(wǎng)站技術(shù)4、動(dòng)態(tài)網(wǎng)站建站方案（1）定制建站，根據(jù)客戶(hù)需求來(lái)定制化開(kāi)發(fā)網(wǎng)站（2）采用CMS建站。使用網(wǎng)站半成品提高建站速度（3）自助建站。網(wǎng)站功能模塊已經(jīng)做成模板，只需要簡(jiǎn)單的設(shè)置就可以完成建站（4）使用網(wǎng)站成品，即購(gòu)買(mǎi)網(wǎng)站6.3動(dòng)態(tài)網(wǎng)站技術(shù)6.3.2定制建站方案1、定制建站的含義定制建站就是傳統(tǒng)建站，即企業(yè)找到技術(shù)人員或者專(zhuān)業(yè)公司按照企業(yè)的要求通過(guò)編寫(xiě)代碼來(lái)制作網(wǎng)站，包括網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、程序開(kāi)發(fā)、注冊(cè)域名、租用主機(jī)、上傳網(wǎng)站、發(fā)布網(wǎng)站等建站全過(guò)程。需要一定的開(kāi)發(fā)周期，成本較高，需要各種技術(shù)人員定制建站一般有兩種方案：自主開(kāi)發(fā)建造和委托專(zhuān)業(yè)公司開(kāi)發(fā)建站6.3動(dòng)態(tài)網(wǎng)站技術(shù)2、采用定制建站方案的考慮因素

（1）有網(wǎng)站的定制需求

定制建站可以根據(jù)企業(yè)的要去進(jìn)行定制，網(wǎng)頁(yè)也可以任意修改直到滿(mǎn)意，因此有定制需求是定制建站的前提

（2）有網(wǎng)站建設(shè)的技術(shù)人才

自助開(kāi)發(fā)建站的企業(yè)必須有網(wǎng)站策劃、網(wǎng)站美工和程序員來(lái)配合完成網(wǎng)站建設(shè)工作，后期維護(hù)也需要相關(guān)技術(shù)人才

（3）愿意承擔(dān)網(wǎng)站建設(shè)和維護(hù)成本

除了域名、主機(jī)空間等方面的費(fèi)用外，定制建站主要的成本來(lái)自技術(shù)人才，即使委托建站公司建站可以降低相關(guān)費(fèi)用，但后續(xù)的更新于推廣仍然需要費(fèi)用6.3動(dòng)態(tài)網(wǎng)站技術(shù)3、如何選擇定制建站公司

基于成本和技術(shù)人員的考慮，很多企業(yè)會(huì)選擇委托專(zhuān)業(yè)公司建站。因此選擇專(zhuān)業(yè)的公司就很重要，需要考慮幾點(diǎn)因素：①公司歷史

網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)是技術(shù)活，沒(méi)有一定的經(jīng)驗(yàn)?zāi)晗奘呛茈y表現(xiàn)出專(zhuān)業(yè)的水準(zhǔn)的6.3動(dòng)態(tài)網(wǎng)站技術(shù)②公司業(yè)務(wù)專(zhuān)業(yè)方向

每個(gè)公司所精通的業(yè)務(wù)不一樣，幾乎每個(gè)網(wǎng)絡(luò)公司都在開(kāi)展網(wǎng)站建設(shè)業(yè)務(wù)，只是網(wǎng)站業(yè)務(wù)占公司總業(yè)務(wù)比重不同。有搞網(wǎng)站建設(shè)的，有做百度、谷歌搜索引擎營(yíng)銷(xiāo)的，有賣(mài)域名空間的，現(xiàn)在相對(duì)正規(guī)做網(wǎng)站建設(shè)的公司主要有下面幾種：

1）主營(yíng)域名注冊(cè)/網(wǎng)站空間/企業(yè)郵箱的網(wǎng)絡(luò)公司，網(wǎng)站建設(shè)是企業(yè)的一小塊業(yè)務(wù)

2）主營(yíng)平面廣告/多媒體廣告的廣告公司，主要是做平面廣告設(shè)計(jì)的，網(wǎng)站建設(shè)也是一小塊業(yè)務(wù)6.3動(dòng)態(tài)網(wǎng)站技術(shù)

3）主營(yíng)軟件開(kāi)發(fā)的軟件公司，主要業(yè)務(wù)是軟件開(kāi)發(fā)，有部分軟件公司精通Web的軟件開(kāi)發(fā)業(yè)務(wù)，因此在選擇的時(shí)候需要注意主營(yíng)方向 4）以網(wǎng)站建設(shè)為主營(yíng)業(yè)務(wù)的建站公司。6.3動(dòng)態(tài)網(wǎng)站技術(shù)③公司案例可以通過(guò)公司過(guò)去設(shè)計(jì)開(kāi)發(fā)的網(wǎng)站案例來(lái)判斷該公司的技術(shù)水平④公司團(tuán)隊(duì)一個(gè)優(yōu)秀的網(wǎng)站建設(shè)公司，需要一個(gè)優(yōu)秀的有經(jīng)驗(yàn)的網(wǎng)站制作團(tuán)隊(duì)，新手是無(wú)法完成一個(gè)優(yōu)秀的網(wǎng)站建設(shè)任務(wù)的⑤搜索引擎上用戶(hù)的投訴歷史記錄類(lèi)似于淘寶的評(píng)價(jià)系統(tǒng)，在搜索引擎上可以搜索到客戶(hù)的一些反饋信息，⑥價(jià)格因素6.3動(dòng)態(tài)網(wǎng)站技術(shù)4、定制建站的一般流程（1）客戶(hù)提出需求（2）提供建設(shè)方案（3）查詢(xún)申辦域名（4）簽訂合同（5）組建項(xiàng)目小組（6）頁(yè)面設(shè)計(jì)（7）技術(shù)合成（8）上傳測(cè)試6.3動(dòng)態(tài)網(wǎng)站技術(shù)（9）網(wǎng)站開(kāi)通（10）網(wǎng)站推廣（11）培訓(xùn)和維護(hù)（12）售后服務(wù)6.3動(dòng)態(tài)網(wǎng)站技術(shù)6.3.3CMS建站方案1、CMS建站概述（1）CMS含義 CMS即內(nèi)容管理系統(tǒng)，是一種位于網(wǎng)站前端和網(wǎng)站后端的應(yīng)用系統(tǒng)、辦公系統(tǒng)或流程之間的軟件系統(tǒng)。通常指門(mén)戶(hù)或商業(yè)網(wǎng)站發(fā)布和管理系統(tǒng)，也可以指新聞發(fā)布網(wǎng)站、維基百科、個(gè)人網(wǎng)站系統(tǒng)和博客6.3動(dòng)態(tài)網(wǎng)站技術(shù)CMS主要有三大應(yīng)用領(lǐng)域：1、政府和企業(yè)的內(nèi)部信息門(mén)戶(hù)和知識(shí)系統(tǒng)2、網(wǎng)站內(nèi)容管理3、全文搜索6.3動(dòng)態(tài)網(wǎng)站技術(shù)CMS本質(zhì)是一種建站工具，提供了建站的網(wǎng)頁(yè)模板、功能模板、建站導(dǎo)航等功能，用戶(hù)可使用它來(lái)搭建自己的網(wǎng)站。CMS只能算是一個(gè)建站的半成品，它將框架和后臺(tái)系統(tǒng)搭建好，然而仍然需要填充內(nèi)容6.3動(dòng)態(tài)網(wǎng)站技術(shù)CMS的類(lèi)型：①框架型：只提供底層框架，不包含應(yīng)用實(shí)現(xiàn)，需要二次開(kāi)發(fā)②應(yīng)用型：本身已是一個(gè)已實(shí)現(xiàn)功能的應(yīng)用系統(tǒng)，企業(yè)和用戶(hù)只需要根據(jù)需要增刪或修改模板即可構(gòu)建一個(gè)自己的網(wǎng)站6.3動(dòng)態(tài)網(wǎng)站技術(shù)6.3.4自助建站方案1、自助建站概述（1）自助建站的意義自助建站一般是自助建站服務(wù)公司將已經(jīng)做好的網(wǎng)站成品傳到網(wǎng)絡(luò)空間上，然后客戶(hù)登錄到服務(wù)器在線公用平臺(tái)，選擇滿(mǎn)意的模板快速生成簡(jiǎn)單的動(dòng)態(tài)網(wǎng)站。6.3動(dòng)態(tài)網(wǎng)站技術(shù)（2）自助建站的特點(diǎn)①使用成品網(wǎng)站模板②即買(mǎi)即開(kāi)通，操作簡(jiǎn)便③建站周期大大縮短④成本大大降低6.3動(dòng)態(tài)網(wǎng)站技術(shù)（3）自助建站的劣勢(shì)①缺乏個(gè)性，功能簡(jiǎn)單②不能自由地移植③不能靈活的擴(kuò)展功能④不能隨意的編輯模板6.3動(dòng)態(tài)網(wǎng)站技術(shù)2、自助建站的流程（1）注冊(cè)會(huì)員（2）生成網(wǎng)站（3）后臺(tái)管理6.3動(dòng)態(tài)網(wǎng)站技術(shù)6.3.5成品網(wǎng)站建站方案1、成品網(wǎng)站建站方案概述成品網(wǎng)站是通過(guò)對(duì)網(wǎng)站的細(xì)分研究，由專(zhuān)業(yè)人員經(jīng)過(guò)精心策劃、設(shè)計(jì)和制作，做好大量現(xiàn)成的網(wǎng)站，在網(wǎng)站超時(shí)打包出售。用戶(hù)可以直接將成品網(wǎng)站安裝到服務(wù)器上6.3動(dòng)態(tài)網(wǎng)站技術(shù)2、成品網(wǎng)站的建站流程（1）購(gòu)買(mǎi)成品網(wǎng)站安裝程序（2）軟件授權(quán)：提供要綁定的域名給商家來(lái)授權(quán)（3）安裝：可自行安裝也可由商家?guī)椭惭b。自行安裝則由商家發(fā)送授權(quán)碼給用戶(hù)，商家安裝則需要提供網(wǎng)站空間的賬號(hào)密碼等由他們安裝第七章

電子商務(wù)的網(wǎng)站建設(shè)7.1靜態(tài)網(wǎng)頁(yè)制作7.2HTML語(yǔ)言7.3動(dòng)態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作7.1.1基礎(chǔ)知識(shí)介紹1、工作環(huán)境 DreamweaverCS5是一款較新的靜態(tài)網(wǎng)頁(yè)制作軟件，先從操作界面進(jìn)行一些熟悉7.1靜態(tài)網(wǎng)頁(yè)制作這是Dreamweaver的啟動(dòng)畫(huà)面7.1靜態(tài)網(wǎng)頁(yè)制作在圈中的區(qū)域單擊即可創(chuàng)建相應(yīng)類(lèi)型的文件7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作2、網(wǎng)站的創(chuàng)建與管理一般來(lái)說(shuō)，制作網(wǎng)站的第一步是確定本地站點(diǎn)的目錄結(jié)構(gòu)，并準(zhǔn)備好相應(yīng)的素材文件，然后再Dreamweaver中定義站點(diǎn)并創(chuàng)建網(wǎng)頁(yè)，具體操作步驟：7.1靜態(tài)網(wǎng)頁(yè)制作（1）確定站點(diǎn)的目錄結(jié)構(gòu)站點(diǎn)的目錄結(jié)構(gòu)對(duì)于以后網(wǎng)站的管理和維護(hù)是非常重要的，因此在創(chuàng)建網(wǎng)頁(yè)之前，先要確定好站點(diǎn)的而目錄結(jié)構(gòu)，主要包含兩個(gè)重要任務(wù)：①在本地磁盤(pán)上創(chuàng)建用來(lái)保存網(wǎng)站內(nèi)容的文件夾，該文件夾稱(chēng)為站點(diǎn)文件夾②還要在站點(diǎn)文件夾中創(chuàng)建不同的子文件夾，以存放不同類(lèi)型的文件，如：圖片放在image文件夾，flash動(dòng)畫(huà)放在flash文件夾，樣式文件放在css文件夾，名字都可以自己取，只要能區(qū)分開(kāi)就行7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作上圖就是一個(gè)典型的站點(diǎn)文件夾內(nèi)容，包括了css、image、flash、js四個(gè)子文件夾，還有若干個(gè)網(wǎng)頁(yè)文件在開(kāi)始制作網(wǎng)頁(yè)前最好將所有的素材都放進(jìn)相應(yīng)的子文件夾中，特別是圖片、flash動(dòng)畫(huà)等資源，方便之后的調(diào)用在創(chuàng)建網(wǎng)頁(yè)之前，先要定義好站點(diǎn)，主要包括設(shè)置站點(diǎn)名稱(chēng)、站點(diǎn)性質(zhì)以及站點(diǎn)對(duì)應(yīng)的文件夾7.1靜態(tài)網(wǎng)頁(yè)制作具體案例：先在自己的磁盤(pán)上創(chuàng)建一個(gè)名為“恒威管業(yè)”的文件夾，作為站點(diǎn)的根文件夾，并且在文件夾的下面先準(zhǔn)備好子文件夾，將用到的圖片、flash動(dòng)畫(huà)等資源放入分好類(lèi)的文件夾中7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作站點(diǎn)創(chuàng)建步驟：第一步：選擇新建站點(diǎn)7.1靜態(tài)網(wǎng)頁(yè)制作第二步：點(diǎn)擊右側(cè)的文件夾圖標(biāo)，選擇創(chuàng)建的文件夾7.1靜態(tài)網(wǎng)頁(yè)制作第三步：將站點(diǎn)名字改為恒威管業(yè)7.1靜態(tài)網(wǎng)頁(yè)制作第四步：點(diǎn)擊保存，可以看到站點(diǎn)出現(xiàn)在了左下角7.1靜態(tài)網(wǎng)頁(yè)制作如果出現(xiàn)需要新的文件夾或者文件時(shí)，很簡(jiǎn)單，直接在右下角點(diǎn)擊右鍵，新建即可7.1靜態(tài)網(wǎng)頁(yè)制作可以看到，點(diǎn)擊新建文件會(huì)自動(dòng)新建一個(gè)html文件在根目錄下，用戶(hù)取名字即可7.1靜態(tài)網(wǎng)頁(yè)制作3、網(wǎng)頁(yè)文檔的基本操作（1）新建網(wǎng)頁(yè)方法一：選擇文件->新建7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作創(chuàng)建好之后點(diǎn)擊保存7.1靜態(tài)網(wǎng)頁(yè)制作保存在站點(diǎn)目錄下，取上適當(dāng)?shù)拿旨纯?.1靜態(tài)網(wǎng)頁(yè)制作方法二：直接在首頁(yè)點(diǎn)擊html即可7.1靜態(tài)網(wǎng)頁(yè)制作然后進(jìn)行保存操作即可7.1靜態(tài)網(wǎng)頁(yè)制作方法三：前面提到的直接在站點(diǎn)文件點(diǎn)擊右鍵新建即可7.1靜態(tài)網(wǎng)頁(yè)制作取名之后雙擊即可打開(kāi)7.1靜態(tài)網(wǎng)頁(yè)制作（2）預(yù)覽網(wǎng)頁(yè)編輯網(wǎng)頁(yè)之后可以進(jìn)行網(wǎng)頁(yè)的預(yù)覽，第一種方法是直接在右側(cè)進(jìn)行預(yù)覽，但是為了適合瀏覽器的兼容性，一般通過(guò)瀏覽器來(lái)預(yù)覽，有兩種方式：①單擊工具欄的按鈕，選擇在不同的瀏覽器進(jìn)行預(yù)覽7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作②直接按F12會(huì)自動(dòng)使用默認(rèn)瀏覽器打開(kāi)當(dāng)前網(wǎng)頁(yè)7.1靜態(tài)網(wǎng)頁(yè)制作4、網(wǎng)頁(yè)基本頁(yè)面屬性設(shè)置（1）選擇修改->頁(yè)面屬性命令7.1靜態(tài)網(wǎng)頁(yè)制作也可以單擊屬性面板的頁(yè)面屬性按鈕或者使用Ctrl+J的快捷鍵7.1靜態(tài)網(wǎng)頁(yè)制作在彈出的對(duì)話框中設(shè)置整個(gè)文檔的信息，在“外觀”選項(xiàng)中可以設(shè)置頁(yè)面的一些基本屬性，包括字體，大小，文本顏色，背景顏色等7.1靜態(tài)網(wǎng)頁(yè)制作（2）“鏈接”選項(xiàng)中可以設(shè)置與頁(yè)面鏈接有關(guān)的屬性7.1靜態(tài)網(wǎng)頁(yè)制作（3）標(biāo)題選項(xiàng)中可以設(shè)置與標(biāo)題相關(guān)的字體，顏色等7.1靜態(tài)網(wǎng)頁(yè)制作（4）標(biāo)題/編碼選項(xiàng)主要設(shè)置的是文字的編碼7.1靜態(tài)網(wǎng)頁(yè)制作（5）跟蹤圖像可以設(shè)置跟蹤圖像的屬性，跟蹤圖像是在網(wǎng)頁(yè)已經(jīng)由PS畫(huà)好之后可以作為背景放在頁(yè)面后面，然后制作網(wǎng)頁(yè)的時(shí)候可以根據(jù)背景進(jìn)行網(wǎng)頁(yè)的排版7.1靜態(tài)網(wǎng)頁(yè)制作5、網(wǎng)頁(yè)文件的命名規(guī)則（1）所有文件名使用英文小寫(xiě)，不要用大寫(xiě)字母（2）不要使用中文命名（3）不要再文件名中加空格，如果需要隔開(kāi)可以使用下劃線“_”（4）運(yùn)算符符號(hào)不能用在文件名開(kāi)頭7.1靜態(tài)網(wǎng)頁(yè)制作7.1.2網(wǎng)頁(yè)內(nèi)容的編輯1、在網(wǎng)頁(yè)中插入文本文本是網(wǎng)頁(yè)中不可或缺的一部分，無(wú)論什么網(wǎng)頁(yè)，都需要在網(wǎng)頁(yè)中添加文本來(lái)傳達(dá)信息。在Dreamweaver中輸入文本的方法非常簡(jiǎn)單，只需要在光標(biāo)定位的位置輸入文字即可，也可以進(jìn)行復(fù)制粘貼后設(shè)置各種格式和屬性注：Dreamweaver中分段是按“Enter”鍵，換行是按“Shift+Enter”7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作設(shè)置文本段落和字符格式：利用屬性面板為文本和段落格式設(shè)置不同的樣式，具體方法為：選中要設(shè)置的文本，打開(kāi)屬性面板，進(jìn)行相關(guān)的設(shè)置，類(lèi)似于word文檔處理7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作用戶(hù)也能在軟件下方直接進(jìn)入屬性的設(shè)置7.1靜態(tài)網(wǎng)頁(yè)制作練習(xí)1：在網(wǎng)頁(yè)中輸入文本，設(shè)置字體為“Arial,Helvetica,sans-serif”，字體大小為18px，文本顏色為黃色7.1靜態(tài)網(wǎng)頁(yè)制作2、在網(wǎng)頁(yè)中插入水平線網(wǎng)頁(yè)中插入水平線可以很方便的對(duì)內(nèi)容進(jìn)行分塊，區(qū)域進(jìn)行分區(qū)插入水平線有兩種方法7.1靜態(tài)網(wǎng)頁(yè)制作方法一：選擇插入->HTML->水平線7.1靜態(tài)網(wǎng)頁(yè)制作方法二：在插入欄中選擇水平線按鈕即可7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作修改水平線屬性：如果對(duì)水平線的高度和寬度有要求，可以直接進(jìn)行修改，在軟件的下方7.1靜態(tài)網(wǎng)頁(yè)制作修改水平線顏色：如果需要對(duì)水平線顏色進(jìn)行修改則不能直接進(jìn)行設(shè)置，需要在左邊的代碼區(qū)進(jìn)行代碼的添加，即在水平線的標(biāo)簽中輸入“color=”等號(hào)后面填上顏色代碼7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作填寫(xiě)完代碼之后，預(yù)覽中的水平線并不會(huì)改變顏色，必須打開(kāi)瀏覽器才能看到變化7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作除了上述的更改方法，還可以點(diǎn)擊左下角的“快速標(biāo)簽編輯器”進(jìn)行更改7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作練習(xí)2：在段落中間加一條水平線，設(shè)置長(zhǎng)度為700，寬度5，顏色為紅色7.1靜態(tài)網(wǎng)頁(yè)制作知識(shí)補(bǔ)充：（1）標(biāo)簽：即HTML標(biāo)簽，是WWW的描述語(yǔ)言。一個(gè)標(biāo)簽由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽搭配使用，中間放入內(nèi)容和描述性用語(yǔ)例如：<p>這是一段話</p>這在瀏覽器中只會(huì)顯示中間的中文，兩邊的是描述性語(yǔ)言，表示中間這句話是一個(gè)段落7.1靜態(tài)網(wǎng)頁(yè)制作在標(biāo)簽中也可以加入描述性用語(yǔ)，用來(lái)規(guī)定標(biāo)簽的顯示狀態(tài)，主要的描述性用語(yǔ)有：border=“”;調(diào)整邊框的寬度color=“”;調(diào)整顏色width=“”;調(diào)整寬度height=“”;調(diào)整高度因此一般可以對(duì)顯示的文字進(jìn)行各種調(diào)整，如：<p><fontsize=“15px”color=“red”>這是一段話<font></p>7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作常用的標(biāo)簽主要有：<html></html>:html文件必須要有的標(biāo)簽<body></body>:html文件的主體內(nèi)容<head></head>:頭文件內(nèi)容，一般放入標(biāo)題和一些說(shuō)明<p></p>:表示一個(gè)段落<font></font>:對(duì)字體進(jìn)行設(shè)置<table></table>:制作一個(gè)表格7.1靜態(tài)網(wǎng)頁(yè)制作（2）顏色代碼當(dāng)我們需要對(duì)字體或者背景以及其他設(shè)置顏色的時(shí)候需要對(duì)顏色的代碼有個(gè)了解，因?yàn)樾枰鄳?yīng)的代碼才能顯示相應(yīng)的顏色。每一種顏色都對(duì)應(yīng)了相應(yīng)的代碼，一般人是無(wú)法記住的，在Dreamweaver中可以對(duì)代碼進(jìn)行一個(gè)查找7.1靜態(tài)網(wǎng)頁(yè)制作首先，打開(kāi)頁(yè)面屬性7.1靜態(tài)網(wǎng)頁(yè)制作點(diǎn)開(kāi)外觀（HTML），點(diǎn)擊背景，選擇需要的顏色即可在上方顯示顏色代碼7.1靜態(tài)網(wǎng)頁(yè)制作將我們需要的顏色代碼寫(xiě)入相應(yīng)的屬性中就行了，注意“#”也要寫(xiě)進(jìn)去7.1靜態(tài)網(wǎng)頁(yè)制作在瀏覽器中打開(kāi)后，就可以看到顏色的變化了7.1靜態(tài)網(wǎng)頁(yè)制作如果是使用我們常用的顏色，有些可以不需要代碼，直接用英文即可：red-紅色blue-藍(lán)色gray-灰色yellow-黃色green-綠色white-白色black-黑色7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作任務(wù)：1、創(chuàng)建“恒威管業(yè)”站點(diǎn)，包括“恒威管業(yè)”主目錄，下設(shè)“image”“flash”“css”“js”“video”子目錄，創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文件“index.html”2、在網(wǎng)頁(yè)中插入文本，按照?qǐng)D片中的文本進(jìn)行填寫(xiě)3、按照?qǐng)D片中的樣子插入水平線并修改顏色為綠色，需要以填寫(xiě)顏色代碼的形式插入4、設(shè)置字體為“Arial,Helvetica,sans-serif”，字體大小為18px，文本顏色為黃色，背景顏色為天藍(lán)色7.1靜態(tài)網(wǎng)頁(yè)制作3、在網(wǎng)頁(yè)中插入圖像和動(dòng)畫(huà)圖像和動(dòng)畫(huà)是網(wǎng)頁(yè)中不可或缺的一部分，恰當(dāng)?shù)氖褂脠D像和動(dòng)畫(huà)可以使網(wǎng)頁(yè)變得更加賞心悅目，便于閱讀，從而使更多的訪問(wèn)者愿意訪問(wèn)網(wǎng)站（1）插入圖片的方法很簡(jiǎn)單，在插入欄中點(diǎn)擊圖像按鈕，選擇要插入的圖片確定即可7.1靜態(tài)網(wǎng)頁(yè)制作點(diǎn)擊圖像按鈕7.1靜態(tài)網(wǎng)頁(yè)制作選擇需要插入的圖片點(diǎn)擊確定7.1靜態(tài)網(wǎng)頁(yè)制作7.1靜態(tài)網(wǎng)頁(yè)制作注意：在插入圖片時(shí)，如果所選圖片不在站點(diǎn)文件夾內(nèi)，系統(tǒng)會(huì)提示是否將其復(fù)制在站點(diǎn)文件夾中，一般選擇“是”，否則會(huì)導(dǎo)致網(wǎng)站用到站點(diǎn)外的圖片，用瀏覽器打開(kāi)是不會(huì)顯示圖片的7.1靜態(tài)網(wǎng)頁(yè)制作練習(xí)3：在網(wǎng)頁(yè)頂部插入LOGO圖片7.1靜態(tài)網(wǎng)頁(yè)制作（2）插入Flash動(dòng)畫(huà)Flash動(dòng)畫(huà)是目前最為流行的矢量動(dòng)畫(huà)，它的文件小、變化豐富，很多網(wǎng)頁(yè)都是用Flash動(dòng)畫(huà)來(lái)展示更多的內(nèi)容插入方法：在插入欄中點(diǎn)擊“媒體：SWF”按鈕，在選項(xiàng)框中選擇一個(gè)flash文件點(diǎn)擊確定即可7.1靜態(tài)網(wǎng)頁(yè)制作點(diǎn)擊媒體：SWF按鈕7.1靜態(tài)網(wǎng)頁(yè)制作選擇需要插入的Flash動(dòng)畫(huà)7.1靜態(tài)網(wǎng)頁(yè)制作點(diǎn)擊確認(rèn)即可7.1靜態(tài)網(wǎng)頁(yè)制作需要在瀏覽器中進(jìn)行預(yù)覽7.1靜態(tài)網(wǎng)頁(yè)制作練習(xí)4：在LOGO下面插入Flash動(dòng)畫(huà)7.1靜態(tài)網(wǎng)頁(yè)制作4、插入超級(jí)鏈接“鏈接”是網(wǎng)站中必備的部分，是通向其他網(wǎng)頁(yè)文件以及其他網(wǎng)站的方法。通過(guò)鏈接我們可以跳轉(zhuǎn)到不同的網(wǎng)頁(yè)或進(jìn)行其他的操作。設(shè)置鏈接的方法有很多種，最簡(jiǎn)單的就是在“屬性”面板上的“鏈接”文本框中直接輸入要鏈接的文件地址超鏈接一般分為三種：常規(guī)連接、圖片鏈接和熱點(diǎn)鏈接7.1靜態(tài)網(wǎng)頁(yè)制作（1）常規(guī)鏈接常規(guī)鏈接包括內(nèi)部鏈接和外部鏈接內(nèi)部鏈接指站點(diǎn)內(nèi)部寫(xiě)好的頁(yè)面外部鏈接則是跳轉(zhuǎn)到其他網(wǎng)站內(nèi)的網(wǎng)頁(yè)7.1靜態(tài)網(wǎng)頁(yè)制作①內(nèi)部鏈接內(nèi)部鏈接的設(shè)置很方便，選中要設(shè)置鏈接的文本或圖像后，可以在屬性面板的“鏈接”文本框中直接輸入要連接到的網(wǎng)址或網(wǎng)頁(yè)名稱(chēng)；也可通過(guò)單擊“屬性”面板上“鏈接”文本框后的文件夾圖標(biāo)選擇7.1靜態(tài)網(wǎng)頁(yè)制作方法一：選擇需要變成鏈接的文字，在選項(xiàng)框中寫(xiě)入鏈接名稱(chēng)7.1靜態(tài)網(wǎng)頁(yè)制作方法二：點(diǎn)擊鏈接框后面的文件夾按鈕7.1靜態(tài)網(wǎng)頁(yè)制作選擇需要的文件點(diǎn)擊確定即可7.1靜態(tài)網(wǎng)頁(yè)制作方法三：直接將鏈接框后面的“指向文件”按鈕拖拽到需要鏈接的文件即可7.1靜態(tài)網(wǎng)頁(yè)制作鏈接下方還有一個(gè)“目標(biāo)”的下拉菜單，有五個(gè)選項(xiàng)：_blank:點(diǎn)擊鏈接打開(kāi)新的窗口，始終在另一個(gè)新窗口_new:點(diǎn)擊鏈接打開(kāi)新的窗口，始終在同一個(gè)新窗口_parent:在當(dāng)前窗口顯示被打開(kāi)的窗口_self:在當(dāng)前窗口顯示被打開(kāi)的窗口_top:在當(dāng)前窗口顯示被打開(kāi)的窗口7.1靜態(tài)網(wǎng)頁(yè)制作練習(xí)5：在網(wǎng)頁(yè)最下方插入一個(gè)超鏈接名為“內(nèi)部鏈接”，指向新建的一個(gè)網(wǎng)頁(yè)文件名為“news.html”7.1靜態(tài)網(wǎng)頁(yè)制作②外部鏈接外部鏈接只能在“鏈接”框中輸入網(wǎng)址，注意要寫(xiě)全網(wǎng)址，包括http7.1靜態(tài)網(wǎng)頁(yè)制作練習(xí)6：在內(nèi)部鏈接下一行創(chuàng)建一個(gè)名為“百度”的外部鏈接，指向百度首頁(yè)，即7.1靜態(tài)網(wǎng)頁(yè)制作（2）圖片鏈接圖片鏈接的設(shè)置與普通鏈接一樣，只是文本鏈接是框選文本，而圖片鏈接是選擇圖片，其余操作是完全一致的7.1靜態(tài)網(wǎng)頁(yè)制作（3）熱點(diǎn)鏈接之前說(shuō)到圖片鏈接，只能為圖片設(shè)置一種鏈接，現(xiàn)在如果需要為一個(gè)圖片設(shè)置多個(gè)鏈接的時(shí)候就需要用到熱點(diǎn)鏈接具體步驟如下：7.1靜態(tài)網(wǎng)頁(yè)制作①選中需要設(shè)置的圖片，在屬性面板點(diǎn)擊熱點(diǎn)工具，一般選擇矩形7.1靜態(tài)網(wǎng)頁(yè)制作②在圖片上“首頁(yè)”區(qū)域，繪制一個(gè)矩形區(qū)域7.1靜態(tài)網(wǎng)頁(yè)制作③在屬性面板設(shè)置鏈接7.1靜態(tài)網(wǎng)頁(yè)制作④繼續(xù)在下一個(gè)菜單框選,并重復(fù)上述操作7.1靜態(tài)網(wǎng)頁(yè)制作任務(wù)：1、創(chuàng)建兩個(gè)新網(wǎng)頁(yè)文件turn.html和news.html2、插入LOGO圖片3、插入Flash圖片4、設(shè)置LOGO圖片的超鏈接為5、把菜單欄圖片設(shè)置為熱點(diǎn)鏈接，“首頁(yè)”指向index.html，“關(guān)于我們”指向turn.html，新聞中心指向“news.html”，全部以打開(kāi)新窗口的方式打開(kāi)6、在turn.html中加入一句話：“這是一個(gè)內(nèi)部鏈接跳轉(zhuǎn)文件”7.1靜態(tài)網(wǎng)頁(yè)制作三、利用表格布局網(wǎng)頁(yè)（一）創(chuàng)建表格表格是由一個(gè)或多個(gè)單元格構(gòu)成的集合，表格中橫向的多個(gè)單元格稱(chēng)為行（以<tr></tr>標(biāo)簽表示），垂直的稱(chēng)為列（以<td></td>標(biāo)簽表示）。表格的建立可以很好的將網(wǎng)頁(yè)中的元素整齊地?cái)[放在中間而不會(huì)出現(xiàn)凌亂的現(xiàn)象7.1靜態(tài)網(wǎng)頁(yè)制作1、創(chuàng)建表格Dreamweaver中提供了很方便的創(chuàng)建表格的方法，點(diǎn)擊“插入”點(diǎn)擊“表格”即可7.1靜態(tài)網(wǎng)頁(yè)制作也可以在快捷插入欄點(diǎn)擊表格的快捷鍵7.1靜態(tài)網(wǎng)頁(yè)制作設(shè)置各項(xiàng)參數(shù)之后點(diǎn)擊創(chuàng)建即可7.1靜態(tài)網(wǎng)頁(yè)制作下面對(duì)設(shè)置的屬性進(jìn)行說(shuō)明：①行數(shù)和列數(shù)：即需要插入幾行幾列的表格，輸入相應(yīng)的數(shù)字即可②表格寬度：如果不設(shè)置表格寬度就會(huì)根據(jù)內(nèi)容自行調(diào)整，輸入則固定寬度。像素是顯示器的顯示基本單位，百分比則是相對(duì)于瀏覽器的，瀏覽器大小變化也會(huì)導(dǎo)致表格發(fā)生變化③邊框粗細(xì)：表格邊框的粗細(xì)，一般用于調(diào)整表格④單元格邊距：也叫單元格填充，指內(nèi)容與邊框的距離⑤單元格間距：值單元格之間的距離7.1靜態(tài)網(wǎng)頁(yè)制作選擇單元格：與Excel的操作類(lèi)似，按住Ctrl加鼠標(biāo)點(diǎn)擊即可，或者使用鼠標(biāo)拖拽7.1靜態(tài)網(wǎng)頁(yè)制作（二）表格和單元格屬性設(shè)置選擇表格后，在屬性面板有很多屬性可以進(jìn)行設(shè)置7.1靜態(tài)網(wǎng)頁(yè)制作①水平：設(shè)置單元格內(nèi)容水平擺放方法，有左對(duì)齊，居中和右對(duì)齊三種②垂直：設(shè)置單元格內(nèi)容垂直擺放方法，有頂端、居中、底部、基線四種③寬、高：設(shè)置單元格的寬和高④背景顏色：設(shè)置單元格的背景顏色7.1