NetYea－桃園網頁設計｜痞客邦

目前分類：NetYea (71)

瀏覽方式：標題列表簡短摘要

Jun 10 Sat 2023 01:12
讓網頁表格能自動排序 TableSorter

1、TableSorter 介紹

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

1. 官網申明

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

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

(繼續閱讀...)

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

個人分類：NetYea

Jun 08 Thu 2023 11:32
網頁若何將 Google地圖嵌入

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

嵌入Google地圖：

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

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

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

Step4
再貼到網頁中。

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

(繼續閱讀...)

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

個人分類：NetYea

Jun 06 Tue 2023 05:33
Line 熱門若何申請網頁設計

① 點選右上角設定

(繼續閱讀...)

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

個人分類：NetYea

Jun 04 Sun 2023 13:45
網頁設計 Google若何註冊商家資訊

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

(繼續閱讀...)

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

個人分類：NetYea

Jun 02 Fri 2023 15:24
網頁設計若何用藍芽Bluetooth連線控制 Arduino

學會Arduino基本操控後
必然會想學會無線遙控，如藍芽Bluetooth, Wifi
這篇申明藍芽Bluetooth操控
後果圖

影片

代碼：

// Include necessary libraries
#include <BLEDevice.h>
#include <BLEServer.h>
#include <BLEUtils.h>
//#include <BLE2902.h>
//#include <Wire.h>
// 界說 UUIDs （注意要與App Inventor內容對應）
#define SERVICE_UUID "C6FBDD3C-7123-4C9E-86AB-005F1A7EDA01"
#define CHARACTERISTIC_UUID_RX "B88E098B-E464-4B54-B827-79EB2B150A9F"
#define CHARACTERISTIC_UUID_TX "D769FACF-A4DA-47BA-9253-65359EE480FB"
// 定義LM35 ESP32 GPIO接腳
const int analogIn = A0;
int RawValue= 0;
double Voltage = 0;
double tempC = 0;
double tempF = 0;
String BLE_Code;
BLECharacteristic *pCharacteristic;
bool deviceConnected = false;
// Handle received and sent messages
boolean ledState=false;
String message = "";
char incomingChar;
// Temperature Sensor 與led接腳變數
float temperature = 0;
const int ledPin = 2;
// 設定 callbacks onConnect & onDisconnect函數
class MyServerCallbacks: public BLEServerCallbacks {
void onConnect(BLEServer* pServer) {
deviceConnected = true;
};
void onDisconnect(BLEServer* pServer) {
deviceConnected = false;
}
};
// 設定 callback function 當收到新的資訊 (from the Android application)
class MyCallbacks: public BLECharacteristicCallbacks {
void onWrite(BLECharacteristic *pCharacteristic) {
std::string rxValue = pCharacteristic->getValue();
BLE_Code="";
if(rxValue.length() > 0) {
Serial.print("領受資料為 : ");
for(int i = 0; i < rxValue.length(); i++) {
BLE_Code+=rxValue[i];
Serial.print(rxValue[i]);
}
Serial.println();
BLE_Code.toUpperCase();
Serial.println(BLE_Code);
if(BLE_Code.indexOf("LED")==0)
{
ledState=!ledState;
Serial.println(ledState);
}
if(BLE_Code.indexOf("ON")==0)
{
Serial.println("LED 點亮!");
ledState=true;
}
else if(BLE_Code.indexOf("OFF")==0) {
Serial.println("LED 熄滅!");
ledState=false;
}
}
}
};
void setup() {
Serial.begin(115200);
pinMode(ledPin, OUTPUT);
// 確立BLE Device
BLEDevice::init("ESP32_WeMos1");
// 豎立BLE Server
BLEServer *pServer = BLEDevice::createServer();
pServer->setCallbacks(new MyServerCallbacks());
// 確立BLE Service
BLEService *pService = pServer->createService(SERVICE_UUID);
// 創設BLE Characteristic
pCharacteristic = pService->createCharacteristic(
CHARACTERISTIC_UUID_TX,
BLECharacteristic::PROPERTY_NOTIFY);
// pCharacteristic->addDescriptor(new BLE2902());
BLECharacteristic *pCharacteristic = pService->createCharacteristic(
CHARACTERISTIC_UUID_RX,
BLECharacteristic::PROPERTY_WRITE);
pCharacteristic->setCallbacks(new MyCallbacks());
// 開始（起）service
pService->start();
// 開始（起）advertising
pServer->getAdvertising()->start();
Serial.println("守候BLE手機連線....");
digitalWrite(ledPin,LOW);
delay(500);
digitalWrite(ledPin,HIGH);
delay(500);
digitalWrite(ledPin,LOW);
}
void loop() {
// Check received message and control output accordingly
if (ledState)
digitalWrite(ledPin, HIGH);
else
digitalWrite(ledPin, LOW);
delay(20);
}

