CSS樣式產(chǎn)生沖突時應(yīng)遵循的規(guī)則？

簡單的說

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計、網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)陽朔,十年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

網(wǎng)絡(luò)維護(hù)是維護(hù)網(wǎng)絡(luò)安全和網(wǎng)絡(luò)通暢的

像是局域網(wǎng)的維護(hù)或者是其他等

服務(wù)器維護(hù)是維護(hù)服務(wù)器每天的正常運(yùn)作，防止它出現(xiàn)什么狀況，服務(wù)器的供電 ，服務(wù)器主機(jī)系統(tǒng)的的維護(hù)

服務(wù)器內(nèi)部資料的維護(hù)和備份等

建網(wǎng)站的投入可是很大的。

首先是申請免費(fèi)個人主頁空間（當(dāng)然也可以申請付費(fèi)的，看你自己的情況了）。你可以在搜索引擎中以"免費(fèi)資源"為關(guān)鍵字進(jìn)行搜索，在找到的網(wǎng)頁中查看免費(fèi)個人主頁部分，進(jìn)入提供免費(fèi)個人主頁的網(wǎng)站之后，再按步驟完成申請表格。然后是編輯個人網(wǎng)頁。如果你是初學(xué)者，建議你使用FrontPage，因為它是一個所見即所得的網(wǎng)頁編輯軟件，也是微軟OFFICE的一個組件，使用起來和WORD有很多類似之處。最后是上傳網(wǎng)頁。請按提供個人主頁空間服務(wù)的網(wǎng)站上的上傳說明中的方法上傳你編輯好的網(wǎng)頁。經(jīng)過這些步驟，你的個人主頁就建立了.

如何建立一個網(wǎng)站？

（信息來源：商翼網(wǎng)站策劃 ）

一、引言

一個網(wǎng)站的整體規(guī)劃和設(shè)計的好壞是它發(fā)展的重要之處， 也是它吸引人們?yōu)g覽的所在之處。Internet/Intranet技術(shù)的日益發(fā)展，使人們認(rèn)識到了Internet/Intranet的優(yōu)勢，更使得數(shù)據(jù)庫與web的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術(shù)之一。

通常情況下，通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的。所謂“靜態(tài)”，是指網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變”， 當(dāng)瀏覽器通過互聯(lián)網(wǎng)的HTTP（Hypertext Transport Protocol）協(xié)議向Web服務(wù)器請求提供網(wǎng)頁時，服務(wù)器僅僅是將原來設(shè)計好的靜態(tài)HTML文檔傳給瀏覽器。其頁面內(nèi)容使用的僅僅是標(biāo)準(zhǔn)的HTML代碼，最多再加上流行的GIF89A 格式的動態(tài)圖片，比如產(chǎn)生幾只小貓小狗跑來跑去的動畫效果。 若網(wǎng)站維護(hù)者要更新網(wǎng)頁的內(nèi)容，就必須手動更新所有的HTML文檔。靜態(tài)網(wǎng)站的致命弱點(diǎn)就是不易維護(hù)。為了更新網(wǎng)頁的內(nèi)容， 網(wǎng)站維護(hù)者必須重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴(kuò)增，可以想象這是多么復(fù)雜繁瑣的工作。

那么，什么是動態(tài)網(wǎng)站呢？所謂“動態(tài)”，并不是指放在網(wǎng)頁上的圖片會動，動態(tài)頁面應(yīng)具有以下幾個特點(diǎn)：

（一）.交互性：即網(wǎng)頁能根據(jù)客戶的要求和選擇而動態(tài)改變和響應(yīng)，瀏覽器即作為客戶端界面，這是今后Web發(fā)展的大勢所趨。

（二）.自動更新：即無需手動更新HTML文檔， 就能自動生成新的頁面，從而大大減少工作量。

（三）.因時因人而變：即當(dāng)不同的時間、不同的人訪問同一網(wǎng)址時能產(chǎn)生不同的頁面，這一點(diǎn)對于需要對使用者授權(quán)的網(wǎng)站尤其適用。

隨著的Internet迅速發(fā)展，不管是專業(yè)的ISP(Internet服務(wù)提供者)和ICP(Internet內(nèi)容提供者)，還是一般的政府機(jī)關(guān)、銀行、交通部門、學(xué)校、醫(yī)院、服務(wù)者，甚至是每個人，都在積極尋求在Internet上發(fā)布信息，提供新型的網(wǎng)上管理和服務(wù)。可以說，網(wǎng)站設(shè)計和網(wǎng)站的編輯正成為新興的熱門行業(yè)。

二、網(wǎng)站的系統(tǒng)分析

（一）.項目立項

我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經(jīng)理，網(wǎng)頁設(shè)計，程序員，測試員，編輯/文檔等必須人員。

（二）.客戶的需求說明書

第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。有些客戶可能對自己建什么樣的網(wǎng)站根本就沒有明確的目的，以及他的網(wǎng)站建好后來干什么也是一無所知，為了客戶能有明確的目的我們需要耐心說明，仔細(xì)分析，挖掘出客戶潛在的，真正的需求。這樣對大家都有好處，我們的宗旨應(yīng)該是“客戶明明白白，雙方高高興興。”對客戶和自己都是一種負(fù)責(zé)。

配合客戶寫一份詳細(xì)的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點(diǎn)：正確性：每個功能必須清楚描寫交付的功能；可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個需求；必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時"砍"掉；簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。

三、建設(shè)方案

（一）.建站理念

(1)預(yù)早籌劃

設(shè)計主頁未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹(jǐn)慎處理和籌劃。換言之，我們必須首先 確定自己需要傳達(dá)的主要信息，然后細(xì)意斟酌、把所有意念合情合理地組織起來；之后是設(shè)計一個頁面式樣，試用于有代表性的用戶，接著重復(fù)修訂，務(wù)求盡善盡美。

(2)盡量精簡

