桃園網頁設計

展現網站





發現了個不錯的jQuery幻燈片插件flexslider，有接近3000 Star，應該說是很靠譜的，下面是簡單利用教程。



引入代碼



所有代碼都可以在flexlslider的Github上取得。



引入css 文件和js 文件和jQuery 焦點代碼：

HTML 代碼：







JavaScript 代碼：
網頁設計


文章出處

web gzip 測試網站



1、什麼是gzip         

        gzip是一種數據花式，默許且今朝僅利用deflate算法緊縮data部分；

        Gzip是一種風行的文件緊縮算法，目前的運用十分普遍，尤其是在Linux平台。當應用Gzip緊縮到一個純文本文件時，效果長短常明顯的，大約可以減少70％以上的文件巨細。這取決於文件​​中的內容。網頁設計

      哄騙Apache中的Gzip模塊，我們可使用Gzip緊縮算法來對Apache服務器發布的網頁內容進行壓縮後再傳輸到客戶端瀏覽器。這樣經由壓縮後現實上下降了收集傳輸的字節數，最顯著的優點就是可以加速網頁加載的速度。

      網頁加載速度加快的優點不問可知，除節省流量，改良用戶的瀏覽體驗外，另外一個潛在的好處是Gzip與搜索引擎的抓取東西有著更好的關係。例如Google就能夠經由過程直接讀取gzip文件來比通俗手工抓取更快地檢索網頁。在Google網站管理員對象（Google Webmaster Tools）中你可以看到，sitemap.xml.gz 是直接作為Sitemap被提交的。

      而這些優點其實不僅僅限於靜態內容，PHP動態頁面和其他動態生成的內容都可以經由過程利用Apache緊縮模塊緊縮，加上其他的機能調劑機制和響應的服務器端緩存法則，這可以大大提高網站的機能。是以，對於擺設在Linux辦事器上的PHP程序，在辦事器撐持的情形下，我們建議你開啟利用Gzip Web緊縮。

 

PS：詳情參考：http://baike.baidu.com/item/gzip?fr=aladdin

---

2、什麼是deflate

        DEFLATE是同時利用了LZ77算法與哈夫曼編碼（Huffman Coding）的一個無損數據緊縮算法。

        它最初是由Phil Katz為他的PKZIP歸檔東西第二版所界說的，後來界說在RFC 1951規範中。

        人們普遍認為DEFLATE不受任何專利所製約，而且在LZW（GIF文件花式使用）相關的專利失效之前，這類格式除在ZIP文件花樣中得到運用以外也在gzip緊縮文件和PNG圖像文件中得到了利用。

        DEFLATE緊縮與解壓的源代碼可以在自由、通用的緊縮庫zlib上找到。

        更高壓縮率的DEFLATE是7-zip所實現的。AdvanceCOMP也利用這類實現，它可以對gzip、PNG、MNG和ZIP文件進行壓縮從而得到比zlib更小的文件大小。在Ken Silverman的KZIP與PNGOUT中利用了一種加倍高效同時要求更多用戶輸入的DEFLATE法式。

        deflate是一種緊縮算法,是huffman編碼的一種增強。

        deflate與gzip解壓的代碼幾乎相同，可以合成一塊代碼。

---

3、web辦事器處置http緊縮的進程

    1. Web辦事器接收到瀏覽器的HTTP要求後，搜檢瀏覽器是不是支撐HTTP緊縮（Accept-Encoding 信息）；

    2. 若是瀏覽器支持HTTP緊縮，Web服務器查抄要求文件的後綴名；

    3. 假如要求文件是HTML、CSS等靜態文件，Web辦事器到緊縮緩衝目次中檢查是不是已存在請求文件的最新緊縮文件；

    4. 如果請求文件的緊縮文件不存在，Web辦事器向瀏覽器返回未壓縮的請求文件，並在緊縮緩衝目次中寄存要求文件的壓縮文件；

    5. 如果要求文件的最新緊縮文件已存在，則直接返回請求文件的緊縮文件；

    6. 如果要求文件是動態文件，Web服務器動態緊縮內容並返回瀏覽器，緊縮內容不存放到緊縮緩存目次中。

