技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


顯示今日日期,年,月,日,星期,時,分,秒的演示範例及語法下載




~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~ ~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

刷牙防失智!4個好習慣,讓大腦變年輕

照顧好牙齒,也可降低罹患失智的機率。一項長達18年的追蹤研究顯示,一天內刷牙次數少於一次的的年長者,罹患失智者的機率比起每天至少刷牙一次的人要高出65%。
人的大腦不同於身體,往往更能抵抗歲月的壓力。如何讓大腦的保持年輕的活力,不會隨著年齡的增長而衰退?以下是《哈芬頓郵報》提供的4點實用建議:
1.觀看大自然紀錄片:根據最新研究顯示,觀看大自然紀錄片,比起網路測驗或其他腦力遊戲,更能有助於提升語言能力。此外,另一項澳洲研究指出,觀看大自然紀錄片的人,在生活上較不易感到壓力,生活品質也比較好。
2.降低膽固醇:降低膽固醇,不僅對心臟有益,對大腦的健康也很重要。根據研究,膽固醇維持在健康水準,可以降低罹患阿茲海默症以及失智症的風險。另一個研究結果指出,中年肥胖的人,心智能力衰退的速度會高於體重正常的中年人。
3.好好保養你的牙齒:照顧好牙齒,也可降低罹患失智的機率。一項長達18年的追蹤研究顯示,一天內刷牙次數少於一次的的年長者,罹患失智者的機率比起每天至少刷牙一次的人要高出65%。
4.多喝綠茶:綠茶中含有的某種兒茶素,有助於認知能力的提升,特別是男性。此外,近期多項研究顯示,綠茶可減少罹患阿茲海默症的風險,對於大腦思考的活化也很有幫助。(吳凱琳編譯)
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

WordPress的自訂模板功能,讓首頁搭配上自行客製的模板

新增頁面模板

1.首先,先在佈景的資料夾中,新增一個php檔案(名稱自訂)。接著將檔案打開,在檔案內先加入下面的程式碼:
<?php
/*
Template Name: 客製首頁
*/
?>
這一個PHP檔案就叫他welcome.php,之後教學會使用到。
再來,到WordPress控制台→頁面→新增頁面,標題打「首頁」即可,內容留空。在右邊的頁面屬性中,會看到模板選單中有一個「客製首頁」,要選擇客製首頁。(按發表)
2.將welcome.php的內容修改為:
<?php
/*
Template Name: 客製首頁
*/
echo "開始客製!哇,這真的太棒了~想放什麼內容就放在裡面,也可以任意使用WP的函式、佈景函式了!";
?>

3.設定此頁面為首頁
這時候你會說:我要顯示在首頁,不是在分頁,然後讓Blog文章在分頁顯示。OK,我們先新增一個頁面,頁面名稱為Blog。(使用預設模板,內容不用打,直接按發佈。)
4.在WordPress的設定中就有選項,在控制台→「設定」→「閱讀」。
將首頁顯示選擇為靜態頁面,「首頁」選擇一開始新增的「首頁」頁面,文章頁面選擇剛剛新增的「Blog」。(記得按下儲存)
5.將首頁顯示選擇為靜態頁面,「首頁」選擇一開始新增的「首頁」頁面,文章頁面選擇剛剛新增的「Blog」。(按下儲存)
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

[Jquery]橫幅隨機百葉窗語法下載



~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

原始碼如下:

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

租用虛擬主機還是自行架設主機?

稍微有過一點架站經驗的人可能會覺得,自己找一台電腦,加裝網頁伺服器軟體,再跟中華電信或亞太等等租個網址,接上網路與固定 IP ,就能夠當做網站伺服器,雖然網站資料的儲存空間大。但這樣的方式的網站,對於一個穩定營運的企業網站來說,許多細節是非專業人士所無法顧及的。其差異與優缺點如下。

電費

使用一台電腦 24 小時開機來做伺服器,伺服器需24小時不關機,才能保持網站瀏覽,保守估計初估每月400元;一年需要 4800元,其他電腦維修及人事成本尚未估計。
而租用專業機房的虛擬主機,光年費就幾乎等於您的電費了,有的甚至更便宜。

硬體

您至少需要一台伺服主機,最陽春的也要數萬元,即便採用便宜的個人電腦,也大約要一萬多。有些人可能會用NAS來充當伺服器,不過NAS的CPU/RAM效能不佳,並不建議用來做正式營運的網站,當每日瀏覽人數突破 2000 人以後,或者加裝了 CMS 等較吃資源的軟體時,NAS 的瓶頸會很快浮現。
此外,您還需要不斷電系統、防火牆、降溫用的冷氣與水循環系統…。這些都是專業主機房已經有的設備,無需自行準備。

