桃園網頁設計

---

1、TableSorter 介紹



在所有 jQuery 表格排序外掛裡面，TableSorter 算是利用率最高的，並且擴充功能相當多(但紛歧定用獲得)，因此本篇保舉這個工具。



1. 官網申明



https://mottie.github.io/tablesorter/docs/



下載檔案後找到這幾個檔案

 

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

Google的地圖相當的利便，不只圖資完全，因此也有很多店家，會將Google地圖嵌到網頁中，讓消費者利便找尋，但Google改版後，很多伴侶已找到地址，卻不知要如何嵌到網頁中，這個嵌入鈕，還相當的不顯著，所以筆者就花點時候，將它清算，需要的同夥，就操作看看吧!



嵌入Google地圖：



Step1

首先，進到https://www.google.com.tw/maps/，接著在左上角輸入要查尋的地址。網頁設計



Step2

當找到後，點左上的同享圖示，再點分享和嵌入地圖選項。







Step3

當設定好後，將下方的語法複製起來。



Step4

再貼到網頁中。





Step5

如許就會泛起在網頁中顯示。

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

① 點選右上角設定

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

有在利用Google Maps的人，多幾許少必然都有利用到Google地圖找四周景點餐廳。
網頁設計 

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

學會Arduino基本操控後

必然會想學會無線遙控，如藍芽Bluetooth, Wifi

這篇申明藍芽Bluetooth操控

後果圖







影片





代碼：

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

查看演示  下載檔案





扼要教程

sortableJs是一款帶排序功能的js masonry瀑布流插件。sortableJs可以或許使元素以卡片情勢顯示，並以masonry瀑布流方式進行佈局，經由過程點擊分類按鈕，可以將卡片按指定的方式動態排序。



利用方式

在頁面中引入sortable.min.css和sortable.min.js文件。

1. <link rel="stylesheet" href="path/to/sortable.min.css">


2. <script src="path/to/sortable.min.js"></script>  


3.  

複製代碼

HTML結構

利用sortableJs的根基HTML結構以下：

 

1. <!-- 1st step -->


2. <ul>


3.   <li>


4.     <a data-sjslink="food"> [...] </a>


5.   </li>


6.   <li>


7.     <a data-sjslink="development"> [...] </a>


8.   </li>


9. </ul>


10.  


11. <!-- 3st step -->


12. <div id="sortable" class="sjs-default">


13.  


14.   <!-- 2nd step -->


15.   <div data-sjsel="food"> [...] </div>


16.   <div data-sjsel="development"> [...] </div>


17.   <div data-sjsel="development"> [...] </div>


18. </div>  

複製代碼

1、使用無序列表插件一組元素，每一個鏈接都添加一個data-sjslink屬性，指向要操作的分類元素。



2、將同一種類的元素包裹在data-sjsel屬性的塊級元素中。



3、將所有的塊級元包裹子啊sjs-default容器中，並指定一個id。



JavaScript

最後，在頁面DOM元素加載終了以後，經由過程sortablejs()方式來初始化插件。

 

1. <script type="text/javascript">


2.   document.querySelector('#sortable').sortablejs()


3. </script>

複製代碼

該帶排序功能的js masonry瀑布流插件的github地址為：https://github.com/TristanBlg/sortableJs



文章出處：NetYea 網頁設計

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

最近被MAIL SERVER搞得焦頭爛額

逐日到CPANEL官方問問題

效果都是沒找到被GAMIL及HOTMAIL檔信問題

也處置不了

找了小洲先生，他說只有做SmartHost relay或換IP







進入WHM -> Exim Configuration Manager -> BACKUP

備份設定檔





比來被MAIL SERVER搞得焦頭爛額

逐日到CPANEL官方問問題

結果都是沒找到被GAMIL及HOTMAIL檔信問題

也處理不了

找了小洲老師，他說只有做SmartHost relay或換IP







進入WHM -> Exim Configuration Manager -> BACKUP

備份設定檔

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

良多網站成立早期，行使YAHOO或GOOGLE搜索引擎搜尋本身網站，卻發現在YAHOO或GOOGLE搜尋引擎輸入網站名找不到本身網站，花了大把銀子請網頁設計公司作網站，卻沒法到達暴光的效果，下面介紹若何操縱免費網站 SiteTag：https://sitetag.us/ 來讓本身網站提升排名及曝光。
起首，先輩入到 SiteTag：https://sitetag.us/ 官方網站

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

用ESP32 PWM實現LED慢慢亮起。



程式的部份首要分成三個：1.設定頻道LEDchannel、2.附加到PIN腳、3.決意輸出巨細。



1.設定頻道LEDchannel屬性



ledcSetup(LEDChannel, freq, resolution);

//LEDChannel設定為0，分歧輸出要設定到分歧頻道，例如RGB LED就要開三個頻道劃分辦理R、G、B

//freq輸出頻率，建議值5000 Hz

//resolution代表輸出解析度，例如8代表0-255，10代表0-1023



2.附加到PIN腳



ledcAttachPin(ledPin, LEDChannel);

//ledPin代表腳位，看你把裝備接在哪一個腳位上面

//LEDchannel代表步驟1所宣告的LEDchannel，也就是說把設定好的LEDchannel屬性附加到某個腳位上



3.決意輸出巨細。



ledcWrite(LEDChannel, dutyCycle);

//將LEDchannel輸出dutyCycle的值。



規範程式將使接在Pin16的LED逐步亮起並熄滅，類型複製於 https://randomnerdtutorials.com/esp32-pwm-arduino-ide/

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

影片







TB6612FNG是東芝生產的馬達驅動與控制IC，內部包含兩組H橋式電路，可驅動和控制兩個小型直流馬達，或一個雙極性步進馬達。

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

網頁設計
本日把http轉成https





到後台編纂時發現無法瀏覽伺服器及上傳圖片











到ckeditor目錄下，找到config.js

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

當在設計網頁時，網頁預設是新細明體，



看起來真的不是很好看



所以測驗考試改變一下字體



讓網頁看起來更順眼



所以在CSS裡，插手

 

(繼續閱讀...)

robbinnycr707 發表在 痞客邦 留言(0) 人氣()