靜態網頁系統設計

1、靜態網頁與動態網頁的工作原理？

1、靜態網頁的工作原理：

靜態網頁面通常是超文本標記語言文檔存儲為文件在文件系統里頭，並且可以通過HTTP訪問網路伺服器。

2、動態網頁的工作原理：

動態網頁是基本的html語法規范與Java、VB、VC等高級程序設計語言、資料庫編程等多種技術的融合，以期實現對網站內容和風格的高效、動態和互動式的管理。

(1)靜態網頁系統設計擴展資料

靜態的特點：

1、網頁內容一經發布到網站伺服器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站伺服器上的，也就是說，靜態網頁是實實在在保存在伺服器上的文件，每個網頁都是一個獨立的文件；

2、靜態網頁的內容相對穩定，因此容易被搜索引擎檢索；

3、靜態網頁沒有資料庫的支持，在網站製作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難；

4、減輕了伺服器的負擔，工作量減少，也就降低了資料庫的成本。

5、靜態網頁的交互性較差，在功能方面有較大的限制。

6、頁面瀏覽速度迅速，過程無需連接資料庫，開啟頁面速度快於動態頁面。

2、我要做一個網站，使用dreamweaver做得靜態頁面，但是不知道後台管理系統如何做，請各位高手指教。多謝！

樓上的...dreamweaver只是一個輔助工具...顯示不正常只是你不會做罷了....並且是根本不可能做出一個完善的企業網站以及後台程序

言歸正傳：靜態網頁是無法做到有後台程序這一回事，這個需要用到資料庫，ASP，PHP，或者.NET甚至是JSP才能實現的

dreamweaver只是一個網站製作的輔助工具...做網站僅憑這輔助工具是不可能做好的....這個你需要學習html，css，asp(php，或者jsp)等等...要學的東西多的是呢

3、博客系統的整套靜態html頁面

最近正好有這方面的項目. 我這里有一套css+div+xhtml的模板.
發送給你了.
附帶了數據關系圖. 你可以參考一下.
[email protected]

4、一個精美的靜態網頁是如何設計實現的

直接到網上下載建站系統來做：pageadmin cms、shopex cms這些都是非常簡單的建站，直接下載就可以使用。。

5、靜態網頁是什麼

靜態網頁也稱平面頁，靜態網頁是標準的HTML文件，它的文件擴展名是.htm、.html，可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控制項及JAVA小程序等。

靜態網頁的特點

1、靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為後綴，而不含有「?」。

2、靜態網頁是實實在在保存在伺服器上的文件，每個網頁都是一個獨立的文件。

3、靜態網頁的內容相對穩定，因此容易被搜索引擎檢索；

4、靜態網頁沒有資料庫的支持，在網站製作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難；

5、靜態網頁的交互性較差，在功能方面有較大的限制。

6、頁面瀏覽速度迅速，過程無需連接資料庫，開啟頁面速度快於動態頁面。

7、減輕了伺服器的負擔，工作量減少，也就降低了資料庫的成本。

(5)靜態網頁系統設計擴展資料：

與動態的區別

1、網頁製作使用的製作語言：

靜態網頁使用語言：超文本標記語言（標准通用標記語言的一個應用）

動態網頁使用語言：超文本標記語言+ASP或超文本標記語言+PHP或超文本標記語言+JSP等。

2、程序是否在伺服器端運行，是重要標志。

在伺服器端運行的程序、網頁、組件，屬於動態網頁，它們會隨不同客戶、不同時間，返回不同的網頁， ASP、PHP、JSP、ASPnet、CGI等。運行於客戶端的程序、網頁、插件、組件，屬於靜態網頁，例如 html 頁、Flash、JavaScript、VBScript等等，它們是永遠不變的。

6、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(6)靜態網頁系統設計擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

7、用html和css設計一個靜態網站，至少包含4個網頁，要有完整的網站導航。主題自選，可以是個人主頁等。

你自己看著選吧 很多  很老的一個人事管理系統項目

滿意 記得採納 不然沒分！謝謝

8、OA系統中流程管理靜態頁面如何設計