(繼續閱讀...)

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

個人分類：NetYea

Jun 01 Thu 2023 08:08
帶排序功能的js masonry瀑布流插件

查看演示下載檔案

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

利用方式
在頁面中引入sortable.min.css和sortable.min.js文件。

<link rel="stylesheet" href="path/to/sortable.min.css">
<script src="path/to/sortable.min.js"></script>

(繼續閱讀...)

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

個人分類：NetYea

Jun 01 Thu 2023 02:18
CPanel 若何用 Hinet 做 SmartHost relay

最近被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) 人氣()

個人分類：NetYea

May 30 Tue 2023 03:24
用SiteTag 幫網站增加排名

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

起首，先輩入到 SiteTag：http://sitetag.us/ 官方網站

(繼續閱讀...)

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

個人分類：NetYea

May 28 Sun 2023 21:13
網頁設計 Arduino ESP32 PWM輸出讓LED漸亮漸暗

用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/

// the number of the LED pin
const int ledPin = 16; // 16 corresponds to GPIO16
// setting PWM properties
const int freq = 5000;
const int ledChannel = 0;
const int resolution = 8;
void setup(){
// configure LED PWM functionalitites
ledcSetup(ledChannel, freq, resolution);
// attach the channel to the GPIO to be controlled
ledcAttachPin(ledPin, ledChannel);
}
void loop(){
// increase the LED brightness
for(int dutyCycle = 0; dutyCycle <= 255; dutyCycle++){
// changing the LED brightness with PWM
ledcWrite(ledChannel, dutyCycle);
delay(15);
}
// decrease the LED brightness
for(int dutyCycle = 255; dutyCycle >= 0; dutyCycle--){
// changing the LED brightness with PWM
ledcWrite(ledChannel, dutyCycle);
delay(15);
}
}

(繼續閱讀...)

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

個人分類：NetYea

May 27 Sat 2023 11:32
ESP32 節制 TB6612FNG 直流馬達驅動∕節制板網頁設計

影片

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

(繼續閱讀...)

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

個人分類：NetYea

May 26 Fri 2023 04:52
Ckeditor Ckfinder https 沒法瀏覽伺服器及上傳問題網頁設計

網頁設計

本日把http轉成https

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

到ckeditor目錄下，找到config.js

(繼續閱讀...)

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

個人分類：NetYea

May 26 Fri 2023 03:06
CSS用google連結改變網頁字型語法

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

看起來真的不是很好看

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

讓網頁看起來更順眼

所以在CSS裡，插手