主頁的作用好比一本書的封面，是為了吸引用戶測覽你的網(wǎng)址內(nèi)容。因此，主頁的設(shè)汁應(yīng)以醒目為上、令人一目了然。切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。在主頁上清楚列出三項要點(diǎn)，例如機(jī)構(gòu)名稱、提供的產(chǎn)品或服務(wù) 、以及主頁內(nèi)容(亦即你的其他頁面還載有什么資料)。應(yīng)切記頁面給人的第一觀感最為重要。在網(wǎng)上到處瀏覽的人很多。如果你的主頁真沒有吸引力，很難令他們深入觀賞。

(3)盡量簡樸

現(xiàn)今大部分用戶那是用調(diào)制解調(diào)器接駁萬維網(wǎng)，所以他們一般都要花很多時間等待主頁傳送到自己的系統(tǒng)。主頁上的圖形應(yīng)力求簡樸， 避免耽擱用戶的時間。圖像愈大、顏色愈深，傳送頁面的時間愈長。這并不是說你要完全略去圖像不用，只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約10KB(千字節(jié))以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可；應(yīng)考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒，很多用戶就會等得不耐煩。如果情況許可，最好先測試你的主頁在稍差的條件下的傳送速率，14.4千波特的調(diào)制解調(diào)器，或透過 Prodigy 等網(wǎng)上服務(wù)接駁萬維網(wǎng)等。

此外、還須注意配合最低檔的設(shè)備，例如標(biāo)準(zhǔn)的小型顯示器，不要假設(shè)人人都用高解像度的大熒幕。運(yùn)用先進(jìn)瀏覽軟件所提供的一些尖端功能是可以的、但應(yīng)確保你的主頁在次一級的瀏覽軟件上(例如某些網(wǎng)上服務(wù)所提供的專用瀏覽軟件)仍可暢順地顯現(xiàn)。

(4)善用圖像

用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸。最佳的圖像應(yīng)集美觀與傳訊于一身。注意圖畫可以彌補(bǔ)文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所帶的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達(dá)—次。用“純文中”模式測試已制成的主頁，確保其傳達(dá)到所有信息。

(5)使主頁易于漫游

主頁的其中一個主要功能是作為漫游工具，指引用戶查閱你存儲在網(wǎng)址或其他地點(diǎn)的信息。盡量使漫游過程不費(fèi)吹灰之力。基于清晰明確和速度的考慮，主頁上的聯(lián)接項目應(yīng)只限于幾個高級的類別，例如公司、產(chǎn)品、服務(wù)、支援等。用六至八個聯(lián)接項目最為理想。

此外，你提供的信息不應(yīng)埋藏在重重疊疊的頁面之下。穿越五個以上的聯(lián)接項目已足以令人厭煩。因此，你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息，你可能要編制較長的頁面或使用更多聯(lián)接項目，甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關(guān)鍵字或詞語查找所需的信息，肯定受用戶歡迎。

假若你有充足的資源，便應(yīng)找一位專家來評估你設(shè)計的主頁是否方便易用。設(shè)法找一些對主頁陌生的用戶，來試用你的初步制成品。

(6)提網(wǎng)協(xié)領(lǐng)

主頁—般須載有以下事項：

標(biāo)題,此標(biāo)題須清楚無誤地標(biāo)示你的網(wǎng)站。標(biāo)題可以是名稱、標(biāo)語徽號或圖像。

電子郵件地址 ,以便用戶有問題時，可以通知你。

版權(quán)資料,這是適用于主頁內(nèi)容的版權(quán)規(guī)定。你可以在主頁上標(biāo)示一句簡短的版權(quán)聲明，用聯(lián)接方法帶出另—個載有詳細(xì)使用條款的頁面,這樣可以避免主頁顯得亂糟糟。

聯(lián)絡(luò)資料 ,列出通訊地址電話號碼等。

(7)循環(huán)利用現(xiàn)有信息

制作主頁時，通常都毋須從頭做起，因為有許多現(xiàn)成的文字、圖畫等資料可供我們重用，例如宣傳小冊、公關(guān)文件、技術(shù)手冊、資料庫等。很多情況下，只要用少許功夫、就可把這些材料轉(zhuǎn)到網(wǎng)頁上使用。

(8)保持新鮮感

萬維網(wǎng)上不斷有新事物出現(xiàn)、每天都有新花樣。如果你的主頁從不改變，用戶很快會厭倦。在主頁上預(yù)告即將有新資料推出，可吸引用戶再來瀏覽不妨在頁頭以大字標(biāo)題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續(xù)或自動更新、例如列出會瀏覽你的網(wǎng)站的人次。

同樣，為保持新鮮感，應(yīng)時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關(guān)及資料編制計劃內(nèi)，亦即當(dāng)你使用傳統(tǒng)方法(例如新聞稿)傳遞的新信息時出現(xiàn)在你的主頁上。確保連接項目運(yùn)作暢順，以免用戶在熒幕上收到“無法查閱所需檔案”的信息而大感沒趣。

(9)貫徹諾言

做不到的事情，千萬不要輕易承諾。切勿隨便叫用戶做出回應(yīng)行動，例如要求用戶填交訂貸表格，除非你已制訂好處理這些訂單的方法和交貨程序。如果在網(wǎng)上列出聯(lián)絡(luò)電話,就要確保自己能夠迅速解決來電者的問題。

(10)吸引用戶瀏覽

既然絞盡腦汁把主頁弄得美觀實(shí)用，沒有人來欣賞就太可惜了。為吸引所有網(wǎng)中人來瀏覽，必須使主頁易于尋找。通知其他網(wǎng)站(例如題材相關(guān)的網(wǎng)站)，他們可能想連接你的主頁。安排將自己的網(wǎng)址列在所有相關(guān)的網(wǎng)址目錄、索引、查找程序和“What's new”頁面上。盡量將網(wǎng)址傳播開去，使之出現(xiàn)在 Internet和所有傳統(tǒng)煤體上、例如書刊廣告、公關(guān)文件、宣傳品等。

在網(wǎng)站上，于每個頁面設(shè)置“home”按鍵，方便用戶隨時返回主頁。