極品OA能夠為單位管理人員、工作人員提供良好的辦公手段和環境，使之准確、高效、愉快的工作。 實施OA系統可幫助企業事業單位實現信息資源的共享；增強員工協同工作的能力；強化領導的監控管理；有效管理起有形（設備等）、無形(業務信息、知識)資產，避免流失；實現公文流轉、審核、簽批等行政事務的自動處理，促進管理電子化、規范化，完美整合了組織內部的信息流。具體來說，實施OA辦公自動化系統作用為： 1、 建立內部的通信平台。 建立單位內部的郵件系統，使單位內部的通信和信息交流快捷通暢。 2、 建立信息發布的平台。 在單位內部建立一個有效的信息發布和交流的場所，例如電子公告、電子論壇、電子刊物，使內部的規章制度、新聞簡報、技術交流、公告事項等能夠在企業內部員工之間得到廣泛的傳播，使員工能夠了解企業的發展動態。 3、 實現工作流程的自動化。 變革了單位傳統紙質公文辦公模式，企業內外部的收發文、呈批件、文件管理、檔案管理、報表傳遞、會議通知等均採用電子起草、傳閱、審批、會簽、簽發、歸檔等電子化流轉方式，提高辦公效率，實現無紙化辦公。不用拿著各種文件、申請、單據在各部門跑來跑去，等候審批、簽字、蓋章，而是利用快速而廉價的網路傳遞手段，發揮信息共享功能來協調單位內各部門的工作，減少工作中復雜環節。 4、 實現文檔管理的自動化。 可使各類文檔（包括各種文件、知識、信息）能夠按許可權進行保存、共享和使用，並有一個方便的查找手段。文檔管理自動化使各種文檔實現電子化，通過電子文件櫃的形式實現文檔的保管，按許可權進行使用和共享。實現文檔管理自動化以後，如企業來了一個新員工，只要管理員給他注冊一個身份文件，給他一個口令，他自己進入系統就可以看到這個單位積累下來的東西，規章制度、各種技術文件等等，只要他的身份符合許可權可以閱覽的范圍，他自然而然都能看到，這樣就減少了很多培訓環節。 5、 輔助辦公。 它牽涉的內容比較多，像會議管理、車輛管理、辦公用品管理、圖書管理等與我們日常事務性的辦公工作相結合的各種輔助辦公，實現了這些輔助辦公的自動化。 6、 實現分布式辦公。 變革了傳統的集中辦公室的辦公方式，擴大了辦公區域，可在家中、城市各地甚至世界各個角落通過網路連接隨時辦公，大大方便了員工出差在外的辦公與信息交流。 7、 建立信息集成平台。 現代企業中已存在的MIS系統、ERP系統、財務系統等存儲著企業一些經營管理業務數據，對企業的經營運作起著關鍵性作用，但它們都是相對獨立的、靜態的，智能網路辦公系統具備數據介面功能，能把企業原有的業務系統數據集成到工作流系統中，使企業員工能有效獲取處理信息，提高企業整體反應速度。 8、 節省企業的辦公費用支出。 將傳統的紙張填寫過程電子化，尤其是長途電話、傳真、復印、列印和辦公用紙費用，真正實現無紙化辦公，是企業實現管理現代化的標志。 9、 搭建知識管理平台。 系統性利用企業積累的信息資源、專家技能，改進企業的創新能力、快速響應能力、提高辦公效率和員工的技能素質。 10、增強領導監控能力 強化領導的監控管理，增強管理層對組織的控制力，及時有效監控各部門、各個人員的工作進度情況；實時、全面掌控各部門的工作辦理狀態，及時發現問題及時解決，從而減少差錯、防止低效辦公。 OA怎麼來幫助管理？現代企業之間競爭越來越激烈，怎麼讓企業始終站在戰略的制高點，在競爭中游刃有餘？企業經營者越來越意識到管理的重要性，開始關注各種各樣的管理模式。目前企業界的管理方法和理論層出不窮，這個我們很難去分清孰是孰非，因為每種方法都有自己的適應面和優缺點，但是怎麼落實這些管理理論，怎麼樣通過信息化改造來把這種管理思想真實落實到位是很關鍵的問題。 信息化系統包括ERP、OA、PORTAL、MES說白了都是在落實這些管理觀，這里以我們熟悉OA系統為例介紹一下OA在管理中的作用。 現在市場上有很多OA系統，傳統的OA，從功能上講大部分都差不多，無外乎流程類、信息共享類、信息溝通類等等，但是總體上來看很多系統都偏「技術」，說白了就是為了「OA」而「OA」，沒有真正想通OA是做什麼的，僅僅是為了溝通和無紙化辦公？僅僅是為了共享信息和工作流這些技術概念？我們認為OA發展到現在不僅僅是如此，它應該是企業管理思想和管理靈魂的載體。。。 我們認為企業管理內容主要分以下3塊 機遇管理 ——創意、想法（需要數據分析做基礎），要使企業把握這種機遇，並且去落實它。 基礎管理 ——細節管理、流程管理、把機遇轉變成具體的工作去執行，變成一種開發的穩定的狀態。 投資管理 ——投資分析、決策支持，使企業在投資發展中擴大。 基礎管理： 現在我們重點來介紹一下我們企業的基礎管理，也就是怎麼把公司的具體管理落實到每個終端，真正達到管理目的措施。 1， 管理辦公事務規范化，流程化，日程化，避免虎頭蛇尾； 2， 協作高效化； 3， 信息共享化； 4， 管理網路化； 5， 執行責任化； 6， 掌控全局化。 上面6條又怎麼去通過具體的軟體功能去實現？我覺得通過OA整和流程、許可權、內容、報表實現廣義的績效監督和考核，實現對子公司，部門統一管理是一條可行之道。 也就是通過公司戰略的層層分解、把最終的任務（KPI指標）落實到個人，這是一個從上到下的過程，然後，通過基層的執行，又把執行情況層層統計，個人統計到小部門，小部門統計到大部門，最後匯總到公司，實現一個從下到上的反饋過程。實現一個閉環的控制系統，通過反饋的情況進行KPI指標調節，逐步使公司變成一個按照公司戰略穩步運行的機器。 在統計和執行的過程中又通過系統進行監督執行過程，不但對結果進行考核，還要對過程進行監督，實現全程監控的目標。