頻寬

網站的連線速度,是看主機端的「上傳頻寬」。若您在自己家中或辦公室架主機,以中華電信 60M/20M的線路來說,其實主機的上傳頻寬只有 20M,因此對於用戶來說,下載的速度是20Mbps=2.5MB/s。這是非常慢的速度,同時間只要有 5-10人連線網站,整個網站可能就打不開了。更何況一般的家用 ADSL 還只有8M/640k。
選用專業主機的好處在於,一般商用主機都放置在專業 IDC 機房,提供了充足的上下傳頻寬。如果您的網站流量超量,只要繳交固定的超流費用,就能加大頻寬,在臨時性的優惠宣傳活動時,才能夠撐的住人潮。否則一般家用或辦公室網路無論如何都是無法升級到這種程度的。

安全問題

防火牆、備援等問題,主機需24小時/365天不損壞,保持隨時不斷線,若有損壞要有備援計畫。資料價值如果很高,例如會員名單或訂單資料庫,一旦損壞無法修復可能會造成很大問題。
此外,若無專業的防火牆,任何一個節點有漏洞都可能被駭客入侵,專業的機房也會有人員控管,閒雜人等不能輕易進入存取主機資料。

人力維護成本

除了以上的花費以外,人力的時間成本也需要考量。因為一個人懂得許多網路資訊工作的人,若將時間耗在管理主機上,可以會損失用來做更多高生產力的事情。

主機管理問題

內容管理系統(CMS)通常需要LAMP環境,需要Linux 基本知識,加上Mail、Ftp、HTTP、DNS…等設定,都需要配合。若設定不好,也會造成網站無法建置或部份功能無法運作。
故交由專業的主機商處理,是目前多數人會採用的方案,您只需要每年固定繳交費用,機房的維護人員就會替您將機器維持在穩定運作的狀態,還有什麼比這個更划算呢?
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

[free joomla template]Joomla! 免費佈景下載

佈景商免費佈景數量下載網址
joomlaxtc1joomlxtc free
shape54shape5 free
rocket theme6rocket free(篩選free)
gavick3gavick free
joomlashine14joomlashine free
joomlaworks2joomlaworks free
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

讓 IE8以下版本支援響應式網頁設計語法(Responsive Web Design)

放在</head>上面
<!--[if lt IE 9]>
 <script src="http://webdesignerwall.com/wp-content/themes/wall/js/css3-mediaqueries.js"></script>
 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="~/Content/html5shiv/js/html5shiv.min.js"></script>
<script src="~/Content/respond/js/respond.min.js"></script>

*<script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>


 <!--[if lt IE 9]>
 <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->

 <!-- IE9 以下的 cross site ajax -->
 <!--[if lte IE 9]>
 <script type="text/javascript" src="jquery.xdomainrequest.min.js"></script>
 <![endif]-->

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

父親給兒子的9點備忘錄

馬雲寫給兒子的一封信,感動無數人!

我兒:寫這個備忘錄給你,基於三個原則:

一、人生福禍無常,誰也不知可以活多久,有些事情還是早一點說好。

二、我是你的父親,我不跟你說,沒有人會跟你說。

三、這個備忘錄記載的,都是我經過慘痛失敗得來的體驗,可以為你的成長省回不少冤枉路。

以下,便是你在人生中要好好記住的事:

01. 對你不好的人,你不要太介意。在你一生中,沒有人有義務要對你好,除了我和你媽媽。對你好的人,你一定要珍惜、感恩。

02. 沒有人是不可代替的,沒有東西是必須擁有的。看透了這一點,將來就算你失去了世間最愛的一切時,也應該明白,這並不是什麼大不了的事。

03. 生命是短暫的,今天或許還在浪費著生命,明天就會發覺生命已遠離你。因此,愈早珍惜生命,你享受生命的日子也會愈多。與其盼望長壽,倒不如早點享受。

04. 愛情只是一種感覺,而這感覺會隨時間、心境而改變。如果你所謂的最愛離開你,請你耐心地等待一下,讓時間慢慢沖洗,讓心靈慢慢沉澱,你的苦就會慢慢淡化。不要過分憧憬愛情的美,不要過分誇大失戀的悲。

05. 雖然很多有成就的人沒有受過太多的教育,但並不等於不用功讀書,也可以成功。你學到的知識,就是你擁有的武器。人可以白手起家,但不可以手無寸鐵,緊記!