萬維網(wǎng)充滿生命力、正在不斷演進(jìn)，所以一些現(xiàn)時適用的經(jīng)驗，將來未必合用。舉例來說，將來家居用戶有高速線路接駁Internet，就可以消除數(shù)據(jù)傳輸目前的所受的限制、使主頁的篇幅可以更長，頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟件所提供的先進(jìn)功能、將使萬維網(wǎng)更強(qiáng)勁和更方便溝通。 HotJava將主頁由靜態(tài)的文件轉(zhuǎn)為動態(tài)的實(shí)體， 提供諸如即時制作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網(wǎng)上用戶帶來更多樂趣。有好的主頁，還須有精良的設(shè)備支持。網(wǎng)站服務(wù)器不斷推陳出新，使建設(shè)網(wǎng)站的工作愈來愈容易。

（二）.網(wǎng)站總體設(shè)計

在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進(jìn)行總體設(shè)計，詳細(xì)設(shè)計出一份網(wǎng)站建設(shè)方案給客戶。總體設(shè)計是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實(shí)現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計；網(wǎng)站的交互性和用戶友好設(shè)計。

在總體設(shè)計出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分：.客戶情況分析；網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說明；網(wǎng)站的欄目板塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件，硬件和技術(shù)分析說明；開發(fā)時間進(jìn)度表；宣傳推廣方案；維護(hù)方案；制作費(fèi)用；本公司簡介：成功作品，技術(shù)，人才說明等。當(dāng)您的方案通過客戶的認(rèn)可，那么可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計。

（三）．網(wǎng)站詳細(xì)設(shè)計

總體設(shè)計階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序，而是設(shè)計出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼。我們這次主要用ASP來實(shí)現(xiàn)有關(guān)功能和解決有關(guān)問題的，例如，公告版BBS,聊天室，信息發(fā)布系統(tǒng)， 網(wǎng)上超市等都用ASP來實(shí)現(xiàn)人機(jī)交互功能的，其中也用到調(diào)用數(shù)據(jù)庫的技術(shù)。

ASP (Active Server Pages)是Microsoft 公司推出的一種Web應(yīng)用程序開發(fā)技術(shù)，也是服務(wù)器端的腳本（Script）運(yùn)行環(huán)境，使用該技術(shù)可以開發(fā)動態(tài)的、交互的Web應(yīng)用程序。

（四）.網(wǎng)站的制作規(guī)范探討

(1)網(wǎng)站目錄規(guī)范

目錄建立的原則：以最少的層次提供最清晰簡便的訪問結(jié)構(gòu)。

a.根目錄。根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件；

b.每個語言版本存放于獨(dú)立的目錄；

c.每個主要功能(主菜單)建立一個相應(yīng)的獨(dú)立目錄；

d.當(dāng)頁面超過20頁，每個目錄下存放各自獨(dú)立images目錄，共用的圖片放在根目錄下的images目錄下；

e.所有的js文件存放在根目錄下統(tǒng)一目錄script；

f.所有的CSS文件存放在各語言版本下的style目錄

g.所有的CGI程序存放在根目錄并列目錄cgi_bin目錄

(2)文件命名規(guī)范

文件命名的原則：以最少的字母達(dá)到最容易理解的意義。

a.索引文件統(tǒng)一使用index.html文件名(小寫)。index.html文件統(tǒng)一作為“橋頁”制作具體內(nèi)容，僅僅作為跳轉(zhuǎn)頁和meta標(biāo)簽頁。主內(nèi)容頁為main.htm；

b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如：關(guān)于我們aboutus;信息反饋feedback 產(chǎn) 品product;所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名第二個起第一個字母大寫；

c.所有文件名字母間連線都為下劃線;

d.圖片命名原則以圖片英語字母為名,大小原則寫同上;

e.js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js

f.所有的CGI文件后綴為.cgi。

(3)鏈接結(jié)構(gòu)規(guī)范

鏈接結(jié)構(gòu)的原則：用最少的鏈接，使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。超過三級頁面，在頁面頂部設(shè)置導(dǎo)航條。

(4)尺寸規(guī)范

a.頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px;

b.每個標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸;

c.大banner為468*60px，小banner為88*31px。

(5) 首頁HEAD區(qū)規(guī)范

a.公司版權(quán)注釋

b.網(wǎng)頁顯示字符集

簡體中文：

繁體中文：

英 語：

c.網(wǎng)頁制作者信息

d.網(wǎng)站簡介

e.搜索關(guān)鍵字

f.網(wǎng)頁的css規(guī)范

g.網(wǎng)頁標(biāo)題

四、網(wǎng)站的設(shè)計制作

1.整體形象設(shè)計

在程序員進(jìn)行詳細(xì)設(shè)計的同時，網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁。

整體形象設(shè)計包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計包括版面，色彩，圖像，動態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風(fēng)格。

2.開發(fā)制作

本次網(wǎng)站規(guī)劃設(shè)計采用軟件工程的設(shè)計方法，設(shè)計小組在系統(tǒng)分析和總體設(shè)計的基礎(chǔ)上，將設(shè)計任務(wù)分解，分配到設(shè)計組的每個成員，各模塊有設(shè)計組成員單獨(dú)承擔(dān)設(shè)計和調(diào)試，既有分工，又有協(xié)作，最后將各模塊上載到服務(wù)器上，做鏈接和整體的調(diào)試。

3.調(diào)試完善

各模塊初步完成后，上傳到服務(wù)器，對網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時解決并記錄下來。

網(wǎng)站建設(shè)實(shí)際上是一個不斷充實(shí)和完善的過程，通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充，使網(wǎng)站結(jié)構(gòu)趨向合理，內(nèi)容更加豐富，形式更富有感染力。

4.宣傳推廣

剛剛建成的網(wǎng)站就好像一個新注冊的電話號碼，沒有人會自動找上門來，這時你就需要適當(dāng)?shù)刈鲆恍┚W(wǎng)站推廣工作了,這里有很多方法，例如：

a.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；

b.交換友情鏈接。這是個免費(fèi)而高效的辦法，就好比在別人商店打上你的廣告，在你的商店打上別人的廣告，這樣一來當(dāng)網(wǎng)友參觀別人的網(wǎng)站時就知道你的網(wǎng)站了，如果你的廣告做的好，他一多半都會參觀你的網(wǎng)站，這是件無須開支、互利互惠的好事情，推薦使用。

