過去設計一個像Google、Yahoo一樣的網站頁面，絕對至少需要１分鐘以上的時間，如果對網站程式不熟，可能得耗上半天或是更多時間，而如今ChatGPT問世，即可以幫助您輕鬆完成。
現在只要照著本文，學會使用一個ChatGPT的指令咒語，1分鐘內，就可以幫你先創建像Yahoo、GoogleI這樣的網站頁面 ，快來學習吧！
更多AI知識的學習，可到104學習精靈-AI 人工智慧基金知識庫：一讀就懂的入門 免費加入公開課學習。
或是想短時間透過學習AI讓自己強大及解決更多問題，也想學習AI繪圖運用，可以參加 一堂課讓你「趕上」ChatGPT/Midjourney運用 一次將二門課的知識技能學習掌握，線上公開課AI應用衝刺班，來幫助自己的路走的更廣。
以下正文開始
現代人生活中離不開網站，而創建一個像Google、Yahoo這樣的網站可能是一個困難的挑戰。但現在，有了ChatGPT，這個任務變得更加簡單！
如果你是寫網站的新手，或手邊沒有編譯軟體，這邊先推薦一個線上免費，能夠不用安裝任何程式軟體，即可即時轉譯寫好的網頁語法呈現頁面結果的網站，教學如下
可以看到上圖有html及css和javascript欄位，只要將依續將後續教學中，ChatGPT產出的程式語法，分門別類放入對應的程式碼位置，並點選上方的「RUN」，即可線上預覽網頁程式結果，方便在沒編譯器的情況下，學習修正程式。
接著要使用ChatGPT輔助撰寫一些像Google、Yahoo這樣的網站頁面，只需學會以下ChatGPT咒語指令，就能輕鬆實現，像是
註:站長的ChatGPT介面有麥克風可以語音輸入，所以介面有些不同，想讓ChatGPT有語音功能請看這篇文章
在將ChatGPT產生的程式，分門別類套入 https://jsfiddle.net/ 網站如下圖示意
線上將程式碼驅動編譯，就可以獲得以下網站頁面
是不是很簡單呢?!
因此只要輸入以下咒語指令，即可以實現1分鐘內寫出像Google、Yahoo這樣的網站技巧
ChatGPT咒語指令:我想練習類似○○○網站的靜態頁面，請問html及css要怎麼寫?例如告訴ChatGPT : 我想練習類似yahoo首頁的靜態頁面，請問html及css要怎麼寫
並將上述產好的程式碼，分門別類放入前述教大家的即時呈現網站
即可預視產出類似指定網頁框架的作品，當然線上編譯器修改完後，記得將你的程式碼網頁放到自己的空間上，加個網址，就可以展示給大家看你的網頁作品了。
這樣的方式，對於新手而言，可以快速學習理解心中期望的網站，其版型框架語法，學習是怎麼建構的，相信會有助益。
而對於已入門網頁設計的職人而言，若手中版型有限，心中又有喜歡網站的版型框架，也可以快速透過ChatGPT的AI智能，引導將心中喜歡的網站給ChatGPT，讓它幫你快速打造一個類似的版型框架供自身修改，增加產出效率。
站主之前在研究，若問的太精準，ChatGPT會用版權或智慧財產權等原因，拒絕分享程式碼，當然站長有用一套可以用引導的方式，讓ChatGPT寫出的網站風格非常非常接近實際的網站，繞過ChatGPT因版權拒絕產出的方式，google網站語法留存在這篇，因版權就先上鎖不公開了，有需要參考在跟站主說。
因為繞過ChatGPT拒絕產出的方式至少三句引導，除了不好教外，也為了避免真的引發不必要的侵權問題，所以站長將教學指令咒語精簡到只有一句話，而這句話幾乎100%能讓ChatGPT產出類似指定網站的框架，不過也因為只有一句話，有時候出現只是框架和實際營運的框架有所異差，但整體來說，版型框架其實相對接近實際運營網站的架構了，後續只需要些微修改，也能很快獲得一個適合的版型框架，透過ChatGPT的輔助，也不失為一個幫助整體寫站效率提升的技巧，給大家這方面運用的靈感，以此文教學分享給大家學習。
更多ChatGPT咒語指令交流學習搜尋FB社團:中文最大ChatGPT-AI詠唱研究院
非公開社團手機開啟會被擋，請直接複制搜尋社團名稱
中文最大ChatGPT-AI詠唱研究院
