網站的基本框架有哪些

『壹』 web前端主流框架主要有哪些

1、Bootstrap

AUI是最近流行起來的，作者聲稱是專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題，是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易於擴展使用。遵循Google Material設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。AUI是使用MIT License授權，你可以復制、出售。目前最新版本2.0。

8、Amaze UI

這是稱為妹子UI的開源框架，據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。

9、Frozen UI

Frozen UI是一款開源，簡單易用，輕量敏捷的移動端框架。基於手Q樣式規范，目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然，根據網友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的最後更新時間是一年前，難道已經沒人維護了嗎？

# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

還有一個相似的命令 df（Disk Free），使用df會返回有關可用磁碟空間的各種信息。

『貳』 當前比較流行的網站架構有哪些

目前功能相似的能解決同類需求的主要是國外的開源框架，如Bootstrap、Foundation、Semantic UI。Bootstrap是由Twitter在2011年8月推出的開源WEB前端框架，集合CSS和HTML，使用了最新的瀏覽器技術，為快速WEB開發提供了一套前端工具包，包括布局、網格、表格、按鈕、表單、導航、提示，其核心就是基於Less框架構建的CSS。Bootstrap框架擁有美觀的樣式和封裝完善的JQ插件，使用方便，基於Bootstrap的擴展也很多，這是其他框架所無法比擬的，也是其最受歡迎的條件之一。

Foundation宣稱是世界最好的響應式前端框架，默認支持5種網格布局，是三款框架中最復雜也是最靈活的。Bootstrap默認支持四種網格布局，Pure默認支持一種。

Semantic UI是語義化設計的前端框架，開發更加直觀，UI組建可實時調試輸出，其最大的特點是充分利用CSS3動畫特效，簡潔實用漂亮的樣式。以上各種產品我們也用過，當時我們發現全球有將近6%的網站是基於Bootstrap做的。不過對於中國開發者來說，Bootstrap門檻仍然較高，而且本土化支持不夠好。

首先，Bootstrap只支持英文字體，並沒有對中文字體做設置。在不同操作系統、不同瀏覽器下，默認的中文字體可能是不一樣的，這樣會導致網頁在某些時候顯示得不太好看。而且英文字型大小和中文字型大小的大小也不一樣，直接用Bootstrap來做文字排版並不能達到最好的效果。另外，國內瀏覽器種類繁多，Bootstrap也無法照顧到對國內瀏覽器的支持，我們希望不斷加強對各種本土瀏覽器的支持，幫助廣大前端開發者從最繁瑣痛苦的瀏覽器性問題中解脫出來。其次，Bootstrap還沒有把重點放在豐富界面組件上，而Amaze UI非常注重提高開發者的效率，我們會不斷增加跨屏的界面組件，讓開發者盡量少些代碼。第三，Bootstrap 因為最早是從PC端開始做的，所以有些地方是先PC後移動，而Amaze UI的思路是先移動後PC。例如，Bootstrap使用了jQuery庫，而Amaze UI使用了Zepto.js，Zepto.js的體積不到jQuery的1/3，對移動端的性能很大提升。

因此，一個針對中國市場的、移動優先的跨屏前端開發框架開發者有很強的需求，也是一個行業的空白。

Amaze UI應該是中國首個HTML5跨屏前端開發框架，其不僅兼容前幾者的優勢，還具有以下優勢：

1、加入更多符合中國市場特性的元素：中文排版更優化，兼容中國本土主流瀏覽器
2、更輕量化，不僅適用於桌面端，更適合移動端3、包含一些封裝好的Widgets，其他框架則沒有

『叄』 什麼是網站架構

