1、想學網頁製作,需要安裝些什麼程序和組件?
一般來說最好學點html,css和javascript,然後網站直接去下載網站系統來建就很方便了,比如pageadmin系統、worpress系統、discuz系統這些都很強大。
2、如何用visio畫web圖表的網站總體設計圖。裡面的組件是干什麼用的,是什麼意思?求解釋。越詳細越好。謝謝
新建的時候類別選擇web圖標-->網站總體設計。如果新建的時候沒有類別給你選,就在菜單文件->形狀里選擇。
選擇以後左邊會有網站總體設計類別所包含的所有組件,你把需要用的直接拖到編輯區域就可以了
3、網頁規劃設計
互聯網站規劃與設計
摘要 本文概述了互聯網站的規劃與設計的方法,介紹了網站設計規劃的規范,及所需的關鍵技術,對電信系網站的構建作了系統分析,提出了總體設計方案和製作步驟,而且論述了構建網站過程中所遇到的技術難題及解決辦法。
關鍵詞 網站規劃 網站設計 網站維護 ASP
一、引言
在當今全球信息化大潮中,互聯網(即網際網路——Internet)異軍突起,給20世紀末的人類社會增添了無限的活力,成為現代社會生活中一道亮麗的風景線。 互聯網帶給人們的不僅僅是技術,而是一種以信息為標志的嶄新的生活方式。 他正在改變著人們的工作和生活方式。有人曾以「圍城」比喻互聯網,但所不同的是,「外面的人想進去,裡面的人不想出來。」互聯網為什麼有這么大的魅力呢?這不僅與人們日益增長的文化生活有關,更重要的是與互聯網的技術不斷更新和革命有關。
一個網站的整體規劃和設計的好壞是它發展的重要之處, 也是它吸引人們瀏覽的所在之處。Internet/Intranet技術的日益發展,使人們認識到了Internet/Intranet的優勢,更使得資料庫與web的連接成為資料庫開發方面的熱門技術之一。
通常情況下,通過瀏覽器看到的網頁大多是靜態的。所謂「靜態」,是指網站的網頁內容「固定不變」, 當瀏覽器通過互聯網的HTTP(Hypertext Transport Protocol)協議向Web伺服器請求提供網頁時,伺服器僅僅是將原來設計好的靜態HTML文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF89A 格式的動態圖片,比如產生幾只小貓小狗跑來跑去的動畫效果。 若網站維護者要更新網頁的內容,就必須手動更新所有的HTML文檔。
靜態網站的致命弱點就是不易維護。為了更新網頁的內容, 網站維護者必須重復製作HTML文檔,隨著網站內容和信息量的日益擴增,可以想像這是多麼復雜繁瑣的工作。那麼,什麼是動態網站呢?所謂「動態」,並不是指放在網頁上的圖片會動,動態頁面應具有以下幾個特點:
(一).交互性:即網頁能根據客戶的要求和選擇而動態改變和響應,瀏覽器即作為客戶端界面,這是今後Web發展的大勢所趨。
(二).自動更新:即無需手動更新HTML文檔, 就能自動生成新的頁面,從而大大減少工作量。
(三).因時因人而變:即當不同的時間、不同的人訪問同一網址時能產生不同的頁面,這一點對於需要對使用者授權的網站尤其適用。
隨著的Internet迅速發展,不管是專業的ISP(Internet服務提供者)和ICP(Internet內容提供者),還是一般的政府機關、銀行、交通部門、學校、醫院、服務者,甚至是每個人,都在積極尋求在Internet上發布信息,提供新型的網上管理和服務。可以說,網站設計和網站的編輯正成為新興的熱門行業。
二、網站的系統分析
(一).項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。
(二).客戶的需求說明書
收稿日期 : 2001年5月25
作者簡介:馬彥文,西北第二民族學院電子與信息工程系97通信專業學生。
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。有些客戶可能對自己建什麼樣的網站根本就沒有明確的目的,以及他的網站建好後來干什麼也是一無所知,為了客戶能有明確的目的我們需要耐心說明,仔細分析,挖掘出客戶潛在的,真正的需求。這樣對大家都有好處,我們的宗旨應該是「客戶明明白白,雙方高高興興。」對客戶和自己都是一種負責。
配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:正確性:每個功能必須清楚描寫交付的功能;可行性:確保在當前的開發能力和系統環境下可以實現每個需求;必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;簡明性:不要使用專業的網路術語;檢測性:如果開發完畢,客戶可以根據需求檢測。
三、建設方案
(一).建站理念
(1)預早籌劃
設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣,都需要我們謹慎處理和籌劃。換言之,我們必須首先 確定自己需要傳達的主要信息,然後細意斟酌、把所有意念合情合理地組織起來;之後是設計一個頁面式樣,試用於有代表性的用戶,接著重復修訂,務求盡善盡美。
(2)盡量精簡
主頁的作用好比一本書的封面,是為了吸引用戶測覽你的網址內容。因此,主頁的設汁應以醒目為上、令人一目瞭然。切勿堆砌太多不必要的細節,或使畫面過於復雜。在主頁上清楚列出三項要點,例如機構名稱、提供的產品或服務 、以及主頁內容(亦即你的其他頁面還載有什麼資料)。應切記頁面給人的第一觀感最為重要。在網上到處瀏覽的人很多。如果你的主頁真沒有吸引力,很難令他們深入觀賞。
(3)盡量簡朴
現今大部分用戶那是用數據機接駁萬維網,所以他們一般都要花很多時間等待主頁傳送到自己的系統。主頁上的圖形應力求簡朴, 避免耽擱用戶的時間。圖像愈大、顏色愈深,傳送頁面的時間愈長。這並不是說你要完全略去圖像不用,只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種,頁頂圖像最好保持在大約10KB(千位元組)以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可;應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒,很多用戶就會等得不耐煩。如果情況許可,最好先測試你的主頁在稍差的條件下的傳送速率,14.4千波特的數據機,或透過 Prodigy 等網上服務接駁萬維網等。
此外、還須注意配合最低檔的設備,例如標準的小型顯示器,不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟體所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的瀏覽軟體上(例如某些網上服務所提供的專用瀏覽軟體)仍可暢順地顯現。
(4)善用圖像
用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。最佳的圖像應集美觀與傳訊於一身。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所帶的重要信息或聯接其他頁面的指示用文字重復表達—次。用「純文中」模式測試已製成的主頁,確保其傳達到所有信息。
(5)使主頁易於漫遊
主頁的其中一個主要功能是作為漫遊工具,指引用戶查閱你存儲在網址或其他地點的信息。盡量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮,主頁上的聯接項目應只限於幾個高級的類別,例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。
此外,你提供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯接項目已足以令人厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網址上有太多信息,你可能要編制較長的頁面或使用更多聯接項目,甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。
假若你有充足的資源,便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶,來試用你的初步製成品。
(6)提網協領
主頁—般須載有以下事項:
標題,此標題須清楚無誤地標示你的網站。標題可以是名稱、標語徽號或圖像。
電子郵件地址 ,以便用戶有問題時,可以通知你。
版權資料,這是適用於主頁內容的版權規定。你可以在主頁上標示一句簡短的版權聲明,用聯接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯絡資料 ,列出通訊地址電話號碼等。
(7)循環利用現有信息
製作主頁時,通常都毋須從頭做起,因為有許多現成的文字、圖畫等資料可供我們重用,例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下,只要用少許功夫、就可把這些材料轉到網頁上使用。
(8)保持新鮮感
萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變,用戶很快會厭倦。在主頁上預告即將有新資料推出,可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會瀏覽你的網站的人次。
同樣,為保持新鮮感,應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內,亦即當你使用傳統方法(例如新聞稿)傳遞的新信息時出現在你的主頁上。確保連接項目運作暢順,以免用戶在熒幕上收到「無法查閱所需檔案」的信息而大感沒趣。
(9)貫徹諾言
做不到的事情,千萬不要輕易承諾。切勿隨便叫用戶做出回應行動,例如要求用戶填交訂貸表格,除非你已制訂好處理這些訂單的方法和交貨程序。如果在網上列出聯絡電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用,沒有人來欣賞就太可惜了。為吸引所有網中人來瀏覽,必須使主頁易於尋找。通知其他網站(例如題材相關的網站),他們可能想連接你的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和「What』s new」頁面上。盡量將網址傳播開去,使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。
在網站上,於每個頁面設置「home」按鍵,方便用戶隨時返回主頁。
萬維網充滿生命力、正在不斷演進,所以一些現時適用的經驗,將來未必合用。舉例來說,將來家居用戶有高速線路接駁Internet,就可以消除數據傳輸目前的所受的限制、使主頁的篇幅可以更長,頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟體所提供的先進功能、將使萬維網更強勁和更方便溝通。 HotJava將主頁由靜態的文件轉為動態的實體, 提供諸如即時製作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網上用戶帶來更多樂趣。有好的主頁,還須有精良的設備支持。網站伺服器不斷推陳出新,使建設網站的工作愈來愈容易。 以 S u n的Netra Internet Server為例、全套設備包括上網所需的軟硬體,以及建立完善的高效能網站所需購各種軟硬體設施。這些發展為萬維網及其用戶開拓了壯闊的前景。建設網站的上作,從未如此容易過。
(二).網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:網站需要實現哪些功能;網站開發使用什麼軟體,在什麼樣的硬體環境;需要多少人,多少時間;需要遵循的規則和標准有哪些。同時需要寫一份總體規劃說明書,包括:網站的欄目和板塊;網站的功能和相應的程序;網站的鏈接結構;如果有資料庫,進行資料庫的概念設計;網站的交互性和用戶友好設計。
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:.客戶情況分析;網站需要實現的目的和目標;網站形象說明;網站的欄目板塊和結構;網站內容的安排,相互鏈接關系;使用軟體,硬體和技術分析說明;開發時間進度表;宣傳推廣方案;維護方案;製作費用;本公司簡介:成功作品,技術,人才說明等。當您的方案通過客戶的認可,那麼可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計。
(三).網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。我們這次主要用ASP來實現有關功能和解決有關問題的,例如,公告版BBS,聊天室,信息發布系統, 網上超市等都用ASP來實現人機交互功能的,其中也用到調用資料庫的技術。
ASP (Active Server Pages)是Microsoft 公司推出的一種Web應用程序開發技術,也是伺服器端的腳本(Script)運行環境,使用該技術可以開發動態的、交互的Web應用程序。
ASP可用來產生和執行動態的高性能的WE B伺服器程序。當用戶使用瀏覽器請求ASP主頁時,WEB伺服器做出響應,調用ASP引擎來執行ASP文件,並解釋其中的腳本語言(JScript 或VBScript),通過ODBC連接資料庫,由資料庫訪問組件ADO完成資料庫操作,最後ASP生成包含數據查詢結果或做出其他響應的HTML頁面,送回用戶端顯示。
ASP程序通常運行在Windows NT+ IIS(Internet Information Server) , 或者Windows 2000 + IIS, 或者Windows 95/98+PWS(Personal Web Server)環境下。其程序代碼簡單、通用,文件名由.asp結尾。ASP文件通常由四部分構成: 標準的HTML標記; ASP語法命令,即<% %> 標簽內的ASP代碼; 伺服器端的include語句; 以及腳本語言,即:ASP自帶JScript和VBScript兩種腳本語言,用於增ASP的編程功能,用戶也可安裝其它腳本語言,如Per語言等。
ASP提供了六個內建對象供用戶直接調用,以實現頁面的交互: Application對象負責管理所有會話信息,可用來在指定的應用程序的所有用戶之間共享信息; Session對象存貯特定用戶的會話信息,只被該用戶訪問,當用戶在不同WEB頁面跳轉時,Session中的變數在用戶整個會話過程中一直存在;Session對象需cookie支持; Request對象從用戶端取得信息傳遞給伺服器,是ASP讀取用戶輸入的主要方法;Response對象支持伺服器將輸出內容發送到用戶端;Server對象提供對伺服器有關方法和屬性的訪問; Object Context對象是IIS 4.0新增對象,用來進行事務處理。此項功能需得到MTS(Microsoft Transaction Server)管理的支持。
ASP還內置以下組件以增強其功能: Ad Rotator組件用來按指定計劃在同一頁面上自動輪換顯示廣告,用於WWW上日益重要的廣告服務; Browser Capabilities組件確定訪問WEB站點的用戶瀏覽器的功能數據,包括類型、性能、版本等; Database Access組件即ADO (ActiveX Data Objects),用來訪問資料庫; File Access組件提供對伺服器端文件的讀寫功能; Content Linking組件生成WEB頁內容列表,並將各頁順序連接,用於製作導航條。 此外,用戶還可安裝Myinfo、Counters、Content Rotator、Page Count等組件,也可自行編制ActiveX組件,以提高系統的實用性。
如上所述,ADO是ASP內置的ActiveX伺服器組件(ActiveX Server Component)。它可通過開放式資料庫連接介面ODBC和通用數據源介面OLEDB訪問多種資料庫,是對目前微軟所支持的資料庫進行操作的最有效、最簡單和最直接的方法。
ADO組件主要提供了以下七個對象和四個集合來訪問資料庫: Connection對象用於建立與後台資料庫的連接; Command對象用於執行SQL指令,訪問資料庫; Parameters對象和Parameters集合為Command對象提供數據和參數; RecordSet對象存放從資料庫中調用的數據記錄; Field對象和Field集合提供對RecordSet中當前記錄的各個欄位進行訪問的功能; Property對象和Properties集合提供有關信息,供Connection、Command、RecordSet、Field對象使用; Error對象和Errors集合提供訪問資料庫時的錯誤信息。
在ASP中使用ADO組件訪問後台資料庫一般步驟為 :
在WEB伺服器上打開「控制面板」,選中「ODBC」, 定義數據源;然後使用ADO組件查詢WEB資料庫;再調用Server.CreateObject方法取得「ADODB.Connection」的實例,此後用Open方法打開資料庫,指定要執行的SQL命令對資料庫進行操作,如查詢、瀏覽、修改、刪除等。 當然也可以用本文介紹的方法不定義數據源,直接調用資料庫的數據。
(四).網站的製作規范探討
(1)網站目錄規范
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。
a.根目錄。根目錄指DNS域名伺服器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件,以及其他必須的系統文件;
b.每個語言版本存放於獨立的目錄;
c.每個主要功能(主菜單)建立一個相應的獨立目錄;
d.當頁面超過20頁,每個目錄下存放各自獨立images目錄.共用的圖片放在根目錄下的images目錄下;
e.所有的js文件存放在根目錄下統一目錄script;
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄並列目錄cgi_bin目錄
(2)文件命名規范
文件命名的原則:以最少的字母達到最容易理解的意義。
a.索引文件統一使用index.html文件名(小寫)。index.html文件統一作為「橋頁」製作具體內容,僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm;
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如:關於我們aboutus;信息反饋feedback 產 品proct;所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:Ad.js
f.所有的CGI文件後綴為.cgi。
(3)鏈接結構規范
鏈接結構的原則:用最少的鏈接,使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。超過三級頁面,在頁面頂部設置導航條。
(4)尺寸規范
a.頁面標准按800*600解析度製作,實際尺寸為778*434px;
b.每個標准頁面為A4幅面大小,即8.5X11英寸;
c.大banner為468*60px,小banner為88*31px。
(5) 首頁HEAD區規范
a.公司版權注釋
<! --- The site is designed by dxxweb.inc05/2001-->
b.網頁顯示字元集
簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
c.網頁製作者信息
<META name="author" content="[email protected]">
d.網站簡介
<META NAME="DESCRIPTION" CONTENT="電子與信息工程系">
e.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
f.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
g.網頁標題
<title>電子與信息工程系</title>
四、網站的設計製作
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格。
2.開發製作
本次網站規劃設計採用軟體工程的設計方法,設計小組在系統分析和總體設計的基礎上,將設計任務分解,分配到設計組的每個成員,各模塊有設計組成員單獨承擔設計和調試,既有分工,又有協作,最後將各模塊上載到伺服器上,做鏈接和整體的調試。
3.調試完善
各模塊初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
網站建設實際上是一個不斷充實和完善的過程,通過不斷的發現問題,解決問題,修改,補充,使網站結構趨向合理,內容更加豐富,形式更富有感染力。
4.宣傳推廣
剛剛建成的網站就好像一個新注冊的電話號碼,沒有人會自動找上門來,這時你就需要適當地做一些網站推廣工作了,這里有很多方法,例如:
a.網頁里設置適當的META標簽;
b.交換友情鏈接。這是個免費而高效的辦法,就好比在別人商店打上你的廣告,在你的商店打上別人的廣告,這樣一來當網友參觀別人的網站時就知道你的網站了,如果你的廣告做的好,他一多半都會參觀你的網站,這是件無須開支、互利互惠的好事情,推薦使用。
c. 在各大搜索網站(例如sohu.com yahoo.com)注冊你的網站,這樣當別人在搜索同類的信息時就會發現你的網站;
d.備新聞稿件在各新聞公告板發表;
e.合理使用Email郵件列表;
f.付費廣告,這個辦法最有效了,但它是付費的;
g.在論壇里貼條子。這個辦法效率不高,也很累,有時也會被別人刪除掉,所以不推薦。
另外還需要說明的是,請千萬不要使用發垃圾郵件來推廣個人主頁,這樣不但不會使別人喜歡你的網站,反而會引起別人的極度反感,這是一種不道德的行為。
至此,網站項目建設完畢。
5.維護
網站做好了是不是就打算一勞永逸呢?不是,如果網站做大的話,網站維護也是個艱巨的工作。當網站變得十分龐大時將會有不計其數的圖片、網頁文件等內容,如果它們有一個丟失或鏈接失敗都會引起網頁錯誤,想想我們做的多副圖片如果少一副會是什麼情景?所以我們一定要保證整個網站的「健康」和完整。為了使網站健康、完整,通常我們在做新網站之前,都應該在DW里建設一個「本地網站」,也就是自己電腦上的網站副本,這樣才能有效減少網站錯誤,剛才我們製作網站時是先做網頁後建網站,其實這種網站建設方法是錯誤的,正確的是先建網站後添加內容。另外就是要時常檢查網站的鏈接是否有誤,這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網站中是否有斷掉的鏈接,以便及時修復。
另外我們還應該科學地存放不同類型的文件,例如將網站中的圖片都放在一個文件夾里,將網頁放在另一個文件夾里。而且如果將來網站真的「肥沃」起來,我們甚至需要為每一個欄目建立一個文件夾,例如將有關MUSIC欄目的文件放在一個文件夾里,將PICTURES欄目的文件放在一個文件夾里,這樣一來,會為我們的維護工作減少很多不必要的麻煩!
網站維護最後要說的就是網站的文件備份了,如果電腦發生了災難,我們的網站就很可能要癱瘓了,所以時常備份網站文件也是很重要的。
網站成功推出後,長期的維護工作才剛剛開始,我們需要做到的是:及時響應客戶反饋;例如可以採取Email自動回復功能,然後盡快解決問題,再次回復;網站流量統計分析和相應對策;盡量推廣和使用您的網址;網站內容的及時更新和維護。
五、網站安全問題及對策
防火牆是阻止外面的人對你的網路進行訪問的任何設備,此設備通常是軟體和硬體和組合體,它通常根據一些規則來挑選想要或不想要的地址。
首先絕大多數簡單的身份驗證過程都是以IP地址為根據的。IP地址是Internet網上最普遍的身份索引,它有靜態和動態之分。 靜態IP地址即固定不變的IP地址;它可以是某台連在Internet網上的主機地址。靜態IP地址分在幾類。其中一類能通過Whois查詢命令得到;並且此類地址主要是Internet網上最高層的主機的IP地址,這些主機可以是域名伺服器、Web伺服器和「根」主機,並且在InterNIC的Whois資料庫中都有它們的注冊主機名。另一類靜態IP地址被分配給Internet網中的第二和第三層主機(這些機器還有固定的物理地址),然而這些機器不一定擁有注冊主機名。但不管怎樣它們有注冊的IP地址。動態IP地址是指每次強制分配給不同的上網主機的地址。ISP的拔號伺服器中經常使用動態IP地址--節點機每次拔號上網,都會被分配一個不同的IP地址。無論IP地址是靜態還是動態的,它都被用於網路傳輸中。
4、軟體的設計模型由哪些組件構成
MVC設計模式。
M--Model,模型層
V--View,視圖層
C--Controller,控制層
5、什麼是web設計中的組件線條顏色
一、 視覺引導功能
視覺引導功能遵循的是一條流暢的路徑,網頁色彩能順利地引導用戶在頁面上移動體驗。
在WEB界面設計中,色彩擔負起和線條、文字一樣的視覺引導和強調的作用。設計師可以充分利用色彩導向作用力量去美化頁面,對重要的信息進行色彩的整合和強化,引導瀏覽者的注意力,有利於推廣新產品。對需要強調的內容適當運用色彩加以突出,使瀏覽者加深記憶,提高網站的信息傳遞效率。在產品展示類型的網頁中,色彩的強調功能尤為明顯。我們在瀏覽一些頁面中不難發現世界頂級護膚品牌HR赫蓮娜的展示頁面,它成功地利用色彩將瀏覽者的注意力引導到產品之上,給人留下深刻的印象。又如在某些商品展示類的網站,色彩的導向傳遞功能運用尤為明顯:亮色系比如以黃色為背景一般所代表的意思是促銷產品熱賣產品,而藍色、褐色或深綠色等冷色調的搭配則多用來表現商品的價值。
二、企業形象識別功能
企業標准色是企業形象識別要素之一,網站設計者將企業網路界面色彩與企業標准色相呼應起到了加深企業形象的作用。格羅佩斯(Walter Gropius)在他的《藝術家與技術家在何處相會》一文中提到「如果物體的形象很適合於它的工作,它的本質就能被人看的清楚明確。」從這里可以很深刻的了解到企業形象在信息傳遞和接納過程當中所起到的非常重要的作用因素。色彩也是形成企業形象的關鍵要素,企業標准色是企業形象的色彩表示系統,人們一看到此色彩就會聯想到該企業。把CI設計這一理念應用到網站整體形象規劃與設計開發上來,以企業CI設計中的標准色作為WEB界面的主色調展開設計,使WEB界面成為企業形象的延伸和宣傳,無疑是把WEB界面設計推向正規化、品牌化發展的道路。它可以使網站與企業具有共通的視覺特徵,便於宣傳和識別,通常達到事半功倍、相得益彰的效果。
百事可樂在全世界擁有較高的知名度,使人過目不忘的藍色和標准字體已成為它的標志。我們可以瀏覽一下百事可樂系列站點,每個網站的主體風格不盡相同,美國總站穩重些,英國站比較活潑,即使站點風格有些差異但都保持了一致的文化特點,都採用了大快藍色的底色,給人以熱情、活力、喜悅的感覺,應用在網路界面設計中,讓受眾群聯想到飲用百事可樂所帶來的快樂心情,無形中就加深了百事可樂品牌在消費者的心目中的形象。
三、 視覺區域劃分功能
WEB界面的首要功能是信息傳遞,色彩正是創造有序的視覺信息流程的重要因素。利用不同色彩設計進行視覺區域劃分是網路界面設計中的常用手法,也是色彩在WEB界面設計中的重要功能。網路界面中的信息不僅數量多,而且種類繁雜,往往在一個頁面中可以看到各種各樣的信息問題,利用色彩分布,可以將不同類型的信息分類排列,並配合相應內容,有針對性地設計色彩;利用各種色綵帶給人的不同心理效果,很好的區分出主次順序,從而形成有序的視覺流程。
色彩的視覺區域劃分功能實用性強,變化性強,靈活易用,適用面廣泛,在信息繁雜豐富的門戶類網站中應用較多,而且效果較為明顯。利用色彩和輔助線把網路界面分成幾個區域,這些區域可以是規則也可以是不規則的,以適應多種信息內容編排的需要。「FDI世界園」是一家招商投資網站,它的網路界面設計十分簡潔,多趣味性。由多種色塊矩形區域拼合成了網路界面的整體框架,用按鈕形式來顯示導航功能選擇,很清晰地把網站的內容分類展示給瀏覽者,配合上網站通用的icon,整個網站十分舒暢,同時減輕的用戶的視覺負擔。
四、審美功能
WEB界面不僅具有實用的物質功能,而且具有審美的精神功能,發揮審美功能的界面形象與發揮實用功能的界面實體是同一的,它們具有同質同構的聯系,網路界面是以一定的使用目的或物質功能為存在前提的,其審美功能必須以其使用目的為導向,即審美功能不能背離其使用目的。由於人的視覺對於色彩有著特殊的敏感性,因此色彩所產生的美感魅力往往更為直接。
色彩既是視覺信息傳達的方式(實用功能),又是藝術設計的語言(審美功能),當網路界面的色彩所反映的情趣與人們的審美情緒發生共鳴時,也就是說色彩配合的形式結構與人們審美心理的形式結構相對應時,人們就會感覺到色彩和諧的愉悅。色彩設計對WEB界面設計作品的藝術品位起著舉足輕重的作用,不僅在視覺上,而且在心理作用和象徵作用中都可以得到充分的體現。因此,網路界面設計要以色彩的科學知識為基礎,進而從美學的角度去探討色彩設計的表現形式,增強WEB界面設計作品的藝術性,以創造出更富審美情趣的作品。在國內68design網頁設計的站點,其中國內優秀設計作品中一家叫冰藝工作室的網站還是比較吸引人的眼球,讓人不由自覺的想去點擊它。它每個網路界面所選擇的色彩和圖形都能使瀏覽者自然地將其與產品風格聯系在一起,界面中間色彩和四周部分黑、白、灰無彩色的色調搭配形成了動靜相宜、多樣統一的韻律美,給網路界面注入了活潑而新鮮的活力,從而達成令人賞心悅目的界面形式,和諧中富於變化,具有獨特的創造性和審美價值。
五、品牌語言傳遞功能
品牌宣傳效果不僅應該在視覺上,而且應該在心理上和象徵上得到體會和理解。不同色相具有不同的語意特徵。人們經過長期的社會生產實踐和生活體驗,對色彩形成了不同的情感和心理感受,人們將這種長期積累的色彩印象賦予各種語意特點並將其應用到生產、生活中。
在眾多的網站類型中,不同的網站類型都有自身的色彩語意相關性。如兒童用品的網站設計多使用色彩亮麗、醒目的純色;藍色常用在表現同科技產業等相關新興產業的WEB界面設計上。因此,設計者在界面色彩語言表達中應充分考慮不同色彩的語意特點,並將其和WEB界面主題內容結合起來。
六、主題鮮明功能
網路是信息的海洋,瀏覽者在網路中漫遊無疑是尋找他們所需要的信息資源,網路界面傳遞的信息內容與傳遞方式應該是相互統一的,這是設計作品成功的必要條件之一。網路界面如何使瀏覽者迅速、快捷、准確的掌握主題,整合信息資源,這就需要設計師利用色彩的對比調和手段,產生視覺落差,來表現信息的重點,從而提高瀏覽者獲取信息的效率。設計師可利用不同色彩自身的表現力、情感效應以及審美心理感覺等,使網路界面的內容與形式有機地結合起來,以色彩的內在力量來美化頁面,或含蓄優雅,或動感強烈,或時尚新穎,或單純醒目,烘托主題、突出主題。在網路界面設計的許多成功作品中我們都可以看出這一點。三星galaxys3公司的商業網站,進入該網站的第一需要就是找到所需的產品,WEB界面設計者就利用了產品圖片顯示顏色和灰色塊強烈對比所產生的視覺落差,突出了右上角黑色文字主題內容和產品薄輕便的優勢,以色彩的內在力量引起瀏覽者的重點關注,引導瀏覽者以最便捷的方式使用該網路界面,同時,灰色色塊背景好似深沉的藍色里的交音階,高貴、氣質不凡,鋪色用心,恰到好處,使網站風格突出,大大增強了網站的藝術性和吸引力,從而提高了網站的知名度。
6、我記得office2003里有個組件是製作網頁的,怎麼我現在下載的03裡面沒有這個組件,這個組件叫
office2003里有個組件是製作網頁,它就是FrontPage !因為你下載這個版本是不完整的,所以沒有這個組件!給你分享下一個免費完整版的office2003,裡麵包含FrontPage這個組件的!安裝的時候可以選擇安裝的!請認真點注意看!
7、軟體裡面的組件是啥意思
簡而言之,組件就是對象。
C++ Builder中叫組件,Delphi中叫部件,而在Visual BASIC中叫控制項。
組件是對數據和方法的簡單封裝。C++ Builder中,一個組件就是一個從TComponent派生出來的特定對象。組件可以有自己的屬性和方法。屬性是組件數據的簡單訪問者。方法則是組件的一些簡單而可見的功能。
組件是C++ Builder環境中最令人激動的部分。使用組件可以實現拖放式編程、快速的屬性處理以及真正的面向對象的設計。VCL和CLX組件是C++ Builder系統的核心。
二、組件應用
使用現成的組件來開發應用程序時,組件工作在兩種模式下:設計時態和運行時態。
在設計時態下,組件顯示在C++ Builder窗體編輯器下的一個窗體中。設計時態下組件的方法不能被調用,組件不能與最終用戶直接進行交互操作,也不需要實現組件的全部功能。
在運行狀態下,組件工作在一個確實已經運行的應用程序中。組件必須正確地將自身表示出來,它需要對方法的調用進行處理並實現與其他組件之間有效的協同工作。
設計時態下所有的組件在窗體中都是可見的,但在運行時態下不一定可見。如TTable、TQuery和TDataSet在運行時態下就不可見,但他們均完成了重要的功能。
三、組件創建
創建組件就是自行設計製作出新的組件。
設計組件是一項繁重的工作。自行開發組件與使用組件進行可視化程序開發存在著極大的不同,要求程序員熟知原有的VCL類庫結構,精通面向對象程序設計。
設計組件是一項艱苦的工作。對於組件的開發者,組件是純粹的代碼。組件的開發不是一個可視化的開發過程,而是用C++或Object Pascal嚴格編制代碼的工作。實際上,創建新組件使我們回到傳統開發工具的時代。雖然這是一個復雜的過程,但也是一個一勞永逸的過程。
創建組件的最大意義在於封裝重復的工作,其次是可以擴充現有組件的功能。
組件創建過程包括設計、開發、調試(就是所謂的3D's)工作,然後是組件的使用。
組件開發者應該掌握的三項主要內容是:屬性、事件和方法。
8、組件和容器的區別是什麼?列舉在Java圖形界面設計中有哪幾種容器?有哪些常用組件?
1.容器可以添加其他組件形成復合組件,比如在panel里可以添加button。容器本身也是一專種組件
2.panel是最原始的屬容器,還有JPanel,JScrollPane,JSplitPane,JTabbedPane 等
3.常用的組件有JButton,JComboBox,JList,JMenu,Jtable等
9、java 設計一個用戶注冊頁面,頁面內包含各類組件,組件的布局採用布局管理器類
/*
* 這是客戶端的界面層
*/
package Client_View;
import java.awt.*;
import java.awt.event.*;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.*;
import Client_Model.*;
import Common.QQ_Message;
import Common.QQ_UserInformation;
public class Client_Login extends JFrame implements ActionListener {
JPanel jp1, jp2, jp3, jp4;
JLabel jl1;
JButton jb1, jb2, jb3;
ImageIcon image_icon1;
// 選項卡
JTabbedPane jtp1 = null;
// 定義中間的控制項
JLabel jp2_jl1, jp2_jl2, jp2_jl3, jp2_jl4;
JTextField jp2_jtf1;
JPasswordField jp2_jpf1;
JCheckBox jp2_jcb1, jp2_jcb2;
JButton jp2_jb1;
public static void main(String[] args) {
Client_Login qqcv = new Client_Login();
}
// 構造函數,用來做界面
public Client_Login()
{
this.showNorth();
this.showCenter();
this.showSouth();
this.showJFrame();
}
// 這是做北面的布局
public void showNorth()
{
image_icon1 = new ImageIcon("image/tou.gif");
jl1 = new JLabel(image_icon1);
this.add(jl1, "North");
}
// 這是中間的布局
public void showCenter()
{
jtp1 = new JTabbedPane();
this.add(jtp1);
// 中間有三個JPanel,它們由一個JTabbedPane管理
jp2 = new JPanel();
jp2.setLayout(new GridLayout(3, 3));
jp3 = new JPanel();
jp4 = new JPanel();
jtp1.add(jp2, "QQ號碼");
jtp1.add(jp3, "手機號碼");// jp3和jp4分別代表另外兩個面板,這兩個面板沒有去實現
jtp1.add(jp4, "電子郵件");// jp3和jp4分別代表另外兩個面板,這兩個面板沒有去實現
// //////////////////////////////////////////////////////////////////
jp2_jl1 = new JLabel("QQ號碼", JLabel.CENTER);
jp2_jl2 = new JLabel("QQ密碼", JLabel.CENTER);
jp2_jl3 = new JLabel("忘記密碼", JLabel.CENTER);
jp2_jl4 = new JLabel("申請密碼保護", JLabel.CENTER);
jp2_jtf1 = new JTextField("1");//登陸框
jp2_jpf1 = new JPasswordField("111111");//密碼框
jp2_jcb1 = new JCheckBox("隱身登陸");
jp2_jcb2 = new JCheckBox("記住密碼");
jp2_jb1 = new JButton(new ImageIcon("image/clear.gif"));//清除號碼按鈕
jp2_jb1.addActionListener(this);
jp2.add(jp2_jl1);
jp2.add(jp2_jtf1);
jp2.add(jp2_jb1);
jp2.add(jp2_jl2);
jp2.add(jp2_jpf1);
jp2.add(jp2_jl3);
jp2.add(jp2_jcb1);
jp2.add(jp2_jcb2);
jp2.add(jp2_jl4);
}
// 這是南邊的布局
public void showSouth()
{
jp1 = new JPanel();
this.add(jp1, "South");
jb1 = new JButton(new ImageIcon("image/denglu.gif"));//登陸按鈕
jb1.addActionListener(this);
jb2 = new JButton(new ImageIcon("image/quxiao.gif"));//取消按鈕
jb2.addActionListener(this);
jb3 = new JButton(new ImageIcon("image/xiang.gif"));//注冊向導按鈕
jb3.addActionListener(this);
jp1.add(jb1);
jp1.add(jb2);
jp1.add(jb3);
}
// 這是顯示總體的窗體
public void showJFrame()
{
int hight=Toolkit.getDefaultToolkit().getScreenSize().height;
int width=Toolkit.getDefaultToolkit().getScreenSize().width;
this.setSize(350, 240);
this.setLocation((width-this.getWidth())/2,(hight-this.getHeight())/2);
this.setTitle("QQ登陸");
this.setResizable(false);
this.setVisible(true);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
// 發送登陸信息到客戶端的Model層的函數
public boolean send_Login_Message_To_Model(QQ_UserInformation userinfo)
{
boolean b=false;
Client_Model cm=new Client_Model();
b=cm.send_Login_info_to_Client_net(userinfo);
return b;
}
@Override
public void actionPerformed(ActionEvent arg0)
{
if (arg0.getSource() == jp2_jb1)
{
// 點擊清除號碼按鈕
jp2_jtf1.setText("");
jp2_jpf1.setText("");
}
if (arg0.getSource() == jb1)
{
// 點擊登錄按鈕
QQ_UserInformation userinfo=new QQ_UserInformation();
userinfo.setUserID(jp2_jtf1.getText() );
userinfo.setPassword(new String (jp2_jpf1.getPassword()));
System.out.println("登陸界面。用戶名: "+userinfo.getUserID()+", 密碼: "+userinfo.getPassword());
boolean b=send_Login_Message_To_Model(userinfo);
System.out.println("客戶端login界面,得到的登陸的信息: b = "+ b);
if(b==false)
{
//用戶名密碼錯誤,登陸失敗
JOptionPane.showMessageDialog(null,"用戶名或密碼錯誤","登陸失敗...",JOptionPane.ERROR_MESSAGE);
}else if(b==true)
{
Client_FriendsList cf=new Client_FriendsList(userinfo);
this.dispose();
}
}
if (arg0.getSource() == jb2)
{
// 點擊取消按鈕,關閉該窗口
this.dispose();
}
if (arg0.getSource() == jb3)
{
// 點擊注冊向導按鈕,暫時沒有去實現該功能
}
}
}
10、典型產品(系統)設計組件選型設計(至少)舉出2種綜合實例
綜合布線方案 技術方案 結構化綜合布線(SCS)系統技術設計方案 一、綜述 A. 布線系統將貫穿於1、2、3樓的各個平面。主要為話音、數據、圖像等系統信號提供高性能傳輸路由。 B. 作為一個綜合性的線路平台,應具有最大的兼容性和開放性,可滿足各類型通訊及計算機等的傳輸需要和網路結構,提供一個標准化、高帶寬、低成本的網路環境。 C. 系統應具有開放的模塊化結構,可靈活地進行資源分配,線路管理、變更和擴展。 D. 系統應提供一個安全、有序、便於管理的設備安裝及連接環境,可快捷簡便地進行系統安裝和運行。 E在充分考慮目前應用情況下,以高起點和適度超前的原則來規劃本系統。為各種高性能應用提供充足的傳輸帶寬,為日後系統的升級提供充足的空間。 F. 採用目前國際上最先進的工程標准及規范,去設計和規劃系統,使之成為市內的有代表性的工程樣板。 G.客戶基本情況 樓層面積約16.5 x 9米,且已有光纖到樓層。網路信息點:90個;語音信息點:18個 二、系統設計 1、系統選型 PANDUIT結構化綜合布線 基於上述的系統目標規模,在系統選型上應選用在技術上處於領導地位,產品成熟穩定,具有極佳應用效果的布線材料。本設計中,我們推薦使用PANDUIT的建築物結構化綜合布線系統。 PANDUIT美國泛達公司是世界著名的網路布線系統生產商---被喻為專家級的布線產品,PANDUIT是世界工業標准組織的成員之一。它以推廣採用創新產品而享譽全球市場,其二代布線產品以高品質享譽國際包括美國、日本及歐洲等多個國家中,在其布線市場的佔有率在前三名之內。 PANDUIT布線產品---PAN-NET網路布線系統的明顯優點是絕對的模塊化、免打及可方便地採用色標管理。該系統包括可供雙絞線、同軸電纜和光纜使用的單個模塊,此類模塊可以混合安裝,這樣可以最大限度地提高系統的密度和靈活性。 著名網路廠家CISCO公司指定PANDUIT為其唯一的布線產品,專家的選擇更顯卓越出眾。此外,3COM、MOTOROLA、LEHMAN BROTHER證券行也是PANDUIT的客戶。 1997年PANDUIT泛達公司在北京成立了代表外,同上海代表一起,再加上分銷商及系統集成商的努力,泛達公司在國內取得了令人鼓舞的業績。泛達公司的國內客戶包括:中華人民共和國專利局、國家教育部、CISCO北京辦事處、上海通用汽車、中國銀行江蘇分行、大慶油田採油公司,昆明新聞中心、鞍山證券、長春證券以及華夏證券、華南師范大學電教系、廣州港務局等。 技術上的不斷領先和創新,為世界性的工業標准提供指導作用。 PANDUIT產品保證: 20年的PAN-NET產品質保------包括所有的PAN-NET產品。 15年的網路系統質保------保證滿足你要求的端對端高性能布線系統。 2、系統規劃 2.1 結構 樓內布線系統 1) SCS結構化布線系統樓內布線分為工作區子系統,水平子系統、主幹子系統及管理/設備子系統的五個部分。 2) 採用中心星形結構,分為水平、系統主幹布線兩個層次。如下圖: 3) 從設備間出發,水平布線採用4對的UTP電纜,阻抗100W,最長布線距離限制為90米。工作位的信 息出口處採用兼容EIA、RJ45 的5類8針插座模塊連接。在配線架端,採用RJ45式端接模塊,可滿足多系統(數據和視像等)並行使用。並可採用D8SA模塊跳線與網路設備直接連接,全套採用超五類布線器件組成。 4) 設備中心內,將設立管理配線架,對各應用網路進行配接管理,採用RJ45模塊專用跳線;對於 構造網路的各種通信設備,則提供統一的19inch工業標准設備機架作設備的安裝;而設備的連接同樣採用標准RJ45模式統一連接介面(可選)。 5) 樓內信息點配置表: 三、系統描述及安裝規范 體系統配置和結構可參照綜合布線系統的結構示意圖及系統配置表。 1、工作區子系統 指各應用位置上的信息插座、終端設備連接線等部分;分布在建築物內的不同位置,全部採用國際標准EIA/TIA568B(RJ45)插座介面,以各種方式固定在牆上或地板上。 對於本方案中,我們的設計是使所有插座都支持155Mbps數據通信(計算機通信)應用,故採用全PANDUIT超五類CJ588信息插座,以同時滿足數據和視像的應用。而水平信息點的分布,是按照大樓需求分析統計所得,具體的分布還要根據各樓層的實際應用和裝修環境再作確定。 1.1 材料規格/性能 每個信息點配有一個RJ45 8針模式插座,每個插座由4對非屏蔽電纜單獨配線。可用於話音、數據和圖象等網路連接應用。這些插座已通過了美國UL獨立實驗室的測試認可。 信息點使用的標准8針模式連接插座,符合ISO 8877標准和EIA-TIA568協會的機械性能和電氣性能標准。相關文件有: ISO/IEC 11801通用布線標准 EIA-TIA568 為增強介面的通用性,本方案選用了PANDUITCJ588標准插座模塊,經測試能支持100Mbps乙太網、622Mbps的ATM應用。具有較好的NEXT、Attentuation性能指標和網路ACR值。面板規格為86×86mm,面板上有應用標識及座位編號標簽,可方便地進行系統管理。 這些插座在連接電纜時不需任何工具,安裝電纜是根據插座背後標明的與RJ45插座的接點相一致的編號進行的。 1.2 器件構成 在工作區內,有關布線的組件包括: 終端模塊化插座/面板 多功能插座底盒 平衡器和適配器 工作位設備連線 在SCS綜合布線系統中,設置終端設備的地方應當設至少2個86×86mm插座位。用以安裝工作站運作過程中,所必須配置的電源插座和網路介面插座。 普通辦公工作位信息點配置情況如下: 一個CJ588插座(型號CJ588)。是8針模塊化插座,同時可用於數據、圖象網路等應用; 一個220伏10/16安培的電源插座;最好能附加一個電腦工作站的備用電源插座(UPS)。 1.3 插座安裝方法 CJ588信息插座模塊根據各種環境有如下的安裝方法: 放在插座盒裡,插座盒可以安裝在牆面上或鑲嵌在牆上,也可以安裝在活動地坂上; 安裝在辦公桌面上; 直接安裝在組合式辦公傢具上; 裝在PBM導線柱上(若電纜從吊頂下來)。 2、水平子系統 本系統是把分布在同一水平層內的信息插座,以星型結構連接到管理模塊上。採用PANDUIT的超5類4對非屏蔽雙絞線(UTP);每個信息插座的信息出口均對應布放1條4對水平電纜。 2.1 材料規格/性能 2.1.1 Panit 超5類電纜 每個工作位信息插座連接1條PVC阻燃外皮4對UTP雙絞線電纜。可用於話音、高速數據、圖象網路等應用。其技術性能為: 屬於五類產品系列, 符合ISO/IEC/IS11801 D級標准,及EIA/TIA-568A的標准 特性阻抗:100W±15W 纜直徑:5.2mm 單導線採用AWG24/0.51mm線號 根據PANDUIT結構化綜合布線系統的關於布線長度及盤曲彎度的規范: 信息點與配線架之間距離,最大為90米; 電纜彎曲半徑為電纜外皮直徑的8倍。 2.2 水平電纜的布放及管道 為結構化布線系統的管槽,有別於強電的管槽布放方法,除要有結構化、靈活性等特點外,其密封性、屏蔽性及儲線容量等方面都有較高的要求。 系統的布線是放射型的,線纜量較大,所以線槽容量的計算很重要。按照標準的線槽設計方法,應根據水平線的外徑來確定線槽的容量。 即:線纜的橫截面積之和 × 1.8 水平線子系統完成由接線間到工作區信霄口線路連接的功能。分為兩種管線方式: 2.2.1 走廊電纜通道 電纜通道必須是金屬或塑料製成的。應該根據電纜的大小和可用空間的大小計算並安裝電纜通道。 傳輸數據的銅芯電纜應受到保護,以免受主要干擾源的干擾,尤其不受產生重大幹擾源的電力電纜的干擾。這些干擾對高頻的影響很大並因此污染附近的通信電纜,因此可採用一個基礎的預防措施,即把電纜通道的用途作一個長期性的規定: "弱電"電纜通道(數據、電話、圖象) "強電"電纜通道(電力電源) 在可能的情況下,這兩種通道都應用金屬材料做成並固定在天花內,這些金屬材料的通道構成了一個珍貴的接地物體,可以將電纜容納其中並加以固定,因而可以將外部的干擾電源引導他處。這些通道的金屬物體應當根據現行的安全標准與地線連接。 以下介紹幾種可能的走向: 當弱電電纜通道折走向與電力電纜的走向相同時,它們之間應至少相距30厘米。我們建議可以將走廊的一側用於強電電纜,另一側用於弱電電纜。電纜通道的0.3米距離內應當避免熒光燈。 對本項目,採用走吊頂的輕型裝配式槽形電纜橋架方案。這種方式適用於大型建築物,為水平線纜系統提供機械保護和支持。裝配式槽形電纜橋架是一種閉合式的金屬槽架,安裝在天花內,從弱電井引向各個設有信息點的開間。再由牆內的不同規格的鐵管及導槽,將線路引到辦公室的插座底盒內。 2.2.2 辦公室里的電纜通道 "弱電"電纜通道應盡可能近地延伸至信息點附近。在辦公室配線時採用與走廊電纜通道相同的規定。但如果與電力電纜的平行走向長度較短,相隔距離也可較近,其平行距離及走線的管道彎曲應注意: 少於2.5米時,兩者之間的相距至少2.5厘米 少於10米時,兩者之間的相距至少4厘米 如果數據電纜設在一個全金屬的線槽內並與地線正確連接,與電源電纜相隔距離可以是1厘米,但同時平行的長度必須小於10米 在安放電纜時,必須注意遵守電纜的最小彎曲度,UTP為外徑8倍,光纜為外徑的10倍。並因此預計電纜通道。同時,電纜也必須遵守一些機械性能的要求以避免其電性能的衰減。 2.3 垂直線纜布放及管道 怎樣設置電纜通道尤其是垂直布線的管道是布線安裝中的首要考慮的問題之一。因為其直接影響到水平、垂直布線走線情況。 規范與標准 電纜通道安置需看安裝所在環境的情況而定,為了能限制可能的電磁干擾,電纜通道、豎井和配線間都應當設在距離電梯和發電機盡可能遠的地方。電纜通道也應與多網格狀的接地系統相連接。 強電和保護電纜可能會給話音/數據/圖象信號弱電電纜帶來干擾。因此必須採取一些必要措施,以便這些不同類型導體的通道能運行正常: 不同的電纜金屬通道之間相隔至少0.3米。 強電/弱電電纜處於同一電纜通道里,強電與弱電電纜分開,並用金屬板隔離,而且導線之間的距離相隔0.3米。 平行電纜管道必須遵守以上規定。當遇到電纜交叉而過時,交叉必須成直角,以減弱迴路影響。 3、管理區子系統\設備子系統 處於各線纜匯集點,將各系統線纜用標準的線架模塊進行分區端接,並實現水平配線、光纖干線及設備信道之間的交連和互連,可方便地將通訊線路定位或重新定位到不同的工作區, 3.1 管理、設備配線間的環境需求 配線間不應是一個"壁櫥",而應當是一個真正的操作工作室,其特點如下: 面積:(其規模根據安裝在此的設備大小而定) 電源供應:至少1KVA(具體根據安裝的設備而定) 低阻抗接地:低於5(建議值) 通風系統 免提電話 與豎井相連 照明至少200勒克司 門寬至少75厘米,帶鎖 遠離所有電磁干擾源 配線間的面積應當不僅足容納布線系統的所有連接器具,而且也能滿足容納所需的通訊設備及配件以便構成所有網路。這些設備一般是19"規格,要求電源供應和通風。因此在配置中,我們為每個管理設備間設置了一個19"設備機架。 配線間應距離強力電動機(電梯和發電機)和電力電源變電室至少2米。配線架框架的兩端應當與設在工作室里的接地帶連接(根據接地等級),否則應與工作室的主要接地端子連接。配線架應當與電纜金屬通道連接。在同一配線架的各軌道之間應保證電的連續性。 配線間應關上門以保證所裝網路的安全。而大樓配線間應該由局內指定一個部門作統一管理和維護。如果由好幾個部門同時使用,他們可以共享配線間,但是這時可能會出現管理混亂,並容易發生安全和保密問題。 3.2 設備配線間的組織 配線間的組織應當加以分析以便能安放短、中期中所需要的全部設備。光纖布線的配線間和銅線布線的配線間可以是同一個。但是,如果光纖模塊的量很多,最好將光纖模塊放在一個專門的配線架上。 設備配線間內應由兩方面的設施構成。一部分是配線管理線架;另一方面是具體網路設備的安放和配接器件。 在配線間裡面,有配線器架、配線器框架以及安裝以下傳輸設備所需的19"構件(底架、櫃):中繼器 集中器 集線器裝置 局部網路的伺服器 網關、路由設備等 圖象通信有源產品 配線器架和框架上放置各種模塊以連接配線電纜。這樣,再使用一些附件和有源設備,就可以構成具有一定拓撲結構的網路了。在這些元部件上作一些變動即可以改變拓撲結構。 配線間之間的連接通過更高網路或通過主幹電纜進行。配線間接收所有來自辦公室的水平配線電纜以及來自於其它管理配線間的主幹電纜。這些主幹電纜,根據不同情況可以是雙絞線的,也可以是光纖的。 對於光纖配線,光纖的載體(光纖頭或光纖線架)也放在這配線間內。 3.3 配線間的設備 線間安裝結構圖: 配線間里的設備分成四部分: 配線架模塊 光纖配線架 19"承載部件(機箱、機架、配線板) 分區網路設備 3.3.1 配線架模塊 19"RJ45模塊化配線架(主機房設備環路互連) 本項目主要的應用是話音、計算機網路傳輸,因此在與設備連接的管理配線架上,我們可選取了與計算機網路設備具有相同介面的RJ45模塊式配線架CPP24WBL;及110型P110B100R4WJ配線架。可安裝在標準的19"設備機櫃上,可通過標準的RJ45跳接線及話音跳線與網路設備及話音總機直接配接。 為了能符合在配線間安全方面的標准,這些連接模塊是用聚酸醋製成的,沒有毒性。 這些模塊運用了接插領域最新的科技進步成果,尺寸結構極其緊湊,用聚碳酸酯製成(牢固、電性能高),接點堅硬受到保護(藏在一層塑料裡面因此不突出在外),新的製作IDC接點的技術,使其連接性能質量更高,傳輸性能優化,特別適合高速率傳輸。 3.3.2 19"承載部件隨著通信網路傳送速度的提高,樓內結構化線路系統的廣泛應用;越來越多的電子設備在網路得到應用:共享集線器、交換機、Modem、路由器、橋接器、Mux等。而通常這些電子器件都是以標准19"作為裝配尺寸。因此,在配線設備間類都配置一定數量的19"標准設備機櫃。 3.4 中心配線 本工程在大樓2樓設置總配線架,作為本大樓所有UTP電纜主幹的配線中心及1至3樓水平線纜的配線中心。 四、系統服務 我方對本項目實行總承包,從系統設計,工程管理,管槽安裝,線纜布放,線纜端接、系統安裝調試,性能測試,驗收報告、向PANDUIT申請15年系統保證及日後系統保養;提供一攬子服務。以下為工程服務的標准及范圍: 1、工程設計、施工及驗收標准 1.1標准 IEEE 802.3 10BASE-T,10BASE-FL IEEE 802.3U 100Base-T IEEE 802.5 TOKEN RING EIA/TIA 568 EIA/TSB 40 EIA/TIA SP-2840 IEEE 802.6 FDDI/CDDI/TPDDI CCITT ATM 155MBPS 1.2安裝與設計規范 中國民用建築電氣設計規范 JGJ/T 16-92 EIA/TIA 568 商業建築布線標准 性能測試符合UNDERWRITER LABORATORY(UL)的區域網纜線規劃 工業企業通信設計規范 市內電話線路工程施工及驗收技術規范 公布的<<建築與建築群綜合布線系統工程設計規范>> ( 中國工程建設標准化協會標准 ) 2、設計服務 當確定由我方承接本工程項目後,在需方提供建築藍圖的前提下,本公司的工程師將按照美國PANDUIT的設計標准,為用戶設計建築物的綜合布線系統。 該綜合布線系統應參照國內有關通訊、計算機網路對傳輸線路的要求、標准等,如標准有沖突時,以標准高的為准。並向用戶提供管線方案、建築分布、系統配置、設備選型及工程進度等工程設計方案。 3、施工服務及人員配置 3.1 管槽安裝、線纜布放及督導: 為了確保在布線過程中線纜不會受到損壞,我方會派出由PANDUIT指定工程師2人,在現場督導施工人員完成線纜在建築物中的鋪設;另外,我方同時會派出專業的管槽施工隊,負責管槽的現場安裝與線纜的布放,從而保證了線纜在不同的環境下,都能達到高速傳輸指標要求;為了確保布線質量,我方將用專用儀器及時檢測線路的通道干擾、衰減等性能,並提交檢測結果的證明文件。 3.2 配線及端接: 負責對主、分配線架進行安裝,以及對各子系統電纜的配線、系統設置、安裝和跳接。這部分工作會由我方的工程技術人員負責,以保證其高質量地完成。 3.3 測試: 測試分二級進行,即自測和PANDUIT測試。工程人員分二端進行跟蹤測試,並詳細填寫測試記錄,其中包括線序、通斷、串擾及衰減的測試,且必須滿足PANDUIT的標准。 4、工程驗收和服務 4.1 驗收與保證: 在整個施工、測試過程結束後,我方將向客方提交完整的工程文檔,及系統測試數據;最後聯同客方的領導和相關工程負責人,對工程進行驗收,確定合格後,提交驗收證明文件。 自驗收之日起,我方負責向客戶提供1年的工程質量保修。並提供終身系統保養和技術支持。並協助客戶向PANDUIT申請十五年系統保證。 4.2 文檔: 為了方便用戶的管理和驗收,我們將向用戶提供整套布線系統,包括系統結構圖、編號圖、配線管理圖表及系統應用方案等有關資料。 4.3 培訓: 負責現場培訓2名技術人員,以使他們具有對布線系統獨立管理的能力。 5、與其它系統的配合 交換機系統和計算圾絡系統的服務(包括安裝、培訓、維護),由提供相應系統設備的廠商負責。其與綜合布線系統相關的部分,即各系統內部由綜合布線系統構成部分的服務有我方負責組織協調實施。對整個連接進行可靠性測試,並提交測試證明文件。 五、系統報價 1、PANDUIT布線材料費用預算表: 略 工程范圍包括: 1、管槽安裝、線纜布放; 2、線纜整理、編碼、 標識; 3、設備櫃及演示板內的配線架安裝,與線纜端接; 4、插座的標識、端接及面板安裝; 5、布線的初測與性能測試; 6、編寫布線分布圖、編碼表、完工測試報告