iT邦幫忙

網頁教學相關文章
共有 239 則文章
鐵人賽 影片教學 DAY 20

技術 一起來實作響應式網頁設計:初探Array Day20

影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...

技術 輕鬆學GIT上傳你的檔案到Github教學

還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集 步驟1 - 申請Github帳...

技術 從零到一:網站架設和網頁設計流程的初學者指南

你想學習網站架設嗎?你想瞭解如何做好網頁設計嗎?網站流程是什麼?網站需要哪些費用?在這篇文章中將會完整為你說明 如果想更完整瞭解關於網頁設計的相關教學,請參考下...

技術 【前端動手玩創意】太屌了吧!?用Class(類)製作Jquery的效果!(11)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 【前端動手玩創意】哇操!你敢信?花式寫todo-list,body裡面一行都沒有也能搞?(9)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 【前端動手玩創意】前端canvas截圖的招式!竟然有三招,可存成SVG或PNG (7)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 【前端動手玩創意】遮蔽廣告(D卡未登入)腳本、自定義新增名單(6)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 【前端動手玩創意】一句CSS做出好看的hero section!(4)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難度頗高,想挑戰再進來!)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 CSS筆記-絕對位置的置中方法(position:absolute)

筆記觀念 絕對位置 認識絕對位置的都知道,可以用它來讓東西亂飄在頁面的任何位置 只要使用top left right bottom 去設定就好 所以我們可以利用...

技術 JS筆記-關掉alert的簡單小技巧

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

鐵人賽 Modern Web DAY 29
Django 初心者之旅 系列 第 29

技術 【Day 29】Django 網頁美化篇 - Ctrl+C/V 的魔法

今天是鐵人賽的倒數第二篇,在這篇文章內,我們會透過前端框架Bootstrap來幫忙進行網頁美化的工作。Bootstrap是一個結合HTML、CSS、JavaSc...

鐵人賽 Modern Web DAY 26
訂單網頁嘗試集 系列 第 26

技術 {Day26} 小公主訂單網頁嘗試集_第二十六集_實作伍天

喔某!竟然邁入網頁30天的最後階段!剩下五天!!!歡呼吧!各位!!雖然剛經過今年最後一個連假,不過還有四天又有週末囉!!! 今日新功能:增加在頁尾回到頂端的按鈕...

鐵人賽 Modern Web DAY 25
訂單網頁嘗試集 系列 第 25

技術 {Day25} 小公主訂單網頁嘗試集_第二十五集_實作肆天

國慶日快樂!!!連假最後一天,似乎是難過的陰天剩下五天鐵人賽,其實也挺難過的 今天想製作跑馬燈的功能,還有擴增海底世界~ 目標...是這樣拉 新增跑馬燈html...

鐵人賽 Modern Web DAY 24
訂單網頁嘗試集 系列 第 24

技術 {Day24} 小公主訂單網頁嘗試集_第二十四集_實作參天

連假第二天,我們來點產品規格,讓消費者能更了解他們預購買的商品,那就加入一些表格吧! html: <!DOCTYPE html> <html...

鐵人賽 Modern Web DAY 28
Django 初心者之旅 系列 第 28

技術 【Day 28】Django QuerySet 補充篇(2) - Filter & Order By

距離鐵人賽完賽越來越近,今天是所有Django補充系列的完結篇。昨天我們複習取得資料表資料的方法,並且學會如何取得特定欄或列的資料,在這篇文章中,我們將學會如何...

鐵人賽 Modern Web DAY 27
Django 初心者之旅 系列 第 27

技術 【Day 27】Django QuerySet 補充篇(1) - Introduction & Get Data

接下來會用2篇文章,好好的補充QuerySet的內容,有些內容前面或多或少都有提到過,這邊就當作再一次的複習吧! 身為初心者,反覆地刷怪練功是件很正常的事。 當...

鐵人賽 Modern Web DAY 26
Django 初心者之旅 系列 第 26

技術 【Day 26】 Django 客製化 404 頁面

