目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...
接續昨天的內容,今天要來實作送出表單(Submit)去更新資料表資料的功能,不過在此之前,先讓我們回顧一下昨天表單的原始碼。 <h1>Update...
第一週手把手教學了很多基本觀念,接下來第二週要開始css的教程了! Css主要掌控格式、美編、字體大小等等,小公主建議與html分開兩個檔案撰寫,才可更有效及清...
建構網頁最初階的一定就是html...不過html其實不是真正的程式語言,而是所謂的標記語言! 那什麼是標記語言….?標記語言通常用於處理文本相關信息,能依照不...
今天是小公主生日!小公主想罷工!!沒就是我的vscode也突然打不開檔案,加上生日當天,只剩現在可以寫了~ 所以就...(罷工...喂~~)而且雖然進行到2/3...
感謝大家跟著小公主一同度過了鐵人賽一半的時光,希望大家可以看到小公主完賽!前半個月小公主分享的html&css都多少有上過一些課程,再來javascri...
恭喜各位跟著小公主即將邁入第三週ㄌ!!!(撒花撒花)在第二週最後一天(應該也是css的最後一天?!)小公主滿心歡喜上網查找有什麼酷東西可以學習和分享給大家,赫...
又到了憂鬱星期一,歡迎回到小公主頻道!前幾天解說了前後端、html一些寫程式前的概念解說,說了那麼多廢話(沒),終於要開始寫程式了(痛哭流涕),大家準備好了ㄇ!...
第三週最後一天,想讓你們學個實用ㄉ東西! 表單功能!! 其實表單要建立完整的話,要有前端的設計跟表格規劃,後面也要連動到後端才是完好的表單設計!but萬物都有但...
喔某!竟然邁入網頁30天的最後階段!剩下五天!!!歡呼吧!各位!!雖然剛經過今年最後一個連假,不過還有四天又有週末囉!!! 今日新功能:增加在頁尾回到頂端的按鈕...
歡迎光臨小公主嘗試集_第二集即將開始展開程式前端之旅…..等等所以什麼是前端ㄚ 好的小公主說書時間到!網頁設計大致可分為前端、後端 前端通常可以使用的語言為ht...
大家好,我是小公主~(≧▽≦)/~就讀大三理工相關科系的廢物千金小公主,也是個有個創業夢想的小公主(有夢最美),期待自己可以除了推廣企業核心和創新應用外,也想在...
小公主頻道邁入第五天ㄌ 當進入網頁映入眼簾的最上方,就是我們的標題,言簡意賅的標題對任何網站來說都十分重要,畢竟在分頁海裡,一目瞭然的找到想要的分頁,精確的標題...
各位午安安!今天是friday我們按照往例,該給大家些觀念建立即可!!! 學了一週html+一週css我們即將邁入下一個里程碑!___JavaScript Ja...
今天是教師節!祝天下所有老師教師節快樂!也祝所有學生可以快樂學習,終生學習 教師節是孔子誕辰,所以今天ㄉ主角就決定是孔子了!教室節學生該做什麼事情呢!就是 整!...
結束標題後,我們可以來到網頁主視覺的部分 好的圖片,好的網頁,才能吸引消費者的興趣!人是視覺動物,第一眼給閱聽者的感官刺激決定了他會不會繼續瀏覽下去甚至按下購買...
排版好的網頁真的很重要ㄚ,那小公主今天要的是位置設定的兩種方法:絕對位置&相對位置 大致可分為以下這些分類方式• absolute:絕對位置,當網頁往下拉時,元...
國慶日快樂!!!連假最後一天,似乎是難過的陰天剩下五天鐵人賽,其實也挺難過的 今天想製作跑馬燈的功能,還有擴增海底世界~ 目標...是這樣拉 新增跑馬燈html...
css的圖檔可在邊框上做些變化使網頁更多元,今天來介紹下圓角屬性,是個設定邊框的好幫手!另外也有更酷炫的陰影效果、奇特美編等等的迷之操作,我們拭目以待???!!...
鐵人賽邁入第七天,終於一個禮拜了,好感動! 相信有了文字也有圖片,可以產出圖文並茂的網頁,不過還是少不了些格式化的基本工具,像是….表格! 表格可以輕鬆清楚的規...
今天是豔陽高照的星期二,我們前面都著重在各功能的講解與實作,好像都忘記訂單ㄌ....?所以開始介紹些訂單會使用的功能之一吧 下拉式選單 下拉式選單為選取數量的優...
第一天連假!希望大家玩得愉快!! 小公主昨天大致上放了圖跟字,今天就建立個目錄標題!也好好把昨天的圖文稍微編輯的好看一些! 新功能建立:目錄頁(含滑鼠碰到的動畫...
恭喜大家開了雙十連假的前端,也邁入第四週了,484特累特想睡呢~沒事的我們終於要開始結合之前用過的功能了!算是複習! 首先訂購的話,要有商品圖,並讓消費者可以選...
今天是歡樂星期天,來講個概念性的東西吧!鐵人賽也過了1/3了呢!別放棄,一起堅持下去吧!! 覺得昨天講的相對位置和絕對位置,如果沒細講區塊的概念,會容易混亂和混...
昨天說明了些圓角屬性,今天事不宜遲,我們來講一下陰影吧! css常用的陰影有三種:text-shadow、box-shadow、drop-shadow顧名思義,...
連假第二天,我們來點產品規格,讓消費者能更了解他們預購買的商品,那就加入一些表格吧! html: <!DOCTYPE html> <html...
Blue Monday again!沒事ㄉ,我們今天的進度延續前兩天的基本語法,今天來介紹boolean(布林值) 布林值是什麼概念呢? boolean呈現方式...
繼昨天介紹了基本語法string後,我們今天打鐵趁熱,一併來看看number的部分 數字(number) Number 物件屬於數值型態,包含整數 (integ...
影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...