dedecms 搜索頁面，這玩意有誰開發過實戰項目嗎？

響應WEB概念在移動互聯網興起的初期，的確很火，它主要解決原PC網站樣式向移動端過渡的問題，以一套前端代碼適配PC、手機和其他顯示設備，以較小的代價實現網站產品的多維呈現。

我個人作為勉強的全棧，曾經選用過最熱的Bootstrap前端框架，開發過一些web應用。雖然后來，隨著移動端越來越成為重點實現方向，感到響應式網站設計，并不能為移動網站帶來優良的體驗和高開發效率，至少在我近幾年的項目中，面向移動端，已經完全放棄了響應式開發方法，采用了更純粹的移動前端框架，以適應不僅是web，還有APP、小程序的前端需求。

但是，并不能說響應式web設計落伍了，沒用了。根據項目特點，人員技術力量，選用最適合的方法，做最優秀的實現，是開發的實踐準則。

下面，圍繞實戰開發響應web的大致方法、流行的框架工具介紹、響應式的優缺點總結，展開一些敘述和討論。

什么是響應式網站設計？

響應式網頁設計 Responsive Web Design，從開發角度上講，就是使網頁能通過識別屏幕寬度、做出相應調整的網頁設計，它面向的設備是超寬屏幕、pc顯示器、平板電腦、手機。這里面大家很容易忽視超寬屏幕的設計，因為很多開發者為了簡化設計，往往在針對超寬屏幕只做居中處理。

實現原理

通過css樣式語言，有時候也會結合一些javascript，考量屏幕寬度，自動調整網頁顯示和布局，以適應不同尺寸屏幕的瀏覽優化體驗。

實現目標

最好的響應式設計，就是設計者開發出一套全端網頁，為電腦、手機、平板等不同終端的用戶提供更加舒適的界面和更好的交互體驗，比如手機端的觸摸和PC端鼠標操作效果。而且隨著目前大屏幕移動設備的普及，響應式開發方法還是有自己獨特的優勢。

響應式網站開發方法

布局

在構建響應式網站或改造舊網站成為響應式結構時，首先要考慮的就是布局。

主要是兩部分頁面元素：

延展全屏寬的元素，比如我們在PC貫穿全屏寬的元素，css: width:100%；

主內容塊的最大寬度定義，以下定義了4種常見分辨率的容器最大寬度；

@media (min-width: 576px) {

.container { max-width: 540px; }

}

@media (min-width: 768px) {

.container { max-width: 720px; }

}

@media (min-width: 992px) {

.container { max-width: 960px; }

}

@media (min-width: 1200px) {

.container { max-width: 1140px; }

}

媒體元素寬度定義

下面的CSS代碼將確保圖片永遠不會比其父容器大：

img { max-width: 100%; height: auto; }

或者根據設備的分辨率不同，需要顯示不同size的圖片:

<img src=" image.jpg" alt="" data-src-600px=" image-600px.jpg" data-src-800px =" image-800px.jpg" />

這種彈性顯示媒體的方式，需要借助CSS或JS的方式實現。

版式（Typography）定義

這是響應式設計中最重要的部分，有很多響應式設計的排版方式需要注意，比如：

CSS3規范中包含了一個定義尺寸的元素rem。它的工作原理與em幾乎相同，但是rem的大小相對于html元素而言，這使得rem比em更容易使用。

html { font-size:100%; }

通過以下CSS代碼可以定義不同分辨率下的相對字體大小。

@media (min-width: 640px) { body {font-size:1rem;} }

@media (min-width:960px) { body {font-size:1.2rem;} }

@media (min-width:1100px) { body {font-size:1.5rem;} }

最流行的響應式框架

使用前端框架可以提高前端開發的效率。通常框架已經為開發者搭好了腳手架，只需要在上面累加我們的特殊需求就可以了，這幫助碼農減少編碼工作量，并節省了寶貴的時間。

當前有各種各樣的響應框架可用，并且新仍在不停的進化更新。在眾多選擇中，選擇適合的框架是很困難的。下面列舉了幾個最流行的響應框架。

Bootstrap

