1. 網站設計的布局方式有哪些
網頁基本布局方式：
(1)流式布局 Fluid
流布局與固定寬度布局基本不同點
就在於對網站尺寸的側量單位不同。固定寬度布局使用的是像素，但是流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。
(2)固定布局 Fixed
在固定布局中，網頁的寬度是必須指定為一個像素值，一般為960px。
(3)彈性布局 Elastic
彈性布局跟流布局很像，主要不同是大小單位；彈性布局的大小單位不是像素或者百分比，而是em或者rem，避免了根據px局部在高解析度下幾乎無法辨識的缺點，又相對於%百分比更加靈活，同時可以支持瀏覽器的字體大小調整和縮放等的正常顯示，需要一段時間適應而且不易從其他布局轉換過來。
(4)伸縮 Flex box
使用css3 Flex系列屬性進行相對布局。對於富媒體和復雜排版的支持非常大，但是存在兼容性問題。
(5)響應式
使用@media媒體查詢給不同尺寸和介質的設備切換不同的樣式。
2. 網路綜合布線設計方案
網路工程實施方案
關鍵：系統設計方案
一.綜合布線設計方案：
1.工作區子系統
工作區布線子系統由終端設備到信息插座的連線（或軟線）組成，它包括-連接器、連接跳線、信息插座；信息插座有牆上型、地上（防水）型、桌上型等多種；標准有：RJ-45、RJ-11及單、雙、多口等結構。
2.水平布線子系統
水平布線子系統將電纜從樓層配線架連接到各用戶工作區的信息插座上，通常處於同一樓層之上，可以採用3類、5類或超五類4對屏蔽/非屏蔽雙絞線；3類、5類及超五類雙絞線都是由4對24-AWG的對絞銅線組成；3類線在10MBPS應用時無誤碼傳輸距離為100米、16MBPS時為50米；5類線在155MBPS時可傳輸80米、在100MBPS時為100米；超五類在155Mhz時傳輸距離可以達到100米，速率更高時可採用光纖。為了滿足高速率數據傳輸，數據傳輸選用普天超5類四對UTP雙絞線， 由於所用的數據線均採用了超5類UTP雙絞線，因此對學院校園網而言，超5類UTP雙絞線布線時的帶寬和傳輸速率能滿足武威職業學院校園網樓宇內信息點要求的100M接入， 超5類布線與垂直干線一起使用，為帶寬應用程序提供完全的端到端布線解決方案，適用於網路的擴展及升級，成本底維護費用少。
3.垂直干線子系統（RISER BACKONE SUBSYSTEM）：
指各摟層配線架與主配線架間的干纜：可以為大對數雙絞線、光纜也可以二者混用；其主要功能是將主配線架系統和各樓層配線架連接起來。
4.布線櫃子系統(RACK SUBSYSTEM)：
由樓層配線架組成，其主要功能是將垂直干纜與各樓層水平子系統相連接，布線系統的優勢和靈活性主要體現在布線櫃子系統上，只要簡單的跳一下線就可完成任何一個結構化布線系統的信息插座以對任何一個智能系統的連接，極大的方便了線路重新布局和網路終端的重新調整；光纖連接時，要用光纖配線箱，箱內有多個ST或SC連接器安裝口；其線路彎曲設計符合62.5/125μM多模光纖的彎曲要求，光纖接頭採用ST或SC型，由陶瓷、塑膠、不銹鋼等材料製成，光纖藕合器可做為多模光纖與網路設備或接線裝置上的連接，配線架和光纖配線箱通常設在弱電井或設備間內，用來連接其他子系統，並對它們通過跳線進行管理。
5.設備間子系統（EQUIPMENT SUBSYSTEM）：
設備間子系統由主配線架和各公共設備組成，它主要功能是將各種公共設備（如：計算機主機，PABX、各種控制系統、網路交換設備等）與主配線架連接起來，該子系統還包括雷電保護裝置。
6.管理子系統（ADMINISTRATION SUBSYSTEM）：
一個完整的布線系統工程應該包括：工程設計圖紙、施工記錄、測試報告、使用說明等材料，對這些材料進行整理歸檔交由用戶保存以備系統的使用和維護。對於學院校園網而言在設計方案中，將各個樓層的信息點通過PVC管槽走牆邊通向各個樓層的配線機櫃，機櫃里放置普天超5類24口配線架，對各個信息點的接頭進行跳線配置，再通過配線架與交換機相連。採用普天超5類24口配線架（由安裝板和超5類RJ45插座模塊組合而成），可安裝在19"標准機架上，只佔用1U空間，佔用地方小，搬運遷移方便。插座正面是標準的RJ45插座，埠性能達到超五類性能的要求，屏蔽性能完全符合標准要求。數據主幹光纜的端接採用普天抽屜式12埠光纖分線盒。超5類系列跳線在設備間用於連接配線架到網路設備埠，在終端用於連接牆面插座到終端設備的計算機網路介面。
7.建築群布線子系統
建築群子系統將一棟建築的線纜延伸到建築群內的其它建築的通信設備和設施。它包括銅線、光纖、以及防止其它建築的電纜的浪涌電壓進入本建築的保護設。在學院校園網綜合布線設計方案中各樓間的距離都超過了100米，而當計算機數據傳輸距離超過100米時，用光纖作為數據主幹將是最佳選擇，並具有大對數電纜無法比擬的高帶寬和高保密性、抗干擾性。因此各樓間的連接採用普天6芯多模室內光纜，支持數據信息的傳輸。在校園網綜合布線設計方案中將使用光纖把各新綜合教學樓、教學樓、辦公樓、實驗樓、餐廳、學生宿舍樓互聯。並集中於校園網網路中心。其敷設方式室內採用金屬橋架，室外採用暗埋深溝填鋪的方式進行。在設計中進入主設備間的所有光纖、大對數電纜、電信電纜都採用金屬橋架或鋼管進行硬體保護，同時採用IDC線對保護器對銅纜予以電氣保護，避免人員和設備免遭外部電壓和電流的傷害。
二.網路設計方案
網路結構為分層星型結構,網路分為三級：
第一級是網路中心，為中心節點。網路中心選址在學校地域的中心建築(實驗大樓),布置了校園網的核心設備，如路由器、交換機、伺服器(WWW伺服器、電子郵件伺服器、撥號伺服器、域名伺服器等)，並預留了將來與本部以外的幾個園區的通信介面。
第二級是建築群的主幹結點，為二級節點。校園網按地域設置了幾條干線光纜，從網路中心輻射到幾個主要建築群，並在二級主幹節點處端接。在主幹網節點上安裝的交換機位於網路的第二層，它向上與網路中心的主幹交換機相連，向下與各樓層的集線器相連。學校校園網主幹帶寬全部為100Mbps，並考慮到向ATM或千兆乙太網的升級。
第三級是建築物樓內的HUB，為三級節點。三級節點主要是指直接與伺服器和工作站連接的區域網設備，即乙太網或快速乙太網集線器
（3COM堆疊式集線器3COM SUPERSTACK）。設計樓內的綜合布線時根據需要可進行了一定取捨：如取消干線子系統；合並管理子系統與設備間子系統；將水平子系統的布線直接引入到設備間的主配線架上等等。
以交換式千兆乙太網作為校園網的主幹，按10M/100M交換式子網方式接入(如圖)。
校園網布線設計一般採用多級物理星型結構、點到點連接，任何一條線路故障均不影響其他線路的正常運行。網路採用分散式三層交換體系，二級交換機具有第三級交換能力，主幹線路壓力小，而且全部實現百兆交換入室。三級交換機可以堆疊，能將一個主幹和桌面交換機組成一個整體，提供足夠的交換口，可擴展性好。
1、主幹網選用千兆乙太網，其第三層乙太網路由器交換機大都滿足IEEE802.3Z標准，技術成熟，具有流量優先機制能有效保證多媒體傳輸時的QoS(Quality of Service服務質量)。
千兆乙太網具有良好的兼容性和可擴展性，在ATM技術成熟時，可平滑集成到ATM網路中，作為ATM網的邊緣子網。
工作組子網可選用100M交換模式。使用戶終端獨佔100M帶寬的數據交換。在核心交換機與工作組交換機之間，採用100Mbps傳輸帶寬，當使用全雙工時，傳輸帶寬為200Mbps。
技術特點：
採用模塊化星型拓撲結構，主幹段相互獨立，便於網路維護和擴充 。
光纖主幹採用單模光纜，有利於千兆網及今後更高速率的網路應用。而且通過跳線的不同跳接，組網方式也十分靈活。可以實現：
（1）點對點：在兩台計算機之間建立起高速通道。傳輸速率為幾十個Mbps至幾百個Mbps，距離可達2km（多模）至5km（單模）。
（2）邏輯星型網路：通過光纖網路設備，建立起星型網路拓撲結構的快速乙太網或ATM網。
（3）環形網路：用信號再生器連接光纖，形成環路，組成FDDI主幹網。
樓內線纜全部採用六類非屏蔽雙絞線，性價比高，施工方便，且可以達到1000Mbps的數據傳輸速率，並支持155/622Mbps ATM。
（4）交換是在第二層進行，真正支持即插即用工作，無需人工干預。
三.系統設計方案
1.系統設計的目標：
滿足日常工作的處理電子化、日常辦公自動化、領導決策科學化，和信息交流快捷方便化。即實現業務系統處理、日常辦公、領導決策計算機化、信息交流國際化的先進系統。即：以先進的計算機及通訊為手段建立內部網路，縱向向上與Internet互聯網相連，向下與各管理子網點相連接，橫向與其它單位相連接的計算機綜合網路系統。
2.系統需求：
1.建立一個基於校園Intranet的信息管理和應用的網路系統，並提供相應的各種服務。
2.共享網路上各種軟、硬體資源，快速、穩定地傳輸各種信息，並提供有效的網路信息管理手段。
3.採用開放式、標准化的系統結構，以利於功能擴充和技術升級。
4.能夠與外界進行廣域網的連接，提供、享用各種信息服務（與各級教育信息中心相連、與國內外著名站點相連……）。
5.具有完善的網路安全機制。
6.能夠與原有的計算機區域網絡和應用系統平滑地連接，調用原有各種計算機系統的信息。
3.系統應用平台
沒有應用系統的網路只能是一個各類設備的集合，而不是真正意義上的網路，這不是用戶所需要的。所以，在用戶沒有特別指定應用系統的情況下，我們的設計應該把傳統的網路應用考慮在內。
1.網上校務管理
1）學校基本文書管理：
* 來往公函
* 會議通知，會議紀錄
* 教學熱點情況（教育手段現代化等）
2）學校制度管理：
* 重要文件的文件頭，提要（要點，主題）
* 學校管理制度，歷年的決定
* 學校規劃，設想
3）學校重要事件管理：
* 校史紀錄、校友紀錄：面向全國，全市的重要事件。
* 大事紀錄： 校內各項重大活動的安排和紀錄。
* 外事接待：對國內、國外參觀人員的接待，安排及相關事宜的紀錄和管理。
2.網上學生管理
1.對學生基本信息的輸入，修改（主要依據學籍卡和各種符合市裡標準的表格）
* 學生入學時的基本情況：包括入學時政治面貌、入學類型、入學成績、健康狀況等。
* 學生在校時的基本信息：包括學號、姓名、籍貫、家庭住址及照片等比較全面的個人信息。
* 學生離校時的基本情況：包括離校時政治面貌、離校去向、健康狀況等。
* 學生家庭成員的基本信息：包括家庭成員的關系、政治面貌、工作單位等。
學生學籍變更管理：由於轉班、跳級、休學、退學等各種原因引起的學籍變更都可以得到有效的管理。變更原因都可紀錄以備以後查用。
對學生基本信息的查詢：可以將許多查詢條件任意組合的功能比較強大的查詢。
2.學生成績管理：
* 可設置各年級班級的考試課程、時間。
* 可以按學年、學期輸入學生各門功課的成績。
* 可以選擇輸入方式（按原始分或按等級分輸入）。
* 可以管理必修課、選修課、中考的成績。
3.學生成績的統計：對輸入的成績進行各種統計，統計方法採用規范標准。
4.學生成績報表列印：可以列印各種類型的成績報表，如：學生期中成績單、期末成績品德評語單、各班級的成績統計信息、總分的年級排名單等報表以供各種場合使用。
5.對學生評語的輸入，修改，列印：可以對學生思想品德評語、操行等第、獎懲紀錄等信息進行管理，並可列印成報表。
3.課務管理：
主要完成對課程（必修課、選修課）的自動編排和學生Web選課管理。
1.對所有課程基本信息的管理。在各種條件的限制下自動排課:要求有對場地、教師、時間等復雜條件的處理。
2.在預排的基礎上，可以對課程進行相應的手工調整，軟體自動處理各種限制條件。
4.輸出報表：
各班級課程表、教師課程表等。
5.選課控制管理：
1.是否允許學生選課，對各選修課的情況進行管理。
2.學生Web選課：學生通過瀏覽器在校內或在家中進行選課。
3.考務管理：主要完成對考場及監考教師的安排。
4.可要求對考試科目的前後順序進行安排。
5.可要求對考試科目的特定時間進行安排。
6.監考教師的時間、次數限制。
7.場地的限制。
6.教師信息管理：
.對全校教師基本信息的管理。
7.Web通用查詢系統
校長、教師、學生、學生家長通過Web瀏覽器根據不同的授權對全校的管理信息（校務信息、教務信息等）進行查詢，包括：
1） 學校基本文書信息查詢
2） 學校制度信息查詢
3） 學校重要事件信息查詢
4） 學生學籍信息查詢
5） 學生成績信息查詢
6） 課程信息查詢
7） 考試信息查詢
8） 教師信息查詢
8.信息服務
1.構建全校Intranet校園信息服務系統，實現校園信息的網上發布、全校的電子郵件系統、網上資源的信息共享。使教師和學生可以在校園網上進行交流。
多媒體閱覽室
2.可將大量學習資料、教學參考以多媒體光碟的形式放在校園網上，供全校師生享用。通過這種方式實現的閱覽室功能，將大大節省廣大師生的時間，使得師生在家裡也能閱覽到光碟中的信息，真正做到了信息共享。
9.圖書館管理
1.資料輸入。
2.圖書借閱。
3.查詢、檢索。
4.圖書館工作內部管理。
3. 幾種常見網頁布局設計
網頁設計的布局有哪幾種？
1.「國」字型：
網頁設計也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。
2.拐角型：
這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
3.標題正文型：
這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
4.左右框架型：
這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。
5.上下框架型：
與上面類似，區別僅僅在於是一種上下分為兩頁的框架。
6.綜合框架型：
上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。
7.封面型：
這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
8.Flash型：網頁設計
其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。
9.變化型：網頁設計
即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。
4. 網頁設計怎樣布局
網頁都差不多
我的方法是：打開dreamweaver後
先插入4行一列的表格（居中）
然後第一行
插一幅圖片（logo、banner等）第二行插入一行8列的表格
當作導航
第三行是主題內容
根據網頁的內容確定
第四行是版權··
再就是
做網頁的時候
根據不同的內容
選用不同的色調
5. 綜合布線系統如何設計內網和外網
內網主要是區域網的設計，有多少用戶，分為幾個組就要選擇相應的交換機和伺服器數量，外網主要就是伺服器，有多少個外網接入就選擇多少個伺服器和路由。
實用性
企業組建的區域網應當根據機房的大小、設備的多少來具體實施，根據網路布線的特點來發揮網路布局實用性是非常重要的。
全面性
組網過程中，網路、伺服器等設備放置位置應當統籌兼顧，網路布局要考慮周全，盡量讓各種設備和布線系統處於合理的位置。
可靠性
組網無論怎樣布局，最終的目的是保證我們的區域網的所有設備能可靠穩定地運行，使得網路能正常運轉。
便於維護與升級
網路的組網不是一成不變的，隨著IT企業業務的不斷發展的需求，原先組建的區域網就需要不斷地完善和擴充；在日常的網路運行維護中，規劃網路布局時就應該考慮到便於以後網路的維護與升級操作。
1.拼湊型（功能間無關聯的孤立）控制系統各個功能子系統獨立設計、自主工作。例如安防系統、燈光系統、門禁系統車庫等，各子系統相互之間互不相連，不能交換數據。這是將原有各獨立系統簡單堆砌在一起的方式，嚴格意義上講，不符合家居智能系統的含義，屬於單項功能的自動控制范疇。2.復合型室內對講主機控制系統這種系統在一定意義上集成了可視對講、安防、門禁、簡訊發布、簡單家電和燈光控制功能，但囿於設計理念，多數是以安防與對講為核心功能，而真正意義上的燈光控制、家電控制、遠程監控等功能並不實用，實際上是只適用於一些家居場景組合控制要求簡單的應用場所，離滿足人性化、個性化要求相差甚遠。從近期國內的多場居家智能產品展示會和多個工程實踐中可以發現這種以安防主機或者可視對講主機作為家居智能的控制主體（或稱控制中心）的產品占據了家居。3.智能家庭網關控制系統智能家庭網關的引入，實現了住宅內網與住宅外網的連接能力，全面實現OSI七層模型，大大提高了網路的可靠性、可用性、靈活性。在這種系統環境中，家庭現場設備均為分布式智能化的，控制與測量功能是在現場節點中，不需要一個中央控制單元來集中管理和操作，由智能節點完成控制和通信任務，採用混合的通信媒介，可以使用雙絞線、電力線、光纖、無線電射頻、紅外線和同軸電纜等等。具有多匯流排接入、多系統融合與多協議互譯的能力。4.家庭智能網關的選取有關智能家庭網關這方面的詳細論述可見技術書中的重點技術部分。
7. 網頁設計的布局有哪幾種
網頁設計的布局有哪幾種？
1.「國」字型：
2.拐角型：
3.標題正文型：
4.左右框架型：
5.上下框架型：
6.綜合框架型：
7.封面型：
8.Flash型：網頁設計
9.變化型：網頁設計
8. 大型網頁布局的設計技巧有哪些
大型網頁布局的設計技巧最明顯的優勢是其強大的視覺沖擊力。使用大型界面元素或圖像可以有效地引導用戶停止、查看和單擊web頁面。大型網頁的布局可以極大地提高網站的效率。
視差滾動是理想的大型網頁。同時，視覺上的差異化和大版面布局都很好。Web頁面的每個區域都包含超大的元素，便於用戶交互。
大的圖片和視頻可以作為頁面的背景，或者僅僅作為圖片來創造一個偉大的視覺效果。在這里，不建議使用一些普通照片和普通照片作為大圖。建議使用一些有吸引力和效果的照片。
應該盡可能多地展示好作品。好的文章應該伴隨著好的圖片和文字。大字的象徵意義不僅是字面上的，而且給人一種難以忘懷的“重要性”感。當頁面上的句子簡潔明了時，推薦使用這種大字體布局。
收藏網站是偉大的大型設計-對設計師，藝術家和攝影師，大型圖片是一個方便的方式來展示他們的工作和強調他們的視覺風格。零售和食品網站也很適合大型網頁設計，所以誰不感興趣的大型，有吸引力的圖片和詳細的產品細節?
並不是頁面的每個元素或部分都必須很大。巧妙的搭配與組合更為重要，這樣才能達到最佳的視覺效果。
大型網頁布局的設計技巧必須清晰、深刻，並傳達出強烈而深刻的信息。如果你的網站出售一些項目，這些項目的形象必須清楚。如果網站是關於食物的，盡可能多地展示食物和菜餚的細節。最好的大型網頁設計不僅要保持顏色的多樣性，還要保持整個網頁的可讀性。因此，我們必須選擇一流的圖片，盡量避免使用來自畫廊的圖片。因為你正在使用這些圖片，其他公司可能也在使用它們。只有獨特性才能保證吸引力。
以上便是關於大型網頁布局的設計技巧介紹了，超大網頁布局的設計特點在於它很有視覺沖擊力，吸引了用戶的眼球。如果您想了解更多關於ui設計的相關設計技巧及素材等，可以點擊本站的其他文章進行學習。
9. 網頁設計應該如何布局
網站結構與優化很重要，頁面布局也是非常重要的，讓客戶第一眼看到網站的感覺是怎麼樣，如果第一感覺不好，相信下一次就不一定來了，所以網頁的內容除了用戶的需求之外，還要注重用戶體驗。下面的內容，就以兩個方面來講，一個是搜索引擎的識別，一個是用戶體驗：
工具：電腦、網站
步驟：
根據網站的導航去制定需求。一個清晰明了的用戶導航可以讓遊客在網站中自由的訪問，並且根據需要選擇合適的內容，而網站導航的加入也可以加大網友的訪問深度。
之前看過一個做服裝的網站，一進入這個網站就感覺到了皇宮一樣，很華麗也很唯美，但是就找不到一點文字介紹，全部都是圖片，操作起來很不方便，由於偶然進入了一個較深的頁面(該網站沒有麵包屑導航)，找不到回去的路就只好關掉了頁面，無形中就會這個網站的跳出率做出了貢獻。
不可否認的是，現在很多網站都過於獨立，和用戶之間的互動性不夠，其實網站互動性的上升能大大提升網站自身的可信程度，尤其對於一個新站來說，知名度不夠，號召力不強，用戶是無法相信的。而這時用戶的參與無疑就讓網站自身的可信力大大上升，而且一個網站最成功莫過於有眾多用戶的參與，而評論無疑會讓網站生命力更強。
什麼叫做頁面元素的豐富性呢，就是網站有圖片、有視頻、有評論、有加粗、有分段這樣可以說是一個優質的頁面。當然要在適當的情況下出現圖片、視頻、或者其它的元素。這樣也會增加頁面的價值。
不要太大，也不要太小，一般13號的字體就可以了。字體的顏色，也要和網頁的風格協調，一般都是黑色或者深灰色。文章排版要鮮明，段落得當，這樣更容易讓客戶閱讀。還有文章內盡量少用錨文本，文章內的錨文本一般都是以用戶的需求性和相關性來增加錨文本。盡量不要影響用戶閱讀。
過多或者過大，圖片過多或者過大，很直接的就影響了網頁的載入速度，導致用戶長時間打不開網頁，那就悲劇了，所以，網頁的大小和盡量少用圖片圍標，如果不可避免，那就把圖片壓縮到最小再上傳吧。
總結：其實網頁的布局，重要的就是細心，包括各個方面都要細心對待，頁面上存在的每一個東西，都要有實際意義。