06. 我不會要求你供養我下半輩子,同樣的我也不會供養你的下半輩子。當你長大到可以獨立的時候,我的責任已經完結。今後無論你坐巴士還是奔馳,吃魚翅還是粉絲,都要自己負責。

07. 你可以要求自己守信,但無法要求別人也守信;你可以要求自己對他人好,但不能期待人家也對你好;你怎樣待人,並不代表人家就會怎樣待你,如果你看不透這一點,只會給你增添不必要的煩惱。

08. 我買了26年的彩票,連三等獎也沒有中過,這就證明人要發達,還是要努力工作才可以,世界上並沒有免費的午餐。

09. 親人只有一次的緣份,無論這輩子我和你會相處多久,你一定要珍惜共聚的時光,下輩子,無論我們愛與不愛,都不會再相見。
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

Jquery 選單menu 演示範例 語法下載





"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

自訂卷軸顏色樣式 css jquery語法

以下文字節錄於網頁設計向前走

沒有必要,千萬別叫訪客註冊

註冊對許多人來說是非常非常麻煩的事情,註冊代表對方會拿到你的資料,會有不好的感覺。重點是,訪客到你的網站來是需要看你網站的內容,不是來註冊的,如果需要註冊才能看的內容,我通常選擇不看,除非內容精華到極點。

不要在網頁中嵌入背景音樂

許多新手在初接觸網頁設計時,都會以為在網頁中嵌入音樂會讓網頁質感很高。這不對,播放音樂並沒有比較好,個人感覺會很煩躁、無法靜下心來閱讀文章,很吵。如果一堆網站都這樣做,真的會被吵死。

網站勿複雜、複雜則無法成大事

請你使用最少、最簡便的步驟讓訪客看到你網頁的內容,不需要在首頁載入前還先有一個Flash影片特效。訪客需要的是網站的內容,在網站剛起步時請直接讓訪客看到重要的內容,不要使用在進去首頁前特別用「點此進入」再來進去首頁。

一定要留下聯絡方式

沒有留下聯絡方式的網頁幾乎等於在做白工,沒辦法幫你增加一分人氣、一分知名度。這不僅對自己不利,更對訪客不利,你可能因此失去許多機會。

不要使用一閃一閃的文字

請不要使用閃來閃去的文字,這看起來很不舒服。

使用CSS+DIV取代HTML畫表格(table)、使用CSS定義樣式

如果你要學網頁設計我會建議你HTML和CSS一定要一起學,使用HTML畫table框架的模式已經非常非常非常落伍了(幾年前的網頁很多是這樣做)。CSS比HTML的功能更多、更便利、更容易分析整個網頁的佈局。強調一次,不要使用HTML畫table框架。

請留意SEO(搜尋引擎優化),但不要過度操作

這個時代,已經沒有人在記你的網址打你的網址了,大家都使用Google來查資料,所以當你在製作網頁時,請留意網頁的meta標籤,是否讓搜尋引擎Google對你的網站微笑。

避免在文章內文中插入Adsense廣告

