學習製作網頁的推介網站 (小薯仔推介)

-

學習製作網頁的推介網站 (小薯仔推介)

Top 1: https://www.w3schools.com/

 Top 1 非w3schools 莫屬。很受歡迎的programming 學習網站，包括HTML, CSS, JAVASCRIPT,JAVA, PYTHON, C, C++, SQL, PHP, GIT 等。 簡單易明，解釋十分清楚。









還有示範功能, 可在Try edior 嘗試，學習。

2.  http://zh-tw.learnlayout.com 














繁體中文網站，主要講解CSS, 包括BOX MODEL, DISPLAY 屬性，POSITION 屬性等。
這個比較簡潔，也是小薯仔推介。

這個網站有很多響應式網頁範本，Resopnsive website template ，有些還是免費下載的。











有不少免費Wordpress Template 模版及網頁範本 website template。











CSS 實用工具TOOL
















有顏色面版Gradient Generator, 外框調整工具 Border Radius, 聲音測量工具 Noise Texture, 陰影調整工具 Box Shadow 。

以上這些都可在這網站嘗試設定，觀看效果，再套用至網頁上。


這個是Jquery 的教學網站，Jquery是建構網頁的一個好好的Library。









可做不同的Widget 和Effect 喔。

留言

張貼留言

這個網誌中的熱門文章

如何設定Google Form顯示語言 Display language 是某一種特定語言Particular Language ?

-
圖片
如何設定Google Form顯示語言 Display language 是某一種特定語言Particular Language ? 小薯仔做google form 的時候，用的是中文版的Google, 打了英文內容, 但發生出來的結果有些顯示語言居然是中文的! 例如: 原因是我set 了要留填寫者的電子郵件以識別身份。問題是問卷對象是外國人, 這就有語言上看不明白的問題了。 網上有些教學提出在embedded link 後加上 &hl=fr (fr 代表法文) &hl=後面的是Google 語言的代碼以解決這問題。 但小薯仔試了幾次，有時可行，有時起不到作用。 於是我想到了將Google語言改作英文, 更改語言方法如下:  Google 帳戶內語言選項, 按偏好語言 按English , 然彼選地區, ,再按確定, 就成功轉Google語言為英文了。 再用英文版的Google Form做表格，顯示語言就會是英文，在同為Google 語言為英文的Browser 開出來就會全是英文。那外國人就不會看不明白了。 希望幫到大家喔。
Read more »

壞機救資料神器Hiren’s BootCD PE (免費軟件) - Boot Failure ? Scan Virus 先

-
圖片
壞機救資料神器Hiren’s BootCD PE (免費軟件) - Boot Failure ? Scan Virus 先 如果電腦開機開不了, 裡面有著珍貴的資料, 文件, 相片, 軟件等， 難道真的沒得救?  壞機救資料神器Hiren’s BootCD PE幫到你。免費的喔。 軟件ISO檔可在官裝下載。 https://www.hirensbootcd.org/ 約2GB 多一些，然後用Rufus來製作開機USB。 網址為: https://rufus.ie/en/ 安裝後打開:  建議Download 在獨立一隻空白USB 中，而這隻USB建議不作其他用途，不能放其他檔案。 檔案約有2GB , 所以一隻8GB 手指已經夠用有餘了。 小薯仔工作的地方突然有一部電腦開不到機 (Boot Failure)。於是我就用Hiren’s BootCD PE嘗試救一下。 開機進入BIOS, 而後按UEFI BOOT 選項，再由裝Hiren’s BootCD PE的USB BOOT 機。 會去到Hiren’s BootCD PE的介面 預設Program File 有很多有用程式(節錄如下):  BCD-MBR Tools BootIce v1.3.3 EasyBCD v2.3 Hard Disk Tools – Data Recovery CheckDisk GUI v0.3.1 Lazesoft Data Recovery v4.0.0.1 Puran Data Recovery v1.2.0 Puran File Recovery v1.2.0 Recuva v1.53.0.1087 DMDE v3.8.0 ReclaiMe build 3475 PhotoRec v7.2 Unstoppable Copier v5.2 Hard Disk Tools – Defrag Defraggler v2.22.33.995 Hard Disk Tools – Diagnostic GSmartControl v1.1.3 HDDScan v4.1 HDTune v2.55 WD Data Lifeguard Diagnostics v1.37 Crystal Disk Info v8.12.2 Test Disk v7.2 Har
Read more »

Adobe Ai 外框outline 是什麼？轉了外框要再更改，後悔怎麼辦？

-
Adobe Ai 外框outline 是什麼？轉了外框要再更改，後悔怎麼辦？ 常聽說adobe ai 交稿前文字要轉外框？ 為什麼？ 1. 如果印刷公司沒有你設計檔的字型，不轉外框會令欠缺的字型轉變為預設的字型，那麼設計便會走樣。 2 .轉了外框，文字轉化成圖像，難以不小心被更改。 小薯仔試過接到一些文字已全轉外框的設計稿，偏偏又要大幅更改，差不多好像重做一篇，令人頭都痛。 其實可將ai轉pdf,再用OCR Optical Character Recognition 光學字元辨識技術轉成文字。 OCR是將文字資料的圖像檔案進行辨識，取得文字及版面資訊的技術。 一些網站免費提供如 https://www.onlineocr.net/ https://www.newocr.com/ 免費將pdf或其他圖像檔轉成文字，這樣就能從外框了的文字轉成可編輯的文字。 不過為了繼承之前設計的格式風格，內框後OCR的再編輯的文字的顏色，格式要再更改以維持原有風格，有不少麻煩。 所以奉勸各位都是儲存多幾個版本，記得轉外框前先另存新檔，那麼便更安全穩妥了。
Read more »