c. 在各大搜索網(wǎng)站（例如sohu.com yahoo.com）注冊你的網(wǎng)站，這樣當(dāng)別人在搜索同類的信息時就會發(fā)現(xiàn)你的網(wǎng)站；

d.備新聞稿件在各新聞公告板發(fā)表；

e.合理使用Email郵件列表；

f.付費(fèi)廣告，這個辦法最有效了，但它是付費(fèi)的；

g.在論壇里貼條子。這個辦法效率不高，也很累，有時也會被別人刪除掉，所以不推薦。

另外還需要說明的是，請千萬不要使用發(fā)垃圾郵件來推廣個人主頁，這樣不但不會使別人喜歡你的網(wǎng)站，反而會引起別人的極度反感，這是一種不道德的行為。

至此，網(wǎng)站項目建設(shè)完畢。

5．維護(hù)

網(wǎng)站做好了是不是就打算一勞永逸呢？不是，如果網(wǎng)站做大的話，網(wǎng)站維護(hù)也是個艱巨的工作。當(dāng)網(wǎng)站變得十分龐大時將會有不計其數(shù)的圖片、網(wǎng)頁文件等內(nèi)容，如果它們有一個丟失或鏈接失敗都會引起網(wǎng)頁錯誤，想想我們做的多副圖片如果少一副會是什么情景？所以我們一定要保證整個網(wǎng)站的“健康”和完整。為了使網(wǎng)站健康、完整，通常我們在做新網(wǎng)站之前，都應(yīng)該在DW里建設(shè)一個“本地網(wǎng)站”，也就是自己電腦上的網(wǎng)站副本，這樣才能有效減少網(wǎng)站錯誤，剛才我們制作網(wǎng)站時是先做網(wǎng)頁后建網(wǎng)站，其實(shí)這種網(wǎng)站建設(shè)方法是錯誤的，正確的是先建網(wǎng)站后添加內(nèi)容。另外就是要時常檢查網(wǎng)站的鏈接是否有誤，這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網(wǎng)站中是否有斷掉的鏈接，以便及時修復(fù)。

另外我們還應(yīng)該科學(xué)地存放不同類型的文件，例如將網(wǎng)站中的圖片都放在一個文件夾里，將網(wǎng)頁放在另一個文件夾里。而且如果將來網(wǎng)站真的“肥沃”起來，我們甚至需要為每一個欄目建立一個文件夾，例如將有關(guān)MUSIC欄目的文件放在一個文件夾里，將PICTURES欄目的文件放在一個文件夾里，這樣一來，會為我們的維護(hù)工作減少很多不必要的麻煩！

網(wǎng)站維護(hù)最后要說的就是網(wǎng)站的文件備份了，如果電腦發(fā)生了災(zāi)難，我們的網(wǎng)站就很可能要癱瘓了，所以時常備份網(wǎng)站文件也是很重要的。

網(wǎng)站成功推出后，長期的維護(hù)工作才剛剛開始，我們需要做到的是:及時響應(yīng)客戶反饋；例如可以采取Email自動回復(fù)功能，然后盡快解決問題，再次回復(fù)；網(wǎng)站流量統(tǒng)計分析和相應(yīng)對策；盡量推廣和使用您的網(wǎng)址；網(wǎng)站內(nèi)容的及時更新和維護(hù)。

五、網(wǎng)站安全問題及對策

防火墻是阻止外面的人對你的網(wǎng)絡(luò)進(jìn)行訪問的任何設(shè)備，此設(shè)備通常是軟件和硬件和組合體，它通常根據(jù)一些規(guī)則來挑選想要或不想要的地址。

首先絕大多數(shù)簡單的身份驗證過程都是以IP地址為根據(jù)的。IP地址是Internet網(wǎng)上最普遍的身份索引，它有靜態(tài)和動態(tài)之分。 靜態(tài)IP地址即固定不變的IP地址；它可以是某臺連在Internet網(wǎng)上的主機(jī)地址。靜態(tài)IP地址分在幾類。其中一類能通過Whois查詢命令得到；并且此類地址主要是Internet網(wǎng)上最高層的主機(jī)的IP地址，這些主機(jī)可以是域名服務(wù)器、Web服務(wù)器和“根”主機(jī)，并且在InterNIC的Whois數(shù)據(jù)庫中都有它們的注冊主機(jī)名。另一類靜態(tài)IP地址被分配給Internet網(wǎng)中的第二和第三層主機(jī)（這些機(jī)器還有固定的物理地址），然而這些機(jī)器不一定擁有注冊主機(jī)名。但不管怎樣它們有注冊的IP地址。動態(tài)IP地址是指每次強(qiáng)制分配給不同的上網(wǎng)主機(jī)的地址。ISP的拔號服務(wù)器中經(jīng)常使用動態(tài)IP地址－－節(jié)點(diǎn)機(jī)每次拔號上網(wǎng)，都會被分配一個不同的IP地址。無論IP地址是靜態(tài)還是動態(tài)的，它都被用于網(wǎng)絡(luò)傳輸中。

防火墻最基本的構(gòu)件既不是軟件也不是硬件，而是構(gòu)造防火墻的人的思想。目前存在著許多類型的防火墻，每種都有各自的優(yōu)缺點(diǎn)，最常見的一種上稱為“網(wǎng)絡(luò)層防火墻”的防火墻。網(wǎng)絡(luò)層防火墻通常以路由器為基礎(chǔ)，換句話說路由器決定“誰”和“什么”能訪問你的網(wǎng)絡(luò)。這種方案采用了一種所謂的“數(shù)據(jù)報過濾”技術(shù)，即檢查到達(dá)路由器的外部數(shù)據(jù)報并作出選擇的技術(shù)。