Bootstrap是國內最流行、最快速、最友好的框架。這個框架是2011年由Twitter的開發者創建的。目前，整個網絡上有數百萬的網站都在運行這個神奇的框架。在GitHub他的追捧數量已經超過了100多K。

Bootstrap包括了HTML、CSS和JavaScript。你可以輕松地開發各種規模和復雜度的響應式網站。

Foundation

Foundation是一個企業級的前端框架。FaceBook、eBay、Mozilla、Adobe、HP、思科、迪士尼等都在他們的網站上使用這個框架。

它相當復雜，不適合新手使用。Foundation具有可讀性、靈活性、語義性和完全可定制性。Foundation自帶GPU加速功能，可實現閃電般的快速和流暢的動畫效果。它提供了Fastclick.js，可在移動設備上快速渲染。

Pure

非常輕的一個框架。該框架包含響應式CSS模塊，是為迎合移動市場而開發的。開發人員可以使用各種樣式、CSS模塊以及組件和可定制的工具來開發網站。

Semantic UI

SemanticUI是相對較新的框架，但它在很多方面都很突出。它已經成為非常流行的前端框架之一。它使用的是自然語言。

Semantic的性能記錄功能讓你可以追蹤到代碼的瓶頸，而無需深挖堆棧痕跡。使用Semantic，直觀的底層之上可以配備一個高級主題變量，讓您有充分的設計自由度。

Semantic UI集成了大量的第三方庫。因此整個開發過程會更容易一些。

響應設計的優點

響應式方式可以在臺式機，平板電腦或智能手機上構建流暢運行的web樣式設計 。它的實質是一種適配性的編碼設計，它具備很多優點：

開發維護一套前端響應式代碼，可以適配多種顯示設備。只需要擁有一個入口網址，無須通過腳本，判斷瀏覽設備而重定向訪問，更不需要配置二級域名。簡化SEO（搜索引擎優化），響應式設計，無需為移動版本創建特定的內容，這對SEO友好的。搜索引擎收錄的只是內容，而對網頁語言代碼毫無興趣。因此，谷歌百度在一段時期還建議優先考慮響應式設計。有可能會節約開發成本？這一點我自己也很有疑惑，我個人認為如果是僅僅適配顯示的話，響應式設計的確可以節約成本，但精致的移動端交互設計，還是純移動框架最受用。簡化網站推廣數據分析，無論來自什么入口，都一網打盡所有訪問數據。響應設計的缺點

盡管響應式設計有很多優點，那么缺點應該被忽略嗎？事實并非如此。響應式網頁設計有一些需要注意的缺點。為了在一套體系框架下，去做各分辨率下的大小顯示適配、內容取舍，那種煎熬你體驗過嗎？

某些響應式網站的加載時間會更長。因為將加載一些不必要的HTML / CSS。例如，很多響應站點上的圖像只是在視覺上按比例縮小，而沒有采用媒體內容的彈性加載策略。

耗時的開發。對于響應式網站而言，這是一項耗時的任務。如果您打算將現有網站轉換為響應式網站，則可能需要更多時間。

響應式Web設計的流體布局，使設計人員難以很好地控制設計風格。設計人員正在嘗試分別針對移動和桌面布局顯示線框和設計原型。只有改進了這兩種布局，才能真正實現響應式Web設計策略。

UX（用戶體驗）不佳。通過響應設計，您想要同時滿足臺式機和移動用戶的需求。但是，移動設備和臺式機畢竟是完全不同的用戶體驗。因此，有很大風險可能同時失去兩類用戶。需要承受內容的取舍。排版的需要、推廣策略的不同、體驗的差異，造成移動版本的內容很可能與桌面版本的內容不一致。因此，采用響應式設計不可能使您的內容適應這些設備中的每一個，那么在一個頁面里用技術實現這種取舍，是很痛苦的。寫在最后

選擇了開發，終會有學不動的那天，對于前端、后端、運維、全棧，都是一樣。某項技術熟練了，我們總希望它的生命周期長一點。如果有一天，對新技術的那種興奮感不再有的時候，做一個方向的了解者規劃者也是不錯的。

希望所有Coder身體健康，永遠快樂。

怎么學會建設網站？