網站架構，一般認為是根據客戶需求分析的結果，准確定位網站目標群體，設定網站整體架構，規劃、設計網站欄目及其內容，制定網站開發流程及順序，以最大限度地進行高效資源分配與管理的設計。其內容有程序架構，呈現架構，和信息架構三種表現。而步驟主要分為硬架構和軟架構兩步程序。網路架構是現代網路學習和發展的一個必須的基礎技術。
中文名
網站架構
一般認為
根據客戶需求分析的結果
制定
網站開發流程及順序
內容
程序架構，呈現架構
快速
導航
軟架構八個方案
硬架構
機房的選擇
在選擇機房的時候，根據網站用戶的地域分布，可以選擇網通或電信機房，但更多時候，可能雙線機房才是合適的。越大的城市，機房價格越貴，從成本的角度看可以在一些中小城市託管伺服器，比如說北京的公司可以考慮把伺服器託管在天津，廊坊等地，不是特別遠，但是價格會便宜很多。
帶寬的大小
通常老闆花錢請我們架構網站的時候，會給我們提出一些目標，諸如網站每天要能承受100萬PV的訪問量等等。這時我們要預算一下大概需要多大的帶寬，計算帶寬大小主要涉及兩個指標（峰值流量和頁面大小），我們不妨在計算前先做出必要的假設：
第一：假設峰值流量是平均流量的5倍。
第二：假設每次訪問平均的頁面大小是100K位元組左右。
如果100萬PV的訪問量在一天內平均分布的話，摺合到每秒大約12次訪問，如果按平均每次訪問頁面的大小是100K位元組左右計算的話，這12次訪問總計大約就是1200K位元組，位元組的單位是Byte，而帶寬的單位是bit，它們之間的關系是1Byte = 8bit，所以1200K Byte大致就相當於9600K bit，也就是9Mbps的樣子，實際情況中，我們的網站必須能在峰值流量時保持正常訪問，所以按照假設的峰值流量算，真實帶寬的需求應該在45Mbps 左右。
當然，這個結論是建立在前面提到的兩點假設的基礎上，如果你的實際情況和這兩點假設有出入，那麼結果也會有差別。
伺服器的劃分
先看我們都需要哪些伺服器：圖片伺服器，頁面伺服器，資料庫伺服器，應用伺服器，日誌伺服器等等。
對於訪問量大點的網站而言，分離單獨的圖片伺服器和頁面伺服器相當必要，我們可以用lighttpd來跑圖片伺服器，用apache來跑頁面伺服器，當然也可以選擇別的，甚至，我們可以擴展成很多台圖片伺服器和很多台頁面伺服器，並設置相關域名，如img.domain和 www.domain，頁面里的圖片路徑都使用絕對路徑，如<img src="http://img.domain/abc.gif" />，然後設置DNS輪循，達到最初級的負載均衡。當然，伺服器多了就不可避免的涉及一個同步的問題，這個可以使用rsync軟體來搞定。
資料庫伺服器是重中之重，因為網站的瓶頸問題十有八九是出在資料庫身上。一般的中小網站多使用MySQL資料庫，不過它的集群功能似乎還沒有達到stable的階段，所以這里不做評價。一般而言，使用MySQL資料庫的時候，我們應該搞一個主從（一主多從）結構，主資料庫伺服器使用innodb表結構，從數據伺服器使用myisam表結構，充分發揮它們各自的優勢，而且這樣的主從結構分離了讀寫操作，降低了讀操作的壓力，甚至我們還可以設定一個專門的從伺服器做備份伺服器，方便備份。不然如果你只有一台主伺服器，在大數據量的情況下，mysqlmp基本就沒戲了，直接拷貝數據文件的話，還得先停止資料庫服務再拷貝，否則備份文件會出錯。但對於很多網站而言，即使資料庫服務僅停止了一秒也是不可接受的。如果你有了一台從資料庫伺服器，在備份數據的時候，可以先停止服務（slave stop）再備份，再啟動服務（slave start）後從伺服器會自動從主伺服器同步數據，一切都沒有影響。但是主從結構也是有致命缺點的，那就是主從結構只是降低了讀操作的壓力，卻不能降低寫操作的壓力。
為了適應更大的規模，可能只剩下最後這招了：橫向/縱向分割資料庫。所謂橫向分割資料庫，就是把不同的表保存到不同的資料庫伺服器上，比如說 用戶表保存在A資料庫伺服器上，文章表保存在B資料庫伺服器上，當然這樣的分割是有代價的，最基本的就是你沒法進行LEFT JOIN之類的操作了。所謂縱向分割資料庫，一般是指按照用戶標識（user_id）等來劃分數據存儲的伺服器，比如說：我們有5台資料庫伺服器，那麼 「user_id % 5 + 1」等於1的就保存到1號伺服器，等於2的就保存到2號伺服器，以此類推，縱向分隔的原則有很多種，可以視情況選擇。不過和橫向分割資料庫一樣，縱向分割資料庫也是有代價的，最基本的就是我們在進行如COUNT, SUM等匯總操作的時候會麻煩很多。綜上所述，資料庫伺服器的解決方案一般視情況往往是一個混合的方案，以其發揮各種方案的優勢，有時候還需要藉助memcached之類的第三方軟體，以便適應更大訪問量的要求。
如果有專門的應用伺服器來跑PHP腳本是最合適不過的了，那樣我們的頁面伺服器只保存靜態頁面就可以了，可以給應用伺服器設置一些諸如app.domain之類的域名來和頁面伺服器加以區別。對於應用伺服器，我還是更傾向於使用prefork模式的apache，配上必要的xcache之類的PHP緩存軟體，載入模塊要越少越好，除了mod_rewrite等必要的模塊，不必要的東西統統舍棄，盡量減少httpd進程的內存消耗，而那些圖片伺服器，頁面伺服器等靜態內容就可以使用lighttpd或者tux來搞，充分發揮各種伺服器的特點。
如果條件允許，獨立的日誌伺服器也是必要的，一般小網站的做法都是把頁面伺服器和日誌伺服器合二為一了，在凌晨訪問量不大的時候cron運行前一天的日誌計算，不過如果你使用awstats之類的日誌分析軟體，對於百萬級訪問量而言，即使按天歸檔，也會消耗很多時間和伺服器資源去計算，所以分離單獨的日誌伺服器還是有好處的，這樣不會影響正式伺服器的工作狀態。
軟架構
框架的選擇
PHP框架有很多選擇，比如：CakePHP，Symfony，Zend Framework等等，至於應該使用哪一個並沒有唯一的答案，要根據Team里團隊成員對各個框架的了解程度而定。很多時候，即使沒有使用框架，一樣能 寫出好的程序來，比如Flickr據說就是用Pear+Smarty這樣的類庫寫出來的，所以，是否用框架，用什麼框架，一般不是最重要的，重要的是我們 的編程思想里要有框架的意識。
邏輯的分層