以路由器為基礎(chǔ)的防火墻要對每個聯(lián)結(jié)請求的源地址（即發(fā)出數(shù)據(jù)報的主機(jī)的IP地址）進(jìn)行檢查。確認(rèn)了每個IP源地址后，防火墻構(gòu)造者所制定的規(guī)則將被實(shí)施。基于路由器的防火墻有很快的速度，這是因為它被草草地檢查一下源地址，沒有發(fā)揮路由器的真正作用，并根本不判斷地址是否是假的或偽裝的。然而速度的加快是有代價的，基于路由器防火墻將源地址作為索引，這就意味著帶有偽造源地址的數(shù)據(jù)報能在一定程度對你的服務(wù)器進(jìn)行訪問。

為了網(wǎng)站的安全，除了在Internet服務(wù)管理器的Web站點(diǎn)屬性中設(shè)置好目錄安全性外，還應(yīng)該選擇保護(hù)性好的防火軟件，由于時間關(guān)系，我們本次使用的是網(wǎng)絡(luò)保護(hù)神LockDown 2000，它能清除目前已知（553種）和未知的所有特洛伊木馬、郵件病毒，防止網(wǎng)絡(luò)炸彈攻擊、在線檢測和控制所有對本機(jī)的訪問，還能跟蹤入侵者，留下它的罪證。

LockDown2000是目前世界上針對Windows操作系統(tǒng)最有效、最完善的安全防護(hù)軟件，它能非常智能化地追蹤和識別未經(jīng)允許的用戶。LockDown2000可以使Internet用戶免遭最老練黑客的攻擊，阻止任何人闖入你的計算機(jī)，保護(hù)你的文件不被人偷看或刪除。如果你要與他人共享你的資源，只須列出他們的地址，他們就可以訪問你的計算機(jī)。LockDown2000的作用就像一道設(shè)在你計算機(jī)和Internet之間的防火墻，它會自動地為你實(shí)時查尋目前世界上的各種黑客程序。

如果你允許某些人訪問你的計算機(jī)，LockDown2000會保存一份完整的記錄并簡要地報告聯(lián)接到你計算機(jī)的用戶的身份。通過反登錄，詳細(xì)地記載他們連接的時間和地址情況，以及十分詳細(xì)地記錄他們在你計算機(jī)里到底做了什么事情。

它的主要功能有：

1．能夠完全關(guān)閉遠(yuǎn)程用戶（很有可能這種用戶就是黑客）對你計算機(jī)系統(tǒng)的訪問；

2．實(shí)時監(jiān)控和記錄遠(yuǎn)程用戶在你計算機(jī)里的活動情況；

3．自動追蹤所有連接情況，記錄黑客的IP地址、域名和計算機(jī)名稱；

4．如果有人已經(jīng)連接到了你的計算機(jī)或正在企圖闖入，LockDown2000會用不同的聲音發(fā)出警告。如果有人未經(jīng)你的許可，就連接到你的計算機(jī)，它立刻會在屏幕上彈出警告窗口和實(shí)時監(jiān)控窗口；

5．完全控制Internet或局域網(wǎng)的任何連接情況；

6．可以自動地任意斷開與一個用戶或所有用戶的連接，這對于資源共享的計算機(jī)而言，是非常重要的；

7．能夠記錄以前連接到你的計算機(jī)的用戶資料，能夠限制與你計算機(jī)連接的數(shù)目；

8．如果你喜歡使用ICQ與外界聯(lián)系，LockDown2000能夠向黑客發(fā)送無效的文件包，從而使你的計算機(jī)免遭黑客的ICQ炸彈的攻擊；

9．可以查出和中止偷偷運(yùn)行在你限制的程序列表中的任何一個程序，這種程序很可能是一種不知名的黑客程序或病毒。

此外，LockDown2000還有易于安裝、與其它程序不發(fā)生任何沖突的特點(diǎn)。

HTML基礎(chǔ)-常用標(biāo)簽及語法

HTML注釋語法，VS code 快捷鍵【Ctrl + /】：

標(biāo)題（Heading） ，是通過 h1-h6 六個標(biāo)簽分別來對六個級別的標(biāo)題進(jìn)行定義的。標(biāo)題標(biāo)簽只是給標(biāo)簽內(nèi)部的元素內(nèi)容添加對應(yīng)級別標(biāo)題的語義，樣式由CSS設(shè)定，標(biāo)簽之間不能相互嵌套，權(quán)重從 h1 向 h6 依次遞減。

注意： h1 在整個HTML中的權(quán)重非常高，內(nèi)部應(yīng)該放置HTML中最重要的內(nèi)容，比如logo。 h1 由于非常重要，內(nèi)部的文字對于提高搜索引擎排名也非常重要，為了防止作弊，如果 一個頁面出現(xiàn)多個 h1 ，反而降低權(quán)重。

約定俗成的，一個頁面中只會出現(xiàn)一個 h1 。

段落（paragraph） ，是通過 p 標(biāo)簽進(jìn)行定義的。 p 標(biāo)簽是雙標(biāo)簽，且為文本級標(biāo)簽。內(nèi)部只能放置文本、圖片、表單元素，或者廢棄的 font 標(biāo)簽等。 p 標(biāo)簽的作用是給標(biāo)簽內(nèi)部的內(nèi)容添加一個完整段落的語義，不負(fù)責(zé)內(nèi)容自動換行的樣式。 換行的效果是由css決定的。

（breaking）標(biāo)簽 是HTML中一個簡單的換行符。 br / 標(biāo)簽是一個單標(biāo)簽。 在需要換行的位置可以使用 br / 標(biāo)簽書寫，但是 br / 與 p 不同， br / 沒有建立新的 段落的語義，只是簡單的進(jìn)行強(qiáng)制換行。

HTML中有部分標(biāo)簽是用來對文字進(jìn)行格式化顯示設(shè)置的，比如粗體和斜體等。文本格式化的標(biāo)簽均為雙標(biāo)簽，且為文本級標(biāo)簽，內(nèi)部只能書寫文字。在HTML4.0版本規(guī)范后，結(jié)構(gòu)和樣式進(jìn)行了分離，大部分文本格式化標(biāo)簽被廢棄， b i u em shrong 相對比較常用。

