慧晟數位科技

查看演示  下載檔案





扼要教程

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 網頁設計

(繼續閱讀...)

文章標籤

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

1. 到 Github 下載 tesseract-ocr-w64-setup-5.3.3.20231005.exe 來安裝Tesseract。網頁設計



2. 記錄Tesseract安裝的路徑，預設路徑每每為 C:\Program Files\Tesseract-OCR。



3. 將Tesseract.exe路徑新增到情況變數中



 

(繼續閱讀...)

文章標籤

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

起首可以到FPDF網站下載程式，固然FPDF的網站有教授教養也值得前往觀看http://www.fpdf.org/
或直接點選這邊下載fpdf16.zip

(繼續閱讀...)

文章標籤

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

您的網站為何總是排名在後面呢？除買告白之外，有無什麼撇步呢？網店日報來告知您，有哪些基本的SEO優化技能，做好這6個步驟，您的網站SEO就可以事半功倍！

(繼續閱讀...)

文章標籤

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

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

(繼續閱讀...)

文章標籤

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

用GPU RUN PYTHON時，

出現錯誤訊息

 

(繼續閱讀...)

文章標籤

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

(圖片濫觞)

 

以下將一一條列申明SEO優化技能：

1. 每一個網頁的要害字最好不要跨越4個，最主要的焦點關頭字要提早暴光，如標題。

2. 網站內的描述簡練。標題盡可能以不跨越25個字為佳，內容以文繞圖睜開，萬萬不要發布與內容無關論述，應以簡練、內容豐富呈現。天然的將關鍵字放置在最先和結尾的部份，再用最天然的方式將關頭字公道的分布在內文。

3. 搜刮引擎會對圖片闡明，網站內的圖片最好是原創，再恰當添加alt標籤，若有與標題無關的內容可用成JS或圖片顯現。

4. 網站代碼設計精簡，利於加速網頁讀取的速度，讓搜刮引擎蜘蛛spider敏捷爬行。網頁設計

5. 網頁優化搜索引擎優化 每一個頁最少呈現一次H標籤。

6. 網站空間要不亂。

7. 最好找外部的網站來做為友誼貫穿連接。

8. 網站外連要秀網址，如：美食類、購物類等等皆可，放置呈現在首頁最好，切忌垃圾貫穿連接。首頁是網站外連的最環節位置，環節字應當出現在前3頁。

網頁設計

9. 設計融入div+CSS結構。與主題相幹的JS與框架做兼容優化。

10. 慎選網域名字，最好選用網域名稱的焦點的關頭字。如果新申請的網域名稱，一定要公佈聯絡人訊息。

11 搜刮引擎喜好收錄有XML和HTML的網站。

12. 網站內容應經常更新，勿長時間不更新或大幅度改變。

13. 將網站內連做恰當的放置，環節字應指到關鍵字頁面。

14. 網頁內容的樞紐字應避免加保持。

15. 製作網站404頁面。與主題無關的頁面，應用Robots.txt制止。

16. 網站的各式文件，如PDF、doc等檔案提供下載，註明濫觞。

 

文章出處：NetYea  新竹網頁設計

(繼續閱讀...)

文章標籤

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

實例需求：運用python語言爬取http://kaijiang.zhcw.com/zhcw/html/ssq/list_1.html這個開獎網站所有的信息，而且保存為txt文件和excel文件。
實例情況：python3.7

　　　　　  BeautifulSoup庫、xlwt庫(需手動安裝)

　　　　　  urllib庫、re庫(內置的python庫，無需手動安裝)

(繼續閱讀...)

文章標籤

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

網頁設計完成圖





安裝模組

(繼續閱讀...)

文章標籤

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

2023 調整 Chrome 設定方式



今朝 Chrome 版本，避免主動從頭載入分頁的方式已經對照簡單，請見下圖：

(繼續閱讀...)

文章標籤

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