『肆』 企業網站製作建設的框架有哪幾種

1、設計企業網站框架
做好網站的設計框架，可以加深用戶的第一印象，美觀大方的網站可以在第一時間吸引用戶的目光，提升網站的品味。舉個例子，如果花心思把你的衣服重新設計一下，那麼漂亮的衣服總能提高自己的品位。這就是說應該在網站的視覺設計上費些功夫，設計的更加吸引人的眼球。比如我們常說的「第一視角」應該放網站的重點內容等等。一個網站是否富有設計感，也代表了這個企業的文化層次和品味追求。所以說人靠衣裝，佛靠金裝，網站也需要精緻的外觀。
2、企業網站的程序框架
網站的程序框架就是說你在進行網站建設時是用哪種開發語言的。目前常用的是ASP.NET、PHP、JSP這幾種語言，當然語言上也會存在很多區別，其中含義也比較專業。不過有一點需要知道的就是，不同的語言作用於不同的網站系統，哪些網站系統更適合用哪種語言開發需要企業去具體了解。當然對於普通的企業網站，使用前兩種語言都是可以選擇的開發語言。

『伍』 網頁的基本構成元素都有哪些

導航欄、欄目、及正文內容這三大要素組成。

1、導航欄

導航欄是構成網頁的重要元素之一，是網站頻道入口的集合區域，相當於網站的菜單。