下面是兩個演示圖：

未利用Gzip：

 

開啟利用Gzip後：

 

 

---

4、gzip與deflate區別

        deflate利用inflateInit()，而gzip利用inflateInit2()進行初始化，比inflateInit()多一個參數: -MAX_WBITS，透露表現處置raw deflate數據。因為gzip數據中的zlib壓縮數據塊沒有zlib header的兩個字節。利用inflateInit2時要求zlib庫忽略zlib header。在zlib手冊中要求windowBits為8..15，可是現實上其它範圍的數據有非凡感化，見zlib.h中的註釋，如負數表示raw deflate。        

        Apache的deflate變種可能也沒有zlib header，需要添加假頭後處置。即MS的毛病deflate (raw deflate).zlib頭第1字節通常爲0x78, 第2字節與第一字節合起來的雙字節應能被31整除，詳見rfc1950。例如Firefox的zlib假頭為0x7801，python zlib.compress()成績頭部為0x789c。        

        deflate 是最根蒂根基的算法，gzip 在deflate 的raw data 前增加了10 個字節的gzheader，尾部添加了8 個字節的校驗字節（可選crc32 和adler32） 和長度標識字節。

        安裝它們的Apache Web辦事器版本的差別。Apache 1.x系列沒有內建網頁緊縮技術，所以才去用額外的第三方mod_gzip 模塊來履行壓縮。而Apache 2.x官方在開發的時辰，就把網頁緊縮斟酌進去，內建了mod_deflate 這個模塊，用以庖代mod_gzip。固然二者都是利用的Gzip緊縮算法，它們的運作道理是近似的。     

 

        壓縮質量。mod_deflate 緊縮速度略快而mod_gzip 的緊縮比略高。一般默認情況下，mod_gzip 會比mod_deflate 多出4%~6％的緊縮量。

        對辦事器資源的佔用。一般來講mod_gzip對辦事器CPU的佔用要高一些。mod_deflate是專門為確保辦事器的機能而利用的一個緊縮模塊，mod_deflate需要較少的資源來緊縮文件。這意味著在高流量的辦事器，使用mod_deflate可能會比mod_gzip加載速度更快。即在服務器機能足夠的情形下，使用mod_gzip，固然會耗費服務器機能，可是值得（緊縮更快更好）；在辦事器性能不足的環境下，使用mod_deflate  確保機能。

 

        從Apache 2.0.45入手下手，mod_deflate 可使用DeflateCompressionLevel 指令來設置緊縮級別。該指令的值可為1（緊縮速度最快，最低的緊縮質量）至9（最慢的壓縮速度，壓縮率最高）之間的整數，其默認值為6（壓縮速度和緊縮質量較為平衡的值）。這個簡單的轉變更是使得mod_deflate 可以輕鬆媲美mod_gzip 的緊縮。

---

五、開啟mod_gzip、mod_deflate

        Apache上操縱Gzip緊縮算法進行緊縮的模塊有兩種：mod_gzip 和mod_deflate。要利用Gzip Web緊縮，請起首肯定你的辦事器開啟了對這兩個組件之一的支持。在Linux辦事器上，目下當今已有愈來愈多的空間商開放了對它們的撐持，有的乃至是同時支持這兩個模塊的。例如今朝Godaddy、Bluehost及DreamHosts等空間商的辦事器都已同時撐持mod_gzip 和mod_deflate。        

 

        通過查看HTTP頭，我們可以快速判定利用的客戶端瀏覽器是否支撐接管gzip緊縮。若發送的HTTP頭中出現以下信息，則註解你的瀏覽器支持接受響應的gzip壓縮：

    Accept-Encoding: gzip 撐持mod_gzip    Accept-Encoding: deflate 撐持mod_deflate     Accept-Encoding: gzip,deflate 同时撐持mod_gzip 和mod_deflate

        mod_deflate 是apache自帶的模塊,固然是在apache 2後支撐的,之前1的時辰是mod_gzip,啟用mod_deflate可以很好的為節約網頁巨細,只不外是佔用辦事器的資本和內存.用戶看到頁面的速度會大大加快。在apache2.0以上（包括apache2.0）的版中gzip緊縮使用的是mod_deflate模塊

