iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 990 瀏覽

鐵人賽 Mobile Development DAY 11

Android 開發 30天初學之路筆記系列第 11 篇

技術 Day11 - Android Navigation component

簡介 Navigation優點：可視化的頁面導航圖，便於我們快速了解頁面間的關係。通過destination和action完成頁面間的導航方便添加頁...

ian_liu ‧ 2022-09-22 ‧團隊nutc imac 老扛寶

0 Like 0 留言 863 瀏覽

鐵人賽自我挑戰組 DAY 21

小白網頁設計練成記系列第 21 篇

技術小白網頁設計練成記-DAY21-偽元素(pesudo element)

是一個不存在於頁面上的元素。透過CSS內建的元素，以兩個冒號做開頭，主要是用調整頁面上特別部分樣式。以下列出常用:::first-line 元素的第一行:...

Eric ‧ 2022-09-21

0 Like 0 留言 1548 瀏覽

鐵人賽 Mobile Development DAY 10

Android 開發 30天初學之路筆記系列第 10 篇

技術 Day10 - Android Navigation drawer 側拉導航欄

效果圖步驟：創建menu 創建navigation 依照menu創建對應的Fragment 創建DrawerLayout和NavigationView...

ian_liu ‧ 2022-09-21 ‧團隊nutc imac 老扛寶

0 Like 0 留言 636 瀏覽

鐵人賽自我挑戰組 DAY 20

小白網頁設計練成記系列第 20 篇

技術小白網頁設計練成記-DAY20-選取器class/id

今天我們來介紹 class及id的寫法，class在網頁上做介面的時候幾乎是必用的，class可以想成樣式的名稱，可以套用到多個元素上，而id在同樣名稱的情況下...

Eric ‧ 2022-09-20

0 Like 0 留言 5239 瀏覽

鐵人賽 Mobile Development DAY 9

Android 開發 30天初學之路筆記系列第 9 篇

技術 Day09 - 新版 Logcat v2 | Android Studio Dolphin

新版的Logcat v2, 需要將IDE Android Studio升級為Dolphin(海豚版)及以上才可使用。Android Studio Dolphin...

ian_liu ‧ 2022-09-20 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1284 瀏覽

鐵人賽 Mobile Development DAY 8

Android 開發 30天初學之路筆記系列第 8 篇

技術 Day08 - Bottom Navigation 底部導航欄

簡單使用演示圖步驟：創建menu文件根據menu創建對應的Fragment 在主佈局創建Bottom Navigation和Fragment...

ian_liu ‧ 2022-09-19 ‧團隊nutc imac 老扛寶

0 Like 0 留言 490 瀏覽

鐵人賽自我挑戰組 DAY 19

小白網頁設計練成記系列第 19 篇

技術小白網頁設計練成記-DAY19-選取器-符號

今天我們來認識六個符號，可以讓你的選取器有更多變化，以下是，/空格/ + / * / ~的說明: 逗號想成[或]的意思換言之是可以有多個元素選取器一起編輯，...

Eric ‧ 2022-09-19

0 Like 0 留言 1998 瀏覽

鐵人賽 Mobile Development DAY 7

Android 開發 30天初學之路筆記系列第 7 篇

技術 Day07 - TabLayout+ViewPager2

TabLayout+ViewPager2是最常被用來實現帶有標籤的滑動視圖的其中一種方法之一。常用的屬性設置 xml屬性參數意思 app:t...

ian_liu ‧ 2022-09-18 ‧團隊nutc imac 老扛寶

0 Like 0 留言 700 瀏覽

鐵人賽自我挑戰組 DAY 18

小白網頁設計練成記系列第 18 篇

技術小白網頁設計練成記-DAY18-CSS選取器-屬性/值

我們先來看一張圖，了解一下css的基本寫法: 在大括號左邊的selector是指在頁面上，找到符合選取器的元素，這邊是h1標籤，找到後就套用大括號裡所寫的cs...

Eric ‧ 2022-09-18

0 Like 0 留言 791 瀏覽

鐵人賽自我挑戰組 DAY 17

小白網頁設計練成記系列第 17 篇

技術小白網頁設計練成記-DAY17-CSS的優先權