感謝邀請，這個問題其實是一個學習的問題，學習建設網站其實很容易。

1、首先你要明確自己的學習方向。

你問題里面知識籠統的介紹，說想學習建設網站，網站制作、網絡推廣等，其實你這個問題是說了兩個大的方向，比如網站制作是一個大的方向，網絡推廣又是一個大的范疇，建議你明確學習的方法，你將來想制作網站還是要做網絡營銷推廣等。

2、確定學習方法

再次就是確定學習方法了，不管是你學習網站建設還是學習營銷推廣或者兩者都學習，那么就需要明確的學習方法，比如先學習建設一個網站。那么可以選擇簡單容易入手的博客型網站入手，類似的很多自學網站都有很多公開的教程，基本上花一天時間就可以搭建不錯的基礎型博客網站，如果先學習網絡推廣也可以看自學網站上的的基礎推廣邏輯，等你一系列課程都看過之后，你就有了明確的方向和基本的概念，就知道如何入手了，學習之前要確定明確你的學習方向和渠道。

其中最容易的就是向周圍的老師們請教。

3、結合方法不斷實踐

你學習過一段時間以后，就需要自己實踐了。紙上得來的必經沒有經過消化。你自己切實的上手建設一個網站的時候會發現遇到各種問題，這樣再回頭來看教程中相應的解答，等你成功實踐完成后，你的所有學習都有了成果，也會很有成就感。

4、重復以上的過程

最后就是重復以上的過程了，不斷的學習，不斷的實踐，有個一萬小時定律，相信經過大量的學習和實踐之后，你會由一個小白成長為熟手，再成為專家。只要有信心，相信你必將實現自己的夢想。

我是阿敏團長，努力讀1000本書，交1000個朋友，品味不同的人生，和你一起見證世界的奇跡。

織夢cms怎么用？

首先如果你會PHP開發語言，那么看一下開發手冊就可以

開發手冊鏈接 http://help.dedecms.com/v53/

其次如果你個小白，那么需要看網上的視頻教程，相對于書面化的教程更容易理解。

百度搜索織夢cms教程，會有很多視頻教程出現，選擇一個課時較長的來觀看。

最后題外幫你整理一下需要會的知識：

1 HTML編寫 （可看w3cschool的內容）

2 mysql理解 （騰訊課堂有教學）

3 PHP簡單常識 （如果不會可能改功能很麻煩）

wordpress建站教程？

假如你是一個菜鳥，也能從0開始，10分鐘學會搭建（wordpress,Dede,Discuz!..）網站。

網站=域名+空間和數據庫+網站程序+模板

1準備材料

【域名】 網址就相當于家的住址，記住和找到家的位置。可在阿里云，新網，愛名網或其它IDC商購買注冊。

【空間和數據庫】 就是蓋房子的地基。同樣可在阿里云，新網，愛名網或其它IDC商購買。空間的環境視程序要求不同而不同，不過現在網站程序環境要求基本都是php+mysql。

【程序】 就是家的主體框架,是整個家的運轉中心。可以選擇Wordpress個人博客，Dede內容網站,Discuz!論壇等系統。

【模板】 網站的美化就是家的裝修。大家可以選擇“柚子皮”。

這次以Wordpress為例，其它網站系統操作大同小異。備好上述材料后，準備軟件Flashftp，即可開工。

2域名解析和空間綁定

A . 購買后的空間會有一個IP地址，在域名管理后臺，把域名記錄解析就到空間的IP地址上，一小時內基本生效。

B. 在空間的后臺，把空間和域名綁定，這樣空間和域名就連接在一起了。

兩步之后即可通過域名訪問空間。注：不同的IDC商，域名和空間的管理后臺會不一樣，但功能基本一致。

3網站程序安裝

A . 到wordpress官網，下載最新版的Wordpress。

https://cn.wordpress.org/download/

B . 利用FTP工具，把Wordpress壓縮包上傳到空間，利用空間后臺解壓功能把Wordpress解壓。不過你也可以在電腦上把Wordpress壓縮包解壓后再上傳，也是一樣。