@font-face {
font-family: 'cwTeXHei';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

(繼續閱讀...)

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

個人分類：NetYea

May 24 Wed 2023 15:51
用 jQuery 來做圖片偽浮水印網頁設計

記得筆者曾寫過一篇「用 JavaScript 來做偽浮水印」，那時是用 JavaScript 來寫的，得顛末計算才能把版權宣佈的圖片放在右下角。而今筆者把整個效果用 jQuery 來改寫，並把本來要較量爭論的版權宣佈圖片位置換成 background-position 的方式來節制，如許想放那就只要設定一下就行了。

我們的 HTML 就是很純真的圖片而已：

檢視原始碼 HTML網頁設計

(繼續閱讀...)

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

個人分類：NetYea

May 23 Tue 2023 19:54
CSS+JQUERY 背景圖滿版的做法網頁設計

今天我們要跟人人分享幾個製作滿版後臺圖的方法。

此刻先來肯定一下我們的需求：

圖片必須恰好填滿瀏覽器不克不及留有縫細，也不克不及因為圖片太大而呈現捲軸。
圖片可以跟著瀏覽器尺寸自動縮放。
圖片必須連結長寬比，不能變形。
要殺青上面的需求，我們有以下的方式可使用

利用CSS3 background-size 屬性

background-size 是css3 的屬性，用來界說靠山圖片的尺寸。利用上可以直接指定長寬的數值或是縮放的比例；指定"contain"可讓背景圖片自動縮放到填滿內容區域內的最大尺寸；指定"cover"可以讓後臺圖片主動縮放到籠蓋內容區域的最小尺寸。可以參考w3c background-size的資訊

因為我們目前要做的是完全籠蓋瀏覽器的佈景圖片，所以要利用”background-size:cover;”這個設定。利用方法如下：

(繼續閱讀...)

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

個人分類：NetYea

May 21 Sun 2023 23:43
jQuery 輪播式告白插件 flexslider 使用指南網頁設計

網頁設計展現網站

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

引入代碼

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

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

(繼續閱讀...)

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

個人分類：NetYea

May 21 Sun 2023 01:29
從架構理解價值-我的軟件世界觀

法式員的蒼茫－找尋不到價值

在浩大的軟件世界裡，作為一位普通法式員，顯得十分細微，乃至會感應蒼茫。我們心裏崇敬手藝，卻也對日新月異的手藝抱有深深的恐懼。技術市場就像這喜怒不定的老天爺，今天下個大數據雨，明天掛小我工智能風，面臨琳瑯滿目標技術海潮的衝擊，法式員不免深感無力，深怕錯過了手藝潮水從而失去了職場競爭力。
有時候我會思慮莫非在手藝範疇內不休緊跟新潮，不息提陞妙技就是我的價值地點?那麼我是技術的主人照舊手藝的奴隸？人之所以蒼茫常常是找不到工作生活的重心，感觸感染不到工作或生涯的價值。那麼什麼是價值呢？說的大一點就是我改變了世界，說的小一點就是我的所作所為改良了某些問題。假如不清晰自己的行為、目標、價值三者的關係，那麼又何來重心？又若何能分得清主要性與優先級呢？

程序員的蒼茫不僅僅是面臨技術複雜的無力感，更重要的是因為長期埋沒於軟件世界的浩蕩的分工體系中，沒法看清從營業到軟件架構的價值鏈條，沒法清晰定位自己在分工系統的位置，處置懲罰不好本身與手藝、營業的關係所致。
很多程序員打心底不喜好業務，這一點我曾也經歷過，我更寧願從事框架對象、手藝組件研究的相幹工作。我有個同夥經常吐槽我說:"你們每天加班加點寫了那麼多代碼，然後呢？有改變什麼嗎？還不是寫出了一堆垃圾。"細心想一想許多時候營業在我們腦海中存留的只是邏輯和流程，我們丟失的是對營業場景的感觸感染，對用戶痛點的體味，對營業成長的思慮。這些都是與價值慎密相幹的部份。我們很天然的用戰術的勤勞掩蓋計謀的怠惰！那麼如許的後果就是我們把本身限死在流水線的工位上，閹割了自己可以或許發現營業價值的能力，而過多關注新手藝對職場競爭力的價值。這也就是我們面對複雜手藝，而產生手藝進修焦炙症的基本緣由。

業務、手藝與軟件系統的價值鏈

那麼什麼是營業呢？就是指某種有目標的工作或工作項目，營業的目標就是解決人類社會與吃喝住行互相關註的範疇問題，包括物資的需乞降精神的需求。
使展開營業活動的主體和受眾都能獲得好處。通俗的講業務就是用戶的痛點，是營業提供方（好比公司）的盈利點。而手藝則是解決問題的東西和手段。
比如為了解決用戶隨時隨地購物的業務問題時，法式員哄騙web手藝構建電子商務App，而當需求升級為輔助用戶快速選購商品時，法式員會哄騙數據算法等手藝手段構建推薦引擎。
手藝如果離開了營業，那麼手藝應用就沒法很好的落地，手藝的研究也將失去場景和偏向而業務離開了手藝，那麼營業的展開就變得極爲昂貴和低效。

所以回過甚來我們想一想自己沒日沒夜寫了那麼多的代碼從而構建起來的軟件系統，它的價值何在呢？
說白了就是為領會決業務問題，所以當你所從事的工作內容其實不能為解決營業問題帶來多大幫助的時刻，你應當要及時做出調劑。
那麼軟件系統又是若何表現它本身的價值呢？在我看來因如下方面表現：

(繼續閱讀...)

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

個人分類：NetYea

May 19 Fri 2023 01:16
若何用google analytics監看adwords廣告轉換成效

在上篇如何利用google adwords 做樞紐字廣告

這篇介紹串接 google analytics監看adwords告白轉換成效

影片申明

點選 Adwords 右上角東西與設定 -> google analytics(闡明)

點選左下側設定
如沒有帳戶請先建立帳戶
有帳戶點 成立資源

點擊 網站 (評估您的網站)

填入名稱及網址

這時會給 全域網站代碼 (gtag.js)
把這段代碼放入你的網站每頁的底部

追蹤代碼設定好今後
點選目的->新增目標

拉到最下面->自訂

填入 方針名稱
選擇 目的網址

現實連結方針(網址不消填，填方針頁面名稱就好)
如：http://www.sinpipe.com/appointment.html 管乾淨線上預約這網址
只要填 /appointment.html
貯存便可

再產生一個方針監控逗留時候(客戶逗留在網站的時候)
填入名稱
類型：時候長度

時候選4分鐘

這時候已產出兩個目的了

回到Adwords 點選 對象與設定->轉換

點選 +

選擇匯入->google analytics

選擇方才成立的目標 線上預約(剛剛不是確立兩個目的?怎麼只有一個)
若是要選另外一個，請守候幾分鐘同步後 反複匯入的動作 即可

這時候已匯入目的了

反複匯入的動作 便可看見另外一個目的
點選 ˋ轉換動作 線上預約

編輯設定

計算體式格局 -> 每次
點閱後轉換回溯期 -> 60天
歸因模式 -> 線性
貯存

目下當今可監測告白轉換的了局了
以下是之前設立建設的目標轉換來講明成效

數據轉換需要時間(從一個禮拜到一個月不等才會有結果)

(繼續閱讀...)

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

個人分類：NetYea

May 17 Wed 2023 10:06
CPanel 若何重建Exim PTR 保留DNS Cache 和更新MAIL HELO

因為信件發不出去(gmail hotmail 直接被退回)
問了CPanel官方後
他說hostname沒法對應，要改成與nameserver一樣
然後若何重建Exim PTR /保存DNS Cache 和更新MAIL HELO

進入WHM
Home »Service Configuration »Exim Configuration ManagerDocumentation

Rebuild Reverse DNS Cache and Update Mail HELO

(繼續閱讀...)

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

個人分類：NetYea

May 15 Mon 2023 05:12
透過glob scandir readdir獲得資料夾內的檔案列表網頁設計

有時刻會需要寫PHP程式去取得指定資料夾內的檔案列表，這三個函式分別是glob、scandir、readdir

(繼續閱讀...)

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

個人分類：NetYea

May 13 Sat 2023 02:23
若何在安卓模擬器上安裝WINDOWS 10 網頁設計

測試結果(夜神慢雷電9快)

https://github.com/WhatTheBlock/WindowsSimplify/tree/master/10

(繼續閱讀...)

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

個人分類：NetYea

1 2 3 4 »

站方公告

活動快報

newdirect

看更多活動好康

我的好友

熱門文章

文章分類

NetYea (71)

最新文章

最新留言

動態訂閱

文章精選

所有文章列表

文章搜尋

新聞交換(RSS)

誰來我家

參觀人氣

本日人氣：
累積人氣：

QR Code

qrcode

POWERED BY

(登入)