圖像（image） 由 img 標(biāo)簽進(jìn)行定義。 img 標(biāo)簽是單標(biāo)簽，本身相當(dāng)于一個特殊的文本，作用是在指定的位置插入一張圖片。在HTML文件，常用的插入圖片的類型有：jpg、png、gif。由于 img 為單標(biāo)簽，所以它只能通過屬性進(jìn)行相關(guān)的圖像設(shè)置。

路徑指的是尋找文件時所歷經(jīng)的線路，在HTML中有特殊的書寫語法。 路徑分為相對路徑和絕對路徑，不同的方式出發(fā)點(diǎn)和參考位置不同。

相對路徑查找文件時，需要從HTML文件本身出發(fā)，根據(jù)相對的位置進(jìn)行查找，包含三種方向。

絕對路徑查找文件時，不需要從HTML文件出發(fā)，而是直接從電腦的盤符出發(fā)進(jìn)行查找，或者 使用網(wǎng)址形式查找。

音頻與視頻分別使用 audio 和 video 標(biāo)簽進(jìn)行定義。 audio 和 video 是雙標(biāo)簽。同圖片一樣，需要使用src屬性設(shè)置音頻查找的路徑。音頻文件支持的格式包括：.mp3、.ogg、.wav。 視頻文件支持的格式包括：.mp4、.ogg、.webm。

音頻與視頻加載后不會自動顯示播放器的控制條，需要使用controls屬性進(jìn)行設(shè)置，屬性值也是 controls。

a 標(biāo)簽（anchor 錨）在指定的位置添加超級鏈接，提供用戶進(jìn)行點(diǎn)擊和跳轉(zhuǎn)。有兩種跳轉(zhuǎn)形式：跨頁面跳轉(zhuǎn)、頁面內(nèi)跳轉(zhuǎn)。實(shí)現(xiàn)跳轉(zhuǎn)的方式需要用到一些標(biāo)簽屬性。

頁面內(nèi)錨點(diǎn)跳轉(zhuǎn)

①在目標(biāo)位置找到任意一個標(biāo)簽，給它添加 id 屬性， id 的屬性值必須是唯一且必須以字母開頭，后面可以有字母、數(shù)字、下劃線和橫線，區(qū)分大小寫。

②在目標(biāo)位置添加一個空的 a 標(biāo)簽，只設(shè)置一個 name 屬性， name 屬性值設(shè)置 方式與 id 相同，也必須是唯一的。

跨頁面錨點(diǎn)跳轉(zhuǎn)

列表用于制作HTML中的一系列項目。通常我們會將內(nèi)容相關(guān)、結(jié)構(gòu)相似、樣式相近的內(nèi)容使用列表結(jié)構(gòu)進(jìn)行搭建。根據(jù)項目的內(nèi)容不同，可以有三種語義的列表結(jié)構(gòu)： 無序列表、有序列表、定義列表 。

注意事項：

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。 由三個標(biāo)簽組成完整的結(jié)構(gòu)，包含 dl 、 dt 和 dd 。 dl ： definition list ，表示定義一個自定義列表的大結(jié)構(gòu)。 dt ： definition term ，表示定義自定義列表中的一個主題或者術(shù)語。 dd ： definition description ，定義解釋項，表示描述或解釋前面的定義主題。 dl 內(nèi)部只能嵌套 dt 和 dd ， dt 與 dd 是同級關(guān)系。

注意事項：

常用的布局標(biāo)簽有 div 和 span ，俗稱盒子，都沒有具體明確的語義。

div： 全稱division，分割、區(qū)域、跨度的意思。俗稱大盒子。 div 是雙標(biāo)簽，是最經(jīng)典的容器級標(biāo)簽，內(nèi)部可以放置任意內(nèi)容。多用于劃分網(wǎng)頁區(qū)域，進(jìn)行結(jié)構(gòu)布局。一般將相關(guān)的內(nèi)容使用 div 包裹起來，整體設(shè)置大的布局效果。

span： 小區(qū)域、小跨度的意思。俗稱小盒子。 span 也是雙標(biāo)簽，容器級標(biāo)簽。 在不改變整體效果的情況下，可以輔助進(jìn)行局部調(diào)整。

創(chuàng)建一個簡單的表格至少有三個標(biāo)簽組成，分別是 table 、 tr 、 td 標(biāo)簽，此外如果要制作表頭，則使用 th 標(biāo)簽。

表格的單元格可以進(jìn)行合并，通過 th 和 td 的兩個屬性可以進(jìn)行合并設(shè)置。 rowspan ：跨行和并（上下的合并）。 colspan ：跨列合并（左右的合并）。屬性值是數(shù)字，表示跨幾行或跨幾列合并。

制作技巧： (1) 先列出所有行 tr ，以最小單元格為標(biāo)準(zhǔn)。 (2) 再添加每一行的 td 或 th 單元格。 (3) 劃分單元格所在行時，頂邊對齊的屬于同一行。 (4) 將所有行和列寫完后，再查看哪個單元格有跨行或跨列，屬性值的個數(shù)要參考最小 的單元格。

table 內(nèi)部最直接的子級包含四個分區(qū)標(biāo)簽，他們都是雙標(biāo)簽。

四個分區(qū)可以選擇性的進(jìn)行組合。 注意： 不論書寫順序如何顛倒，瀏覽器中的加載順序都是自動按照 caption 、 thead 、 tbody 、 tfoot 執(zhí)行的。制作的時候可以先書寫大分區(qū)標(biāo)簽結(jié)構(gòu)，接著填充每個分區(qū)的內(nèi)部內(nèi)容，如果有合并單元格內(nèi)容，則進(jìn)行單元格合并。

HTML表單用于搜集不同類型的用戶輸入，表單元素就是網(wǎng)頁中提供用戶進(jìn)行輸入或點(diǎn)擊 的小控件。在HTML中，一個完整的表單通常由表單域、提示信息和表單控件（也稱為表單元素）3個 部分構(gòu)成。