C . 下載wp-config-sample.php文件，重命名為：wp-config.php。打開文件，填進相關空間數據庫信息，保存文件并上傳。

D . 打開瀏覽器，輸入域名，即可彈出安裝界面。填上相關網站信息，點擊安裝按鈕即可完成。

安裝界面

安裝完成，后臺登錄

使用默認模板的網站前端

E . 安裝你喜歡的模板，例如“柚子皮”，配置網站版塊信息即可完成建站。現在你只需要每天更新內容，等待百度，搜狗，360等搜索引擎收錄。如果你想做關健詞優化，可以找我。

- END -

11,91373wordpress 頁面判斷函數總結2019.03.20 is_category()wordpress判斷分類頁面近期文章WordPress是什么？WordPress調用最新，隨機，熱門，指定分類代碼匯總WordPress建站，FTP使用教程WordPress自定義欄目使用教程wordpress主題模板安裝網站標簽Wordpress建站Wordpress安裝wordpress空間Wordpress模板Wordpress固定鏈接Seo搜索菜鳥建站模板更換建站教程用戶體驗

建網站要用什么？

從另一個回答復制過來的，感覺大部份切合主題，所以貼到這里。

說到怎么建網站嘛？網上一搜一大堆，無非就是從域名、服務器、程序、模板等開始。說的會讓小白云里霧里的，感覺多難一樣，其實只要有一點基礎，做個簡單的站不是太難的，我當初也是從服務器開始。建立人生中第一個網站就是自己買的服務器，服務器就相當于一臺電腦的主機，用來存放源碼的文件的、

源碼 一般來說可以指源代碼，可以理解為一個統稱，就是一個網站所有的文件。如果還不理解的話，可以這么理解一下意思，比如說 我們找人PS一張圖片，別人把P好的圖發給你，這時你可以用這張圖片，也滿足了你需求，你也可以使用它。一般公司不懂的 到這一步，就完事兒了。但是這時會有一個問題，假如說，我想自己修改這個圖片行不行？明顯是不行的，因為你沒有源文件，給你的那張圖，是源文件生成出來的。放到做網站上就是，網站你可以用，但是源碼在我這里。你要修改，還是得需要經過我這邊。

講到這里，也就明白了，源碼是一個統稱，一般來講包含、網站程序和數據庫文件。如果你是找別人做的網站，簽合同之前，一定要說明這一點，會不會交付源碼，有沒有額外的需求，因為不交付源碼，相當于這個站你只有使用權，而沒有所有權。

再細一點講，源碼包含 網站程序（程序代碼文件與數據庫）、模板文件、域名、再細還有靜態文件比如說網站的圖片、視頻、音樂這些是可以單獨存放在另一個地方的。再細的還有，模板授權、用wordpress建網站，通常會有這樣的一個問題，如果是定制站就不用說了，如果對方買的是一個模板的授權，還需要問明白，這個授權的權限，可以授權幾個域名使用，幾個人使用、使用權限，部份還會有子域名需不需要授權。

目前國家對版權比較重視，大部份網站程序也需要授權了，比如說 前段時間鬧的比較火的織夢CMS突然要收版權費，搞的很多公司措手不及。

說到這里，我們再來理一下，一個網站需要哪些？

上圖可能用手機看不太清楚，所以下面用文字來表述一下。

域名

網站在互聯網上的一個地址，可以理解為門牌號，具有唯一性。阿里騰訊等，都可以注冊，一年費用大約為50-70元。有些更便宜，有些更貴。注冊的地方很多。

程序文件

用來實現網站某種功能的計算機語言文本，也是一個網站最重要的部份。比如說DESTOON網站程序、織夢程序、wordpress程序。

數據庫

通常和網站程序統稱為XXX網站系統，配合程序文件使用，用來存放網站數據。你可以簡單理解為 一系列EXCEL表格樣式的內容文件。

靜態文件

網站在使用中產生的音頻、視頻、圖片、等其它的文件格式。如果總量不是太大的話，一般會包含在程序文件或者模板文件內。如果比較大，一般會考慮與程序文件分開存儲。

模板文件

為實現網站樣式的一系列代碼文件。如果把程序和數據庫比喻為汽車的主架構的話，那么模板就相當于網站的外殼、內飾等。