如果你在內文插入廣告,必然的流量一大點擊率就會上升,或許短期內錢可以進來比較多。但是以長期來看的話,會讓部分看不慣廣告的人離開,要放廣告,盡量放在邊欄就好。(不過在中文網頁,沒有插入廣告在內文的網站滿少的

簡單的導航結構

訪客拜訪網站的目的不是了解你的網站複雜的結構,而是要取得它想要的資訊,這一點一再強調,結構一定要化繁為簡,使用最簡單的方法讓訪客看到你的網頁核心價值,越簡單,越好。

讓訪客一眼就知道哪個文字是連結

訪客沒有時間去注意你在哪些文字上加了超連結,你要讓他們一眼看見哪個是連結,可以點,看到更多的內容。通常連結都使用藍色,比瀏覽器預設藍再淡一點(用預設藍感覺就沒那麼專業),如#06c看起來很舒服,適合當作連結的顏色,通常我們都會把底線去除,等訪客滑鼠移到上方時再顯示底線。

盡量不要給一般文字加上顏色,重點使用粗體代替之

這點在撰寫文章時要注意一下,盡量不要在文字上面加上顏色,當加多了,整個文章就會變得非常難以閱讀,也會很刺眼。如果是要註明文章的重點,請使用粗體字,不要使用顏色,別以為七彩繽紛很好看。

訪客點擊連結後,連結需換色

這點就是單純的網頁便利度的問題,當訪客點過的連結變色,能夠馬上知道這個連結有點過了,通常用在重複的連結會比較明顯,我想,除非記憶很差不然應該不會忘記吧。

不要使用GIF動畫圖片檔

當你使用了動畫圖片GIF檔,訪客一半以上的注意力都會被分散,所以不要在網頁中有會動的圖片,除非你就是要他點那個圖片,才會這樣做。而且,這會讓你的網站顯的非常不專業,有很多新手都喜歡讓網頁動來動去的,但那很不好。

不要使用POPUP彈出視窗

現在許多瀏覽器都已經有防跳窗的功能了,因為惡意網站總是利用跳窗來載入不正常的東西,而且會妨礙訪客瀏覽網頁。使用POPUP彈出視窗是一個很爛的決定。

在網頁底部提供更多資訊

不知道大家有沒有這個習慣,就是看網頁一定會拉卷軸到最底部,確認過沒有其他內容後才離開。透過這點,許多國外企業網站常常在頁底放連絡資料、更多介紹文、粉絲團嵌入、首頁等等功能,這些都有可能讓訪客有更多的資訊,讓訪客停留於網站的時間更長,黏著度更高。

不要變更已經公開網頁的網址

更改已經公開的網頁的網址如大家所知對SEO不好,同時也對有把網址加入到書籤、我的最愛的讀者帶來不便。

除了內文,其他區塊盡量減少圖片

網頁內文要圖文並茂這點我非常同意,也有利於SEO。但是其他地方,如側邊欄的地方,就盡量不要使用圖片做出效果,應該要使用CSS,並做到最簡化,「簡單風」是未來的趨勢,千萬別把網頁製作的太複雜、用太多圖片。用太多圖片會拖慢載入速度。

勿使用太複雜的導航文字

導航的文字真的不需要複雜,不需要像是一個成語一樣,只需要最簡單的幾個字就好。如「關於我們」、「連絡我們」、「訂閱我們」,其實這個還可以更簡單,把我們去掉也可以。





"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式選單設計 menu範例

Html語法
<span class="toggle">Menu</span>
<nav class="nav">
    <ul>
        <li>
            <a href="#">產品分類</a>
            <ul>
                <li><a href="#">產品分類1</a></li>
                <li><a href="#">產品分類2</a></li>
                <li><a href="#">產品分類3</a></li>
            </ul>
        </li>
        <li><a href="#">關於我們</a></li>
        <li><a href="#">聯絡我們</a></li>
        <li><a href="#">相關連結</a></li>
        <li><a href="#">部落格</a></li>
        <li><a href="#">服務項目</a></li>              
    </ul>
</nav>

Jquery語法
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".toggle").click(function() {
        $(this).toggleClass("active");
        $(".nav").slideToggle();
    });
    $(".nav > ul > li:has(ul) > a").append('<div class="arrow-bottom"></div>');
});
</script>

Css語法
<style>
            body {
                margin: 0;
                padding: 10px;
                font-family: 'Open Sans', sans-serif;
                font-size: 18px;
            }
            nav {
                display: block;
                float: left;
                width: 100%;
                margin-bottom: 30px;
             
            }
            .nav ul{
                margin: 0;
                padding: 0;
            }
            .nav li{
                position: relative;
                float: left;
                color: #FFF;
                list-style: none;
                background: #E77C40;
            }
            .nav li a {
                display: block;      
                padding: 15px 30px;
                color: #FFF;
                text-decoration: none;
            }

            .nav li:hover {
                background: #E9905E;
            }
            .nav li ul {
                background-color: rgba(231, 124, 64, 1);
                display: none;
                position: absolute;
                top: 100%;
            }
            .nav li:hover ul {
                display: block;
                right: 0;
                left: 0;
                top: 100%;
            }
            .toggle {
                display: none;
            }
            .arrow-bottom {
                position: absolute;
                top: 25px;
                right: 13px;
                margin-left: 5px;
                border-top: 4px solid #FFF;
                border-right: 4px solid transparent;  
                border-left: 4px solid transparent;      
                width: 1px;
                height: 1px;
            }
            @media (max-width: 640px) {
                .nav {
                    display: none;
                }
                .toggle {
                    display: inline-block;
                    background: #D8540A;
                    padding: 10px 15px;
                    color: #FFF;
                }
                .nav li{
                    float: none;
                }
                .nav li a{
                    padding: 10px 15px;
                }
                .nav li:hover ul {
                    position: relative;
                    display: block;
                    background: transparent;
                }
                .nav li:hover ul li{
                    background: transparent;
                }
                .nav li:hover ul li a{
                    padding-left: 30px;
                }
                .arrow-bottom {
                    top: 20px;
                }
            }              
        </style>

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...