9、靜態網頁設計製作中的布局模式

一、靜態布局（Static Layout）

即傳統Web設計，網頁上的所有元素的尺寸一律使用px作為單位。

1、布局特點：不管瀏覽器尺寸具體是多少，網頁布局始終按照最初寫代碼時的布局來顯示。常規的pc的網站都是靜態（定寬度）布局的，也就是設置了min-width，這樣的話，如果小於這個寬度就會出現滾動條，如果大於這個寬度則內容居中外加背景，這種設計常見與pc端。

2、設計方法：

PC：居中布局，所有樣式使用絕對寬度/高度(px)，設計一個Layout，在屏幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分；

移動設備：另外建立移動網站，單獨設計一個布局，使用不同的域名如wap.或m.。

在移動端開發中採用靜態布局的兩種方式：

（1）在viewport meta標簽上設置width=320，頁面的各個元素也採用px作為單位。通過用JS動態修改標簽的initial-scale使得頁面等比縮放，從而剛好占滿整個屏幕。（見前端開發-web app 變革之rem）

（2）設在viewport meta標簽上設置content"width=640,user-scalable=no，頁面的各個元素也採用px作為單位。由於640px超出了手機寬度，瀏覽器會自動縮小頁面至剛好全屏。

優點：這種布局方式對設計師和CSS編寫者來說都是最簡單的，亦沒有兼容性問題。

缺點：顯而易見，即不能根據用戶的屏幕尺寸做出不同的表現。

二、流式布局（Liquid Layout）

流式布局（Liquid）的特點（也叫"Fluid") 是頁面元素的寬度按照屏幕解析度進行適配調整，但整體布局不變。代表作柵欄系統（網格系統）。

網頁中主要的劃分區域的尺寸使用百分數（搭配min-*、max-*屬性使用），例如，設置網頁主體的寬度為80%，min-width為960px。圖片也作類似處理（width:100%, max-width一般設定為圖片本身的尺寸，防止被拉伸而失真）。

1、布局特點：屏幕解析度變化時，頁面里元素的大小會變化而但布局不變。【這就導致如果屏幕太大或者太小都會導致元素無法正常顯示】

2、設計方法：使用%百分比定義寬度，高度大都是用px來固定住，可以根據可視區域 (viewport) 和父元素的實時尺寸進行調整，盡可能的適應各種解析度。往往配合 max-width/min-width 等屬性控制尺寸流動范圍以免過大或者過小影響閱讀。

這種布局方式在Web前端開發的早期歷史上，用來應對不同尺寸的PC屏幕（那時屏幕尺寸的差異不會太大），在當今的移動端開發也是常用布局方式，但缺點明顯：主要的問題是如果屏幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的屏幕上不能正常顯示。因為寬度使用%百分比定義，但是高度和文字大小等大都是用px來固定，所以在大屏幕的手機下顯示效果會變成有些頁面元素寬度被拉的很長，但是高度、文字大小還是和原來一樣（即，這些東西無法變得「流式」），顯示非常不協調。

三、自適應布局（Adaptive Layout）

自適應布局的特點是分別為不同的屏幕解析度定義布局，即創建多個靜態布局，每個靜態布局對應一個屏幕解析度范圍。改變屏幕解析度可以切換不同的靜態局部（頁面元素位置發生改變），但在每個靜態布局中，頁面元素不隨窗口大小的調整發生變化。可以把自適應布局看作是靜態布局的一個系列。

1、布局特點：屏幕解析度變化時，頁面裡面元素的位置會變化而大小不會變化。

2、設計方法：使用 @media 媒體查詢給不同尺寸和介質的設備切換不同的樣式。在優秀的響應范圍設計下可以給適配范圍內的設備最好的體驗，在同一個設備下實際還是固定的布局。

四、響應式布局（Responsive Layout）

隨著CSS3出現了媒體查詢技術，又出現了響應式設計的概念。響應式設計的目標是確保一個頁面在所有終端上（各種尺寸的PC、手機、手錶、冰箱的Web瀏覽器等等）都能顯示出令人滿意的效果，對CSS編寫者而言，在實現上不拘泥於具體手法，但通常是糅合了流式布局+彈性布局，再搭配媒體查詢技術使用。——分別為不同的屏幕解析度定義布局，同時，在每個布局中，應用流式布局的理念，即頁面元素寬度隨著窗口調整而自動適配。即：創建多個流體式布局，分別對應一個屏幕解析度范圍。可以把響應式布局看作是流式布局和自適應布局設計理念的融合。

響應式幾乎已經成為優秀頁面布局的標准。

1、布局特點：每個屏幕解析度下面會有一個布局樣式，即元素位置和大小都會變。

2、設計方法：媒體查詢+流式布局。通常使用 @media 媒體查詢 和網格系統 (Grid System) 配合相對布局單位進行布局，實際上就是綜合響應式、流動等上述技術通過 CSS 給單一網頁不同設備返回不同樣式的技術統稱。