iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

30天後能否自己做出一個簡單便利的訂便當系統(HTML、CSS、BootStrap、PHP、SQL、JavaScrip、JQuery) 系列

因為公司常用網路上很多人使用的DinBenDon系統,但往往第一次用的時候都會很不知所措,而且功能也很多,讓我看了眼花撩亂(沒有不好,個人想法),所以就想說趁能不能自己試著做出一目了然的功能且版面也不能太花俏,畢竟只是來點個午餐太過於華麗反而會失焦,這也是為了讓使用者方便點餐,也趁著這次就順便報名一下鐵人賽好了,督促自己每天要有個進度也不錯!!不然太廢了XD

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 11

鐵人賽 Day11 -- 一定要知道的 CSS (八) -- 想要設定個文字而已有那麼難嗎?

前言 此篇雖然不是非常專業,但基本文字設定應該是沒什麼問題啦 再談談設定文字之前要先知道文字有哪幾種,所以可以先分為 一、標題 <div class=&q...

2021-09-11 ‧ 由 SKYDOG 分享
DAY 12

鐵人賽 Day12 -- 一定要知道的 CSS (九) -- Position 定位 & opacity 透明度

今日目標: 做出一個在網頁上常會出現的遮屏廣告 先來介紹幾個 Position 元素 static(預設值) 位置無法使用 top、left、bottom 與...

2021-09-12 ‧ 由 SKYDOG 分享
DAY 13

鐵人賽 Day13 -- 一定要知道的JQuery (一) -- Click點擊關閉蓋板廣告

前言 昨天提到遮屏廣告的製作,那至於要怎麼讓我們點選叉叉後,將煩人的遮屏廣告關掉呢?這時就要用到我們 JQuery 當中的 Click 事件(一樣先附上程式碼...

2021-09-13 ‧ 由 SKYDOG 分享
DAY 14

鐵人賽 Day14 -- hover效果 之 網頁快給我動起來啦

前言 今天來講 hover 當我們觸碰到某個元素時,會產生不同的效果 hover基本語法 要使hover有作用必須在hover前面加上 ':' --> :...

2021-09-14 ‧ 由 SKYDOG 分享
DAY 15

鐵人賽 Day15 -- RWD響應式網頁 -- 用手機、電腦、平板的攏來啦

什麼是RWD? 響應式網頁設計(Responsive Web Design),可以讓不同的設備都可以正常瀏覽同一個網站 為甚麼要使用RWD? 你想想哦,如果今天...

2021-09-15 ‧ 由 SKYDOG 分享
DAY 16

鐵人賽 Day16 -- 前端工程師一定要會的 -- RWD響應式網頁 @media 媒體查詢

@media 基本語法 一樣是寫在style當中,和CSS一樣 @media screen and (min-width : 像素)若視窗寬度小於 X像素畫面則...

2021-09-16 ‧ 由 SKYDOG 分享
DAY 17

鐵人賽 Day17 -- 搞了這麼多天,來試著做會員登入介面吧

今日目標 : 不囉嗦,直接附上Codecss .login{0 background-color:#fff ; width: 300px;...

2021-09-17 ‧ 由 SKYDOG 分享
DAY 18

鐵人賽 Day18-- 繼續我們的登入者介面吧

前言 來為我們的登入者介面 banner 和 footer 吧!! Banner 我的Banner很簡單,一個Div搞定,因為我也不想給太多複雜的功能,所以有最...

2021-09-18 ‧ 由 SKYDOG 分享
DAY 19

鐵人賽 Day19-- 為我們的登入者介面增加登入功能(PHP & MySql) --前端連接資料庫

前言 https://ithelp.ithome.com.tw/articles/10260103根據上文把資料庫建立好之後,我們就要來試著連線我們的資料庫 檔...

2021-09-19 ‧ 由 SKYDOG 分享
DAY 20

鐵人賽 Day20-- 為我們的登入者介面增加登入功能(PHP & MySql) --完成登入功能

前言 可以先看一下這幾篇,是我之前有寫到關於PHP是如何去判斷我們的帳密是否輸入正確 https://ithelp.ithome.com.tw/article...

2021-09-20 ‧ 由 SKYDOG 分享