iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

網頁學習日誌 系列

以前只會用DW設計簡單頁面..近幾年手機和電子商務的蓬勃發展..讓網頁的技術也跟著大躍進!!
於是響應式網頁、jquery、API應用等相關技術成為學習網頁的必修課程,所以整理起來分享和日後復習用。

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

RWD : LOGO 與選單的排版

首先先設定桌面板的logo和選單並排排版,之後在再新增響應式網頁斷點,讓使用者可在其他裝置觀看。 另外要注意網頁head裡面的mata一定要有Viewport這...

2017-12-04 ‧ 由 yuski 分享
DAY 2

CSS : position 絕對定位與相對定位

上面商品圖片的hot可以跟圖片重疊,這是float絕對做不到的事情,需要透過絕對定位來處理 原理: 在外層新增div (Product_block_hot)...

2017-12-05 ‧ 由 yuski 分享
DAY 3

CSS : display屬性-區塊和行內元素差異

diplay區塊和行內屬性表格分析: block(區塊元素) inline(行內元素) inline-block 差異 將整行容器空間占滿,所以...

2017-12-06 ‧ 由 yuski 分享
DAY 4

CSS : 網頁排版要注意的Box Model(盒模型)

「開發人員工具」檢測網頁是網頁排版的重要流程,工具右方裡面有個Box Model,主要是看排版範圍數據,如下圖: 上面的粉紅色區塊,裡面設定寬高都是300p...

2017-12-07 ‧ 由 yuski 分享
DAY 5

Git : 基礎操作-新增檔案和資料夾

以前不懂git時候,只會把靜態網頁放在google硬碟並開放共用給外界瀏覽,後來學到git並上傳到github才知道除了放網頁,另外有編輯紀錄(commits)...

2017-12-08 ‧ 由 yuski 分享
DAY 6

Git : Git config和本地數據庫

基本操作上手後,然後就開始在Git Bash指定使用者,他目的是確認是誰上傳該版本到資料庫,方便專案維護。 git config --global user.e...

2017-12-09 ‧ 由 yuski 分享
DAY 7

Git : Github簡介和註冊

在本地電腦資料完成後,可上傳在Github 方便管理網站更新紀錄,也可以觀看別人的程式碼, 所以是屬於對外開放,如果要放重要的程式,也可付費購買不公開的資料庫。...

2017-12-10 ‧ 由 yuski 分享
DAY 8

Git : 上傳資料到Github

上傳到遠端資料庫 因為之前所做的都是在本地端資料庫,要上傳到Github連線遠端的話,必須要下載遠端資料庫的git檔案, 會使用 複製遠端資料庫 的語法 //複...

2017-12-11 ‧ 由 yuski 分享
DAY 9

RWD : @media斷點

斷點簡介: 近十年因為手機平板的普及,瀏覽網頁不再是電腦專有,所以才會有響應式網頁。 因為行動載具的螢幕尺寸都不同,因此設計響應式網頁時,要統計分析(如goog...

2017-12-12 ‧ 由 yuski 分享
DAY 10

RWD : 網頁版面轉RWD設定

RWD網頁有幾個重點要注意: 1. 網頁不要有X軸(下圖圈選處) 解決方法:用max-width自適應寬度 css .container{ max-...

2017-12-13 ‧ 由 yuski 分享