2、欄目

欄目是指網頁中存放相同性質內容的區域。在對頁面內容進行布局時，把性質相同的內容安排在網頁的相同區域，可以幫助用戶快速獲取所需信息，對網站內容起到非常好的導航作用。

3、正文內容

正文內容是指頁面中的主體內容。例如一個文章類頁面，正文內容就是文章本身；而對於展示產品的網站，正文內容就是產品信息。

網頁設計的要點：

1、整體風格

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

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

2、色彩搭配

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

用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。用兩種色彩。先選定一種色彩，然後選擇它的對比色。用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：不要將所有顏色都用到，盡量控制在三至五種色彩以內。背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

『陸』 網頁的基礎框架是什麼語言

網頁的基礎框架是html語言。

HTML的全稱為超文本標記語言，是一種標記語言。它包括一系列標簽．通過這些標簽可以將網路上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。

超文本是一種組織信息的方式，它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。這些相互關聯的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠的某台計算機上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接，為人們查找，檢索信息提供方便。

整體結構

一個網頁對應多個HTML文件，超文本標記語言文件以．htm或．html（外語縮寫）為擴展名（其中．htm是因為之前的文件系統只支持最多三位擴展名）。可以使用任何能夠生成TXT類型源文件的文本編輯器來產生超文本標記語言文件，只用修改文件後綴即可。

標準的超文本標記語言文件都具有一個基本的整體結構，標記一般都是成對出現（部分標記除外例如：＜br/> <img/>），即超文本標記語言文件的開頭與結尾標志和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用於頁面整體結構的確認。

『柒』 網站的基本架構是什麼

網站架構按照製作步驟分為硬架構和軟架構。

一、硬架構

1、機房：在選擇機房的時候，根據網站用戶的地域分布，可以選擇網通、電信等單機房或雙機房。

2、帶寬：預估網站每天的訪問量，根據訪問量選擇合適的帶寬，計算帶寬大小主要涉及峰值流量和頁面大小兩個指標。

3、伺服器：選擇需要的伺服器，如圖片伺服器，頁面伺服器，資料庫伺服器，應用伺服器，日誌伺服器，對於訪問量大點的網站而言，分離單獨的圖片伺服器和頁面伺服器相當必要。

二、軟架構

1、網站的框架：現在的PHP框架有很多選擇，比如：CakePHP，Symfony，Zend Framework，根據創作團隊對各個框架熟悉程度選擇。

2、邏輯的分層

1）表現層：所有和表現相關的邏輯都應該被納入表現層的范疇。

2）應用層：主要作用是定義用戶可以做什麼，並把操作結果反饋給表現層。

3）領域層：包含領域邏輯的層，就是告訴用戶具體的操作流程的。

4）持久層：即資料庫，保存領域模型保存到資料庫，包含網站的架構和邏輯關系等。

(7)網站的基本框架有哪些擴展閱讀

網站的分類

1、根據網站所用編程語言分類：例如asp網站、php網站、jsp網站、Asp. net網站等；

2、根據網站的用途分類：例如門戶網站（綜合網站）、行業網站、娛樂網站等；

3、根據網站的功能分類：例如單一網站（企業網站）、多功能網站（網路商城）等等。

4、根據網站的持有者分類：例如個人網站、商業網站、政府網站、教育網站等。

5、根據網站的商業目的分類：營利型網站（行業網站、論壇）、非營利性型網站（企業網站、政府網站、教育網站）。

『捌』 大公司網站java網站都一般採用什麼架構

其實，java網站架構倒不分什麼大公司小公司，主要看你的需求是怎樣的，以及運營維護方式。

• 總結

網路發展速度之快超出想像，網站也像是水面上的船，也趁勢飛速發展，相信之後會有更好地工具、模式，發展前景也是不可限量的。