HTML表單域使用 form 標(biāo)簽進(jìn)行定義。 form 標(biāo)簽是一個功能性標(biāo)簽，填寫的表單信息要想正確的提交到后臺服務(wù)器，必須放在一個 form 標(biāo)簽之內(nèi)。 form 標(biāo)簽為雙標(biāo)簽，容器級標(biāo)簽。 form 標(biāo)簽通過對應(yīng)屬性規(guī)定提交數(shù)據(jù)的方法和提交位置。

input 標(biāo)簽是最重要的一個表單元素，為單標(biāo)簽，本身相當(dāng)于一個特殊的文本，需要通過標(biāo)簽屬性實(shí)現(xiàn)各種功能。其中ra， type 屬性的值不同，決定了 input 標(biāo)簽的形態(tài)不同。

單選框和復(fù)選框都可以提前設(shè)置默認(rèn)選中項。 input 標(biāo)簽有一個 checked 屬性，如果不設(shè)置表示默認(rèn)沒有選中。 屬性值如果設(shè)置為 "checked" ，表示該項默認(rèn)被選中。

textarea 標(biāo)簽定義文本域，制作可以輸入多行文本的區(qū)域，為雙標(biāo)簽，本身相當(dāng)于一個特殊的文字。 文本域可以設(shè)置默認(rèn)輸入的文字，在雙標(biāo)簽之間書寫默認(rèn)文字。

textarea 有兩個標(biāo)簽屬性，可以設(shè)置顯示區(qū)域大小。 rows ：行，屬性值是數(shù)字，表示文本框顯示的最大行數(shù)，如果超過了行數(shù)， 會被隱藏并且出現(xiàn)滾動條。 cols ：列，屬性值是數(shù)字，表示在出現(xiàn)滾動條之后，每一行顯示的最大字節(jié)數(shù)（一個漢字按2字節(jié)計算）。

HTML中的下拉菜單提前設(shè)置一些選項，然后可以通過點(diǎn)擊選擇其中一項。

下拉菜單需要至少兩個標(biāo)簽完成結(jié)構(gòu)： select ：選擇，表示定義下拉菜單整體結(jié)構(gòu)。 option ：選項，表示定義下拉菜單的每一項。 兩個標(biāo)簽都是雙標(biāo)簽，文本級標(biāo)簽。 關(guān)系： selectoption ， option 可以有任意多項。

默認(rèn)情況下，選中的是第一項。 下拉菜單可以通過給 option 標(biāo)簽設(shè)置 selected 屬性，屬性值為 selected ，更改默認(rèn)選中項。

下拉菜單中如果選項變得復(fù)雜，可以將 option 進(jìn)行分組管理。 可以使用 optgroup 標(biāo)簽對選項進(jìn)行分組， optgroup 是一個雙標(biāo)簽。 關(guān)系： selectoptgroupoption ， optgroup 可以設(shè)置一個 label 屬性，表示給這一組選項添加一個分組標(biāo)簽名，分組標(biāo)簽 optgroup 是不能被點(diǎn)擊選擇的。

所有的表單元素都可以通過綁定其他內(nèi)容去擴(kuò)大觸發(fā)點(diǎn)擊范圍，這時需要使用一個 label 標(biāo)簽。該標(biāo)簽的作用是幫表單元素定義標(biāo)注（標(biāo)記）。 如果將表單控件與提示內(nèi)容使用 label 進(jìn)行綁定后，當(dāng)用戶鼠標(biāo)點(diǎn)擊 label 內(nèi)的提示內(nèi)容時，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。有兩種綁定方法：

在普通文字書寫時，有一些特殊符號不能直接書寫（例如 連續(xù)的空格），或者符號具有特殊功能也不能直接書寫（例如符號）。可以使用一些HTML提前預(yù)留好的替換字符進(jìn)行書寫，這些替換字符叫做字符實(shí)體。

通過查詢w3school手冊 HTML ISO-885901 ，查看所有的字符實(shí)體以及特殊字符的替換寫法，包含實(shí)體名稱以及實(shí)體編號。

規(guī)則： 所有的字符實(shí)體和實(shí)體編號都是以 開頭，以 ； 結(jié)尾的。

注意： 實(shí)體名稱對大小寫敏感！

建議1 ：使用實(shí)體名稱，好處是名稱易于記憶。不過壞處是，瀏覽器也許并不支持所有實(shí) 體名稱（對實(shí)體數(shù)字的支持卻很好）。

建議2 ：不需要強(qiáng)制記憶所有的字符實(shí)體，只需要記憶常用的幾個字符實(shí)體名稱即可，其 他可以通過手冊進(jìn)行查詢。

零基礎(chǔ)WEB前端開發(fā)學(xué)習(xí)路線怎么安排

隨著移動互聯(lián)網(wǎng)的發(fā)展，web前端逐漸受到企業(yè)的重視，前端開發(fā)人員的薪資也水漲船高，越來越多的人看好前端行業(yè)的發(fā)展，想要轉(zhuǎn)行加入。下面，給大家分享一份web前端學(xué)習(xí)路線圖，希望對初學(xué)者有所幫助。Web前端行業(yè)的發(fā)展，讓前端人員能完成比以前更多的職責(zé)范圍，所以未來前端可以寬口徑就業(yè)，前景非常好。

對于零基礎(chǔ)的人而言，要怎么學(xué)習(xí)web前端呢?

1、 前端頁面重構(gòu)。主要內(nèi)容為PC端網(wǎng)站布局、Photoshop 工具及切圖、H5移動端網(wǎng)頁布局、HTML5+CSS3新特性與交互。學(xué)習(xí)目標(biāo)是完成PC端網(wǎng)站布局，可實(shí)現(xiàn)響應(yīng)式布局，一套代碼適配 PC 端、移動端、平板設(shè)備等。

2、 前后端網(wǎng)頁交互。主要內(nèi)容為JavaScript語法全面進(jìn)階、ES6 到 ES10 新語法實(shí)踐、jQuery 應(yīng)用及插件使用、設(shè)計模式及插件編寫、封裝JS工具庫及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化與模塊化應(yīng)用以及PC 端全棧開發(fā)項目等。學(xué)習(xí)目標(biāo)是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建項目及開發(fā)項目。

