Part6 月曆表格日期資料(第十一週) 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 - 5月 13, 2023 第一步:今天的日期是呈現灰色格,所以要確認年份跟月份才可以將灰色背景套用。程式碼:第二步:接下來是將前後不屬於這個月份的日期填上藍色,下個月要填上藍色的時候要先清除不然會殘留上個月的藍色格子。程式碼:第三步:套用框線css設定,讓月曆更為美觀。CSS程式碼:套用前:套用後: 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 留言
Part9 使用AJAX方法將色彩名稱傳到後端並寫入資料庫 - 12月 04, 2023 第一步: 建立一個資料庫及資料庫的使用者。 第二步: 資料傳送AJAX函式與前端JavaScript程式, 新增js/ajax.js 。 第三步: PHP程式。 第四步: 測試是不是能夠用程式碼方式將一個特定色彩名稱傳到後端 。 第五步: 色彩名稱更新到資料表。 第六步: 網頁載入時讀取資料表中的色彩名稱。在index.php加入一段php碼。 第七步: 網頁載入讀取資料表裏的色彩名稱。 閱讀完整內容
part1(圖片不清楚可點選後放大觀看) - 3月 04, 2023 第一步是在vscode開啟一個資料夾,資料夾名為網頁前端介面設計。 第二步是在網頁前端介面設計資料夾裡建立part1資料夾,然後在part1資料夾中建立index.html的檔案。 第三步是開始建立html的文件架構,使用驚嘆號加Tab鍵。 第四步是在body裡面新增div區域,並且新增標題 U110B128 Calender 和h1的大小。 第五步是開啟儲存後的html檔案,預設是開啟是Chrome瀏覽器,然後會發現確實有 U110B128 Calender 的標題。 第六步是在div區域裡再新增兩個div區域分別來放西元年和星期幾、幾月幾號。西元年是h2大小,星期幾、幾月幾號是h1大小。 第七步是刷新剛才開啟檔案的頁面,可以看到新增了西元年和星期幾、幾月幾號。 第八步是再次新增div區域來放按鈕,type類型為button是單純的按鈕功能,name為按鈕的名稱,按鈕上設定顯示Change Theme。 第九步是再次刷新頁面,這次可以看到多了一個按鈕,按鈕名稱為Change Theme。 閱讀完整內容
Part6 月曆表格日期資料(第九週) - 4月 30, 2023 第一步: 日曆上的日期根據月份正確的顯示出來,使用閏年的判斷式和迴圈。 程式碼: 套用程式後: 第二步: 接著將上個月的和下個月的日期正確的顯示出來,也是使用迴圈。 程式碼: 套用程式後: 閱讀完整內容
留言
張貼留言