程序插件

一般是作為網站主程序功能的補充，比如說織夢、wordpress等，網站程序本身不帶一些功能，二次開發又沒有必要，可以通過市場上已經成熟的插件來實現。

其它細節

程序授權、模板授權、插件授權

一般提供的網站程序 都會把模板、數據庫、程序打成一個包，用來體驗或者試用。不滿意，可以自行修改。

講到這里，我再來回答一下樓主的另一個問題“本來想做一個小網站玩一玩，可是網上沒有我想要的源碼，但是要定制一個又好貴，我想做一個有個性的網站，可是有了空間和域名沒有合適的網站源碼好郁悶，源碼之家等各地方都找遍了，都沒有我想要的源碼”

這里有幾點建議。

一、先明白，樓主要建什么網站，比如說

B2B電商，建議用DESTOON網站程序、主流B2B建站程序，而且經過發展，只要技術、資訊、圖片、下載、招商加盟、電商都能滿足，適合大型網站。

企業站、博客站、建議用國外的wordpress（無需授權），世界使用量第一。（國內訪問除了有點點慢，其它的都很強大，而且能滿足大部份小型網站的需求，還有一點的是，如果無論國內還是國外的模板都很多，好一些的就是有點貴，通常不過千。更換也比較簡單。

國內適合小型網站的有迅睿（無需授權）、易優（需授權，但便宜）、ZBlog（需授權，但是沒有人管。）帝國、千萬別用織夢。

論壇類型的網站，首推國內的Discuz（無需授權）。

其它的像有百科程序、直播程序、CRM程序、C2C商城、文庫等。

需要注意的一點是，程序是核心，模板是表皮，外人只能看到表皮，所以雖然像前面介紹的DESTOOON、訊睿、wordpress、帝國等有專屬標簽，但你依然可以改為各種樣式。比如說教育類型、下載類型、小說類型的等等。只是 如果不是對應的程序，雖然可以改，但用起來不是那么順手。

二，要不要定制

強烈建議不要定制，比如說我，規劃最多、投入最多的一個網站，當初計劃投入20-30萬來定制，最后發現 用一個現成的網站程序就完全解決我的問題了，只是之前不懂。

從另一點來講，一個網站有沒有價值，不是說你網站做的有多好看，功能有多么的強大，而是看你網站的流量有多少，能有多少人去使用，其它一切都是白扯。舉例一點來說，你仿個百度、仿個頭條、甚至仿個微信 也不需要多少成本，或者說遠遠低于他們現在維護的成本，甚至可以說 比他們做的更好，但是那又怎么樣，沒有人用呀。

三、如何開始，

目前為止，我做了差不多有大、中、小型網站有幾十個站了，不算多，但是體會就是，

如果自己玩，那就湊合著用。

如果想深入投入，那就按照步驟、先勉強能用-再能用-再到好用-再到好用又好看。

如果是小型網站，那就無所謂了。定制一個也沒有多少錢。

最后講一下模板站與定制站的區別

這一定 可能不專業的人都會有一個誤解。而專業的人又都約定成俗。

比如說定制一個普通企業站、費用大約為1萬-2萬之間。而一個模板站 費用大約為600-1500之間。其它還有全定制、半定制等。

但一定要明白一下，幾萬塊錢的站，是不可能有純定制站的。這里說的純定制站，是指從網站程序到網站源碼 完全自主開發的定制。一般人做網站 最容易誤解的就是“你按照我設計的，給我把這個網站樣式做出來。”而這個樣式就是在指模板。充其量 就是原有的網站程序不能實現你說的功能，我在原有的網站程序進行二開，把功能做出來。

因為 如果一個網站程序從頭到尾完全自主開發，那個費用，沒有幾十萬是下來的。況且 如果不懂，那就更玩完了，怎么給你做的，你都不會知道。

題外篇，其實樓主不應該買一個虛擬空間，因為這樣的話，一般只能存放一個網站。如果買一臺服務器，那就好玩了，安裝一個寶塔面板，后臺提供的有幾十種網站程序可以一鍵式部署。下附個不完全截圖。