3、 Node.js + 前端框架。主要內(nèi)容為Node.js 全面進(jìn)階、Koa2+MongoDB搭建服務(wù)、Vue.js 框架、React.js 框架、小程序云開發(fā)與小程序框架、原生APP與混合APP、數(shù)據(jù)可視化與桌面應(yīng)用等。學(xué)習(xí)目標(biāo)是掌握桌面應(yīng)用及可視化大數(shù)據(jù)，實(shí)現(xiàn)復(fù)雜數(shù)據(jù)展示類項目，能夠獨(dú)立完成前后臺相關(guān)功能，勝任HTML5全棧開發(fā)工程師職位。很多學(xué)習(xí)web前端的朋友都希望在學(xué)成后能找到一份滿意的工作，所以我們在學(xué)習(xí)過程中一定要注意實(shí)戰(zhàn)經(jīng)驗的積累，如果你所學(xué)的東西對企業(yè)沒有用，那你所做的一切都是無用功

請問這樣一排三個圖，如何用CSS實(shí)現(xiàn)

1. 最簡單的情況：設(shè)置這個屬性就可以了，各瀏覽器都兼容：

display: inline-block;

2. 如果圖片需要以block顯示，那么就麻煩點(diǎn)：

div

style type="text/css"

img{margin:0px;padding:0px;display:block;float:left;}

/style

img src="20120601165649_4.jpg"/

img src="20120601172023_4.jpg" style="margin-left: 10px;"/

img src="20120601172645_4.jpg" style="margin-left: 10px;"/

/div

3. 如果你的圖片還有超鏈接，那么還有第三種情況了，需要給img標(biāo)簽添加border:0屬性，不然的話，在IE下會出現(xiàn)藍(lán)色邊框：

style type="text/css"

img{margin:0px;padding:0px;display:block;float:left;border:0px;}

/style

a href=""img src="20120601165649_4.jpg"http://a

a href=""img src="20120601172023_4.jpg" style="margin-left: 10px;"http://a

a href=""img src="20120601172645_4.jpg" style="margin-left: 10px;"http://a

/div

個人網(wǎng)站怎么注冊啊?

第一：找免費(fèi)使用的自助建站平臺

在百度上搜索建站或者自助建站之類的關(guān)鍵詞，就能找到很多的自助建站平臺，這里教大家怎么區(qū)分平臺是不是可以免費(fèi)注冊個人網(wǎng)站。一般來說，如果自助建站網(wǎng)站支持免費(fèi)建網(wǎng)站的，通常在搜索結(jié)果中都會有出現(xiàn)免費(fèi)的字樣，其次，在這些免費(fèi)的自助建站平臺里面，大家都可以先注冊自己的賬號，這樣登錄后就能確定，個人網(wǎng)站的建立是不是需要收費(fèi)了。

第二：個人網(wǎng)站的申請注冊

在搜索結(jié)果中進(jìn)入自助建站的網(wǎng)站后，在網(wǎng)站上方一般都會有比較明顯的“免費(fèi)注冊”的選項，具體按照自己選擇的自助建站網(wǎng)站查找相關(guān)的注冊按鈕。進(jìn)入注冊界面以后，填寫所申請個人網(wǎng)站的賬號（大部分自助建站會將賬號作為贈送的網(wǎng)站域名），選擇網(wǎng)站的用途，以及其它的相關(guān)信息，并確定注冊。

第三：網(wǎng)站注冊后的設(shè)計操作

完成好個人網(wǎng)站的賬號注冊后，此時已經(jīng)具備了網(wǎng)站域名和網(wǎng)站空間（自助建站平臺附送），在自助建站平臺上選擇好自己的個人網(wǎng)站模板，然后對自己的個人網(wǎng)站進(jìn)行相應(yīng)的設(shè)計和功能添加，操作非常的簡單，通過鼠標(biāo)的拖拉就可以實(shí)現(xiàn)網(wǎng)站的布局和功能模塊的增加，任何設(shè)計和添加操作都完全不用自己寫代碼，操作過程非常的簡單。

第四：內(nèi)容上傳保存網(wǎng)站設(shè)置

設(shè)計好個人網(wǎng)站以后，按照個人網(wǎng)站每一個對應(yīng)的模塊，進(jìn)行內(nèi)容資料的上傳和替換，所有內(nèi)容上傳以后，找到“保存”選項，對個人網(wǎng)站上的操作進(jìn)行保存，保存成功以后，一個免費(fèi)個人網(wǎng)站的注冊就完成了。

css好學(xué)么？

div+css是比較好學(xué)會的，但是JS你不花一定功夫的話是很難搞得定的。不要想的那么復(fù)雜，把css就當(dāng)是一個屬性一個值，慢慢記就好了，適當(dāng)?shù)淖鲂┯?xùn)練，CSS還是比較傻瓜式的，當(dāng)然高深的也有，比如說兼容性，比如說針對不同瀏覽器寫不同的CSS等還是比較難的，還有繼承性，浮動，以及定位是比較難處理的。基本的去記就好了，比如說改變字體大小啊，背景啊都是小兒科。另外就是選擇器，class，id，標(biāo)記名，以及通過style內(nèi)嵌這幾種方式要知道怎么做。

JS呢那就是屬于編程語言了，雖然是腳本，但是JS的強(qiáng)大會讓你震撼。如果你想速成的話，先學(xué)一些基礎(chǔ)知識，比如說定義變量啊，循環(huán)啊等等。然后去學(xué)一個Javascript框架，如jquery。使用起來比較簡單，兼容性也好，一個月基本上就能用的好了。學(xué)JS需要注要的知識點(diǎn)有dom（用JS操縱文檔對象樣式及屬性），ajax（異步傳輸），這兩個Jquery都封裝起來了，所以用jquery會速成。

分享題目：線路css樣式,css線型
URL標(biāo)題：http://chinadenli.net/article36/dsggepg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、面包屑導(dǎo)航、建站公司、網(wǎng)頁設(shè)計公司、搜索引擎優(yōu)化、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)