1.查看apache的安裝模式

apachectl -l

發現mod_so.c，ok可以動態加模塊，不消從新編譯。

2.安裝mod_deflate

找到原本的apache安裝包安裝mod_deflate

cd httpd-2.0.59/modules/filters

/usr/local/apache2/bin/apxs -i -c -a mod_deflate.c

PS：apxs饬令參數申明：

        -i此選項透露表現需要履行安裝操作，以安裝一個或多個動態共享對像到辦事器的modules目次中。

        -a此選項自動增加一個LoadModule行到httpd.conf文件中，以激活此模塊，或者，假如此行已存在，則啟用之。

        -A與-a選項近似，可是它增加的LoadModule饬令有一個井號前綴(#)，即此模塊已準備停當但還沒有啟用。

        -c此選項示意需要履行編譯操作。它首先會編譯C源法式(.c)files為對應的目標代碼文件(.o)，然後毗鄰這些目標代碼和files中其餘的目標代碼文件(.o和.a)，以生成動態同享對象dsofile 。假如沒有指定-o選項，則此輸出文件名由files中的第一個文件名推測得到，也就是默許為mod_name.so 。

 

3、修改Apache的http.conf文件，去除mod_deflate.so前面的註釋

在您的主機下設立建設以下論述：

或是在.htaccess檔案建立論述



如要增加檔案期限加入代碼







5、對指定的文件設置裝備擺設緩存的生存時候，去除mod_headers.so模塊前面的註釋








6、在根目次中新建.htaccess文件，定制緊縮劃定規矩

 



裡面的文件MIME類型可以按照本身情況添加，至於PDF 、圖片、音樂文檔之類的這些自己都已經高度壓縮格局，反複壓縮的作用不大，反而可能會因為增添CPU的處理時候及瀏覽器的襯著問題而降低機能。所以就沒需要再通過Gzip緊縮。經由過程以上設置後再查看返回的HTTP頭，呈現以下信息則表明返回的數據已過壓縮。即網站法式所配置的Gzip緊縮已生效。



Content-Encoding: gzip

注：不管利用mod_gzip 照樣mod_deflate，此處返回的信息都一樣。因為它們都是實現的gzip緊縮體式格局。







碰到的問題和解決:



1：apach2 安裝mod_deflate後restart,直接



load /opt/apache/modules/mod_deflate.so into server: /opt/apache/modules/mod_deflate.so: undefined symbol: deflate 異常的痛苦



什麼ldd mod_deflate.so後再export LIB_LIBRARY_PATH呀，都試了N次，google也go了N天



終於在google上go出來一篇文章，終於解決，方式如下： vi /usr/local/apache2/bin/apr-config 修改LDFLAGS=" " 為LDFLAGS="-lz" 然後再apxs -ica mod_deflate.c 就OK了.



2：apach2安裝mod_deflate後restart,直接



module deflate_module is built-in and can't be loaded ...



這申明該模塊已安裝，不必再LoadModule deflate_module啟用它。



只需做<ifmodule mod_deflate.c>設置裝備擺設



參考文章

https://my.oschina.net/rasine/blog/343769

無論是利用無名、Pixnet、Xuite或Wordpress...等平台，在經管後台新增文章，都邑有一個很像Word的編纂器，透過此編纂器就可輕鬆撰寫文章，而且還可以加粗體、變換字體色彩、超貫穿連接....與圖片上傳等功能，即使完全不懂任何的HTML語法，也可編輯出一個摩登的文章頁面出來，而且邊製作還會邊顯示效果，這是個相當輕易的功能，而這麼棒的功能難不成要自已寫，寫完不只天黑可能都爆肝了，所以要多加善用資本，今天梅干就來分享一個好用的即見即所得HTML文章編纂器CKeditor，與CKfinder上傳元件讓編輯器不只單單可編輯，同時還可上傳檔案乃至直瀏覽伺器服中的檔案，且完全不用寫任何的程式碼，只要設定一下，當即就打造自已專屬的文章編纂器囉！

 
CKeditor(編纂器)/CKfinder(上傳元件)下載：

編纂器：CKeditor

支援語法：PHP、ASP、ASP.NET、CF

元件版本：4.4.5

官方展現：http://ckeditor.com/demo

官方下載：http://ckeditor.com/download



上傳元件：CKfinder

支援語法：PHP、ASP、ASP.NET、CF

元件版本：2.4

官方展示：http://ckfinder.com/demo

官方下載：http://ckfinder.com/download

之前碰到CPANEL發信給我





說磁碟空間不足





我心想4TB硬碟，沒幾個網站怎麼會空間不足





第一時候以為是網站被駭





到filezilla查抄事後發現是PHP7.4 的LOG超大

最新版nagios 3.3.1 也能用



此3.06版本筆者已測試完成安裝之筆記，

請各位注意裡面的步調細節，不要LOST必然能成功

 

1. 安裝申明

1.1. Nagios簡述

　　Nagios為知名的遠端主機監看對象，為主從式架構軟體。此中主體可安裝於Linux型功課系統，包括Fedora、Ubuntu及Debian等，另亦可安裝於其他Unix like作業系統，如FreeBSD；而 Nagios偵測Agent，則可安裝於Unix like或Windows主機。詳見圖1。

　　利用Nagios供給給Windows系統之Agent，該Agent稱為NSClient++，結合安裝Nagios監看主機，便可掌握Windows系統狀況。運作概念為，由監看主機的Nagios，呼喚本機搜檢程式 check_nt，該查抄程式透過安裝在遠端主機的署理程式NSClient++，取得相幹系統資訊，以後再回傳給Nagios，並顯現於Web介面上。

　　 

　　圖1：利用Nagios監看Windows系統狀況示意

　　資料來曆：[2]

　　至於Nagios供應給Linux主機的偵測Agent，則稱為NRPE，其架構示意圖與Windows主機類似，詳見圖2。

　　 

　　圖2：利用Nagios監看Linux系統狀況示意

　　資料起原：[3]



1.2. 系統架構

　　本文展現的系統架構，使用1部Fedora功課系統主機，同時監看Windows與Fedora主機。其系統架構與IP位址，詳見圖3。

　　Server伺服器之IP 10.3.89.17。

　　遠端Windows主機Client A之IP 10.3.111.93。

　　遠端Linux主機Client B之IP 10.3.89.34。

　　此中Fedora主機作為Monitoring Server。

　　 

　　圖3：測試系統架構

　　以下安裝步驟首要分成幾項：先安裝Nagios於Monitoring Server，接著安裝Nagios Agent 於Windows主機上，再安裝Nagios Agent於Linux主機，最後劃分於3部主機上，進行相幹溝通設定，以完成監看需求。



1.3. 安裝Nagios伺服器

1.3.1. 確保系統相依套件

　　利用Nagios系統監看架構之安裝中，名為Nagios套件乃安裝Monitoring Server上，即本文採用的Fedora主機。而Nagios可否正常安裝與利用，其套件必需先存在於系統上，包括： Apache作為Web介面用途；GCC編譯器作為編譯Nagios套件原始碼用處；GD函式庫作為圖形顯示用處。而在Fedora系統中，以以下指令安裝套件：

　表1　Nagios相依套件安裝

套件名稱	安裝指令
Apache套件	yum install httpd
Gcc編譯器	yum install gcc
Glibc函式庫	yum install glibc glibc-common
GD函式庫	yum install gd gd-devel

指定配景圖片巨細

background-size：bg-size , bg-size

bg-size = auto | length | percentage | cover | contain

php5與php7的區分是什麼？下面本篇文章就來給各人比較一下php5與php7，介紹php5與php7之間的區分。有必然的參考價值，有需要的同夥可以參考一下，進展對你有所匡助。

① 點選右上角設定

RGB LED依序為紅、最長腳、藍、綠

RGB LED的共陽極（最長腳）串接一個330的電阻後再接地(GND)。網頁設計

有在利用Google Maps的人，多幾多少必然都有使用到Google地圖找附近景點餐廳。