在寫CSS的時候，我們有不同的撰寫方式比如行內套用以及嵌入套用(更多套用的說明請看這:https://ithelp.ithome.com.tw/articles...

Eric ‧ 2022-09-17

0 Like 0 留言 1297 瀏覽

鐵人賽自我挑戰組 DAY 16

小白網頁設計練成記系列第 16 篇

技術小白網頁設計練成記-DAY16-CSS的套用方式

我們可以用以下四種方式，將 CSS 套用入 HTML 文件中：行內套用 (Inline) 嵌入套用 (Embed) 外部連接套用 (External Lin...

Eric ‧ 2022-09-16

0 Like 0 留言 1142 瀏覽

鐵人賽自我挑戰組 DAY 15

小白網頁設計練成記系列第 15 篇

技術小白網頁設計練成記-DAY15-淺談HTML-get和post

GET和POST，在我們日常WEB開發中，是最常用的資料傳輸方式。在HTML FROM表單中，可以通過設定method指定提交方式為GET或者POST方式，預...

Eric ‧ 2022-09-15

0 Like 0 留言 2189 瀏覽

鐵人賽 Mobile Development DAY 5

Android 開發 30天初學之路筆記系列第 5 篇

技術 Day05 - Android設置點擊事件的5種寫法

下圖頁面有3個按鈕, 本篇文章會示範使用5種不同的方法來添加按鈕點擊事件。方法1、使用Java 8的方法引用(Method Reference):: @Ov...

ian_liu ‧ 2022-09-16 ‧團隊nutc imac 老扛寶

0 Like 0 留言 856 瀏覽

鐵人賽 Modern Web DAY 18

網頁切版入門及版面實作系列第 18 篇

技術 [DAY18]網頁切版入門及版面實作_ 卡片版面3

卡片版面3 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.在container設定display: flex讓資料橫...

ruhui0726 ‧ 2022-10-03 ‧團隊蝦兵蟹將

0 Like 0 留言 1187 瀏覽

鐵人賽 Modern Web DAY 17

網頁切版入門及版面實作系列第 17 篇

技術 [DAY17]網頁切版入門及版面實作_ 卡片版面2

卡片版面2 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

ruhui0726 ‧ 2022-10-02 ‧團隊蝦兵蟹將

0 Like 0 留言 1131 瀏覽

鐵人賽 Modern Web DAY 16

網頁切版入門及版面實作系列第 16 篇

技術 [DAY16]網頁切版入門及版面實作_ 卡片版面1

卡片版面1 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

ruhui0726 ‧ 2022-10-01 ‧團隊蝦兵蟹將

0 Like 0 留言 1172 瀏覽

鐵人賽 Modern Web DAY 15

網頁切版入門及版面實作系列第 15 篇

技術 [DAY15]網頁切版入門及版面實作_ Font Awesome

如何使用 Font Awesome 在網頁設計的同時，可以看到需要使用大量的icon，當我們網站要放入一些比較複雜的icon設計圖示，但沒有設計師幫我們產出時，...

ruhui0726 ‧ 2022-09-30 ‧團隊蝦兵蟹將

0 Like 0 留言 1732 瀏覽

鐵人賽 Mobile Development DAY 4

Android 開發 30天初學之路筆記系列第 4 篇

技術 Day04 - ViewBinding

簡介使用ViewBinding能夠大幅減少獲取View(視圖元件)的程式碼量。其原因是你再獲取元件時不必宣告一堆變量儲存控件和不必再寫一堆findView...

ian_liu ‧ 2022-09-15 ‧團隊nutc imac 老扛寶

0 Like 0 留言 2931 瀏覽

鐵人賽自我挑戰組 DAY 14

小白網頁設計練成記系列第 14 篇

技術小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

金天我們聊聊check box這個input裡的屬性，當我們有多選的項目，如興趣/地區/清單等等，都可以用checkbox來實現。表單核取方塊 checkbo...

Eric ‧ 2022-09-14

1 Like 1 留言 1663 瀏覽

鐵人賽 Modern Web DAY 14

網頁切版入門及版面實作系列第 14 篇

技術 [DAY14]網頁切版入門及版面實作_ 合體

合體版面今天要將DAY6~DAY13所練習的所有版面合體起來，變成一個完整的頁面結束完這個完整個範例後，接下來的這幾天，每天會提供一個比較常見的範例一起練習...

ruhui0726 ‧ 2022-09-29 ‧團隊蝦兵蟹將

0 Like 1 留言 2256 瀏覽

鐵人賽 Modern Web DAY 13

網頁切版入門及版面實作系列第 13 篇

技術 [DAY13]網頁切版入門及版面實作_ 導覽列

導覽列在這個範例中要練習導覽列區塊的切版整理幾個重點:1.將section_kv設為滿版，添加屬性position: fixed (固定定位)，將導覽列的區...

ruhui0726 ‧ 2022-09-28 ‧團隊蝦兵蟹將

0 Like 0 留言 1150 瀏覽

鐵人賽 Modern Web DAY 12

網頁切版入門及版面實作系列第 12 篇

技術 [DAY12]網頁切版入門及版面實作_ 頁尾

頁尾在這個範例中要練習頁尾部分的切版整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#FFEBF22.添加一個containe...

ruhui0726 ‧ 2022-09-27 ‧團隊蝦兵蟹將

1 Like 1 留言 3864 瀏覽

鐵人賽 Modern Web DAY 11

網頁切版入門及版面實作系列第 11 篇

技術 [DAY11]網頁切版入門及版面實作_浮動視窗

浮動視窗在這個範例中要練習固定的浮動視窗，類似我們常看到的側邊廣告，位置不會隨著視窗滑動而改變 1.position: fixed 使用屬性position:...

ruhui0726 ‧ 2022-09-26 ‧團隊蝦兵蟹將

0 Like 0 留言 1254 瀏覽

鐵人賽 Modern Web DAY 10

網頁切版入門及版面實作系列第 10 篇

技術 [DAY10]網頁切版入門及版面實作_區塊卡片2

區塊卡片2 在這個範例中要練習多個卡片的排列以及游標移至卡片後的效果整理幾個小重點如下方： 1.將section_card設為滿版2.添加一個containe...

ruhui0726 ‧ 2022-09-25 ‧團隊蝦兵蟹將

0 Like 1 留言 1126 瀏覽

鐵人賽 Modern Web DAY 9

網頁切版入門及版面實作系列第 9 篇

技術 [DAY9]網頁切版入門及版面實作_區塊卡片1

區塊卡片今天要練習第四區塊卡片的切版整理幾個小重點如下方： 1.將section_part2設為滿版2.添加一個container，做為固定欄寬1200px...

ruhui0726 ‧ 2022-09-24 ‧團隊蝦兵蟹將

0 Like 1 留言 1216 瀏覽

鐵人賽 Modern Web DAY 8

網頁切版入門及版面實作系列第 8 篇

技術 [DAY8]網頁切版入門及版面實作_ 圖文版面2

圖文版面2 今天要練習第二塊跟第三塊圖文版面的部分整理幾個小重點如下方： 1.將section_melon以及section_gym設為滿版2.兩個部分都添加...

ruhui0726 ‧ 2022-09-23 ‧團隊蝦兵蟹將

0 Like 0 留言 1179 瀏覽

鐵人賽 Modern Web DAY 7

網頁切版入門及版面實作系列第 7 篇

技術 [DAY7]網頁切版入門及版面實作_按鈕效果

按鈕效果(before、after) 在網頁中，可以看到常常游標移動到按鈕的時候，通常都會有變化，讓使用者知道游標有確實的接觸到，今天就要來練習這個效果整...

ruhui0726 ‧ 2022-09-22 ‧團隊蝦兵蟹將

0 Like 0 留言 1133 瀏覽

鐵人賽 Modern Web DAY 6

網頁切版入門及版面實作系列第 6 篇

技術 [DAY6]網頁切版入門及版面實作_ 圖文版面1

圖文版面1 今天要練習最上方主BANNER的切版整理幾個小重點如下方： 1.將section_kv設為滿版，添加背景色#FFEBF22.添加一個contain...

ruhui0726 ‧ 2022-09-21 ‧團隊蝦兵蟹將

0 Like 1 留言 2042 瀏覽

鐵人賽 Modern Web DAY 5

網頁切版入門及版面實作系列第 5 篇

技術 [DAY5]網頁切版入門及版面實作_範例版面介紹

範例版面在接下來的幾天主要練習下方圖片的切版，規劃了較為簡單的基礎版面，在開始執行切板之前可以先稍微規劃一下要使用的class name以及切版方式，可以協助...

ruhui0726 ‧ 2022-09-20 ‧團隊蝦兵蟹將

0 Like 1 留言 1059 瀏覽

鐵人賽 Modern Web DAY 4

網頁切版入門及版面實作系列第 4 篇

技術 [DAY4]網頁切版入門及版面實作_CSS Reset

重置CSS的CSS樣式表將網頁排版在各瀏覽器快速一致化，接下來的所有範例都需要使用主要原因是每一個瀏覽器所使用的預設樣式皆不同，去呈現我們所設計的網頁外觀，...

ruhui0726 ‧ 2022-09-19 ‧團隊蝦兵蟹將