今天要來介紹如何客製化404頁面,會進到404的頁面是因為嘗試訪問不存在的頁面(輸入錯誤的網址)。目前我們在啟動Server後,如果在瀏覽器輸入錯誤的網址,去嘗...

鐵人賽 Modern Web DAY 25
Django 初心者之旅 系列 第 25

技術 【Day 25】Django Template Tags 補充篇(6) - Filter

今天是最後一篇Template Tags的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞到同一...

鐵人賽 Modern Web DAY 24
Django 初心者之旅 系列 第 24

技術 【Day 24】 Django Template Tags 補充篇(5) - Include

接下來的幾天都會是對Template Tags的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞...

鐵人賽 Modern Web DAY 23
Django 初心者之旅 系列 第 23

技術 【Day 23】Django Template Tags 補充篇(4) - Extends

接下來的幾天都會是對Template Tags的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞...

鐵人賽 Modern Web DAY 23
訂單網頁嘗試集 系列 第 23

技術 {Day23} 小公主訂單網頁嘗試集_第二十三集_實作次天

第一天連假!希望大家玩得愉快!! 小公主昨天大致上放了圖跟字,今天就建立個目錄標題!也好好把昨天的圖文稍微編輯的好看一些! 新功能建立:目錄頁(含滑鼠碰到的動畫...

鐵人賽 Modern Web DAY 22
Django 初心者之旅 系列 第 22

技術 【Day 22】Django Template Tags 補充篇(3) – Cycle & Comment

接下來的幾天都會是對Template Tags的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞...

鐵人賽 Modern Web DAY 22
訂單網頁嘗試集 系列 第 22

技術 {Day22} 小公主訂單網頁嘗試集_第二十二集_實作初天

恭喜大家開了雙十連假的前端,也邁入第四週了,484特累特想睡呢~沒事的我們終於要開始結合之前用過的功能了!算是複習! 首先訂購的話,要有商品圖,並讓消費者可以選...

鐵人賽 Modern Web DAY 21
訂單網頁嘗試集 系列 第 21

技術 {Day21} 小公主訂單網頁嘗試集_第二十一集_form

第三週最後一天,想讓你們學個實用ㄉ東西! 表單功能!! 其實表單要建立完整的話,要有前端的設計跟表格規劃,後面也要連動到後端才是完好的表單設計!but萬物都有但...

鐵人賽 Modern Web DAY 20
訂單網頁嘗試集 系列 第 20

技術 {Day20} 小公主訂單網頁嘗試集_第二十集_資源介紹

今天是小公主生日!小公主想罷工!!沒就是我的vscode也突然打不開檔案,加上生日當天,只剩現在可以寫了~ 所以就...(罷工...喂~~)而且雖然進行到2/3...

鐵人賽 Modern Web DAY 19
訂單網頁嘗試集 系列 第 19

技術 {Day19} 小公主訂單網頁嘗試集_第十九集_javascript下拉式選單

今天是豔陽高照的星期二,我們前面都著重在各功能的講解與實作,好像都忘記訂單ㄌ....?所以開始介紹些訂單會使用的功能之一吧 下拉式選單 下拉式選單為選取數量的優...

鐵人賽 Modern Web DAY 21
Django 初心者之旅 系列 第 21

技術 【Day 21】Django Template Tags 補充篇(2) – For Loop

接下來的幾天都會是對Template Tags的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞...

鐵人賽 Modern Web DAY 20
Django 初心者之旅 系列 第 20

技術 【Day 20】Django Template Tags 補充篇(1) – If & Logical Operators

接下來的幾天都會是對Template Tags的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞...

鐵人賽 Modern Web DAY 19
Django 初心者之旅 系列 第 19

技術 【Day 19】網頁更新資料庫資料表紀錄 (下)

接續昨天的內容,今天要來實作送出表單(Submit)去更新資料表資料的功能,不過在此之前,先讓我們回顧一下昨天表單的原始碼。 <h1>Update...