iT邦幫忙

新手上路相關文章
共有 211 則文章
鐵人賽 Modern Web DAY 6

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

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

鐵人賽 自我挑戰組 DAY 20
小白網頁設計練成記 系列 第 20

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

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

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Mobile Development DAY 8

技術 Day08 - Bottom Navigation 底部導航欄

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

鐵人賽 自我挑戰組 DAY 19
小白網頁設計練成記 系列 第 19

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

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 自我挑戰組 DAY 18
小白網頁設計練成記 系列 第 18

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

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

鐵人賽 Mobile Development DAY 7

技術 Day07 - TabLayout+ViewPager2

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

鐵人賽 Modern Web DAY 3

技術 [DAY3]網頁切版入門及版面實作_CSS介紹

CSS引入方式 有以下四種方式可以在HTML中引入 CSS。 1.內聯方式 內聯方式指的是直接在HTML標籤中的style屬性中添加CSS。 <div s...

鐵人賽 自我挑戰組 DAY 17
小白網頁設計練成記 系列 第 17

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

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

鐵人賽 Modern Web DAY 2

技術 [DAY2]網頁切版入門及版面實作_html介紹

基本概念 基本的網頁是由 HTML、CSS 與 JavaScript 所組成 HTML 負責建構網頁的內容及基本架構 CSS 專門負責美化網頁的任務 Java...

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 自我挑戰組 DAY 16
小白網頁設計練成記 系列 第 16

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

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

鐵人賽 Modern Web DAY 1

技術 [DAY1]網頁切版入門及版面實作_前言

前言 哈囉~我是一位平面設計師,相信現在很多平面設計師常常被要求需要會一堆技能,起初只要會adobe illustrator、photoshop,現在還希望你會...

鐵人賽 自我挑戰組 DAY 15
小白網頁設計練成記 系列 第 15

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

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

鐵人賽 Mobile Development DAY 4

技術 Day04 - ViewBinding

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

鐵人賽 自我挑戰組 DAY 14
小白網頁設計練成記 系列 第 14

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

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

鐵人賽 Mobile Development DAY 3

技術 Day03 - Intent 使用之筆記

Intent又稱意圖,它是一個將要執行的動作抽象描述,由Intent來協助完成各組間之間的通訊。 常見的應用場景有: 啟動Activity 啟動Service...

鐵人賽 自我挑戰組 DAY 13
小白網頁設計練成記 系列 第 13

技術 小白網頁設計練成記-DAY13-淺談HTML結構標籤

在所有的HTML中只有< span >< div >沒有語意,它們主要的功用就是包裹其他元素,進行排版或是介面的修飾 div屬於區塊元素...

鐵人賽 Mobile Development DAY 2

技術 Day02 - Activity 生命週期

簡介 Activity是應用程序的可視介面組件, 其畫面從創建到銷毀又可以分為7個執行階段, 和生命的誕生到死往之間有著不同階段的概念一樣, 每個階段有著各...

鐵人賽 自我挑戰組 DAY 12
小白網頁設計練成記 系列 第 12

技術 小白網頁設計練成記-DAY12-淺談HTML表格

在HTML裡,表格由 < table > 標籤来作為容器,裡面由< tr >或是< td >來組成。數據可以包含文本、圖片、...

鐵人賽 Mobile Development DAY 1

技術 Day01 - 前言

這是我第一次參加iThome鐵人賽, 接觸Android開發的時間還不到5個月, 而學習Android開發這段期間還因個人繁雜的事務要處理, 導致學習Andro...

鐵人賽 自我挑戰組 DAY 11
小白網頁設計練成記 系列 第 11

技術 小白網頁設計練成記-DAY11-淺談form表單2

延續前章節,我們繼續討論< form >表單的子標籤 < textarea >多行輸入 跟 < input > 標籤不同的是...

鐵人賽 自我挑戰組 DAY 10
小白網頁設計練成記 系列 第 10

技術 小白網頁設計練成記-DAY10-淺談HTML-<input>

HTML 表單 (form) 是用來讓使用者輸入資料,這些資料可以用來和使用者互動,例如表單內容填完後可以傳回遠端伺服器 (web server),像常見的連絡...

鐵人賽 自我挑戰組 DAY 9
小白網頁設計練成記 系列 第 9

技術 小白網頁設計練成記-DAY9-時間<time>與縮寫<abbr>的用法

今天我們來聊聊這兩個標籤的使用場景 時間&lt; time &gt;在段落裡面,如果有與日期相關的語意,就可以用&lt; time &gt; 來表達,我們會使用...

鐵人賽 自我挑戰組 DAY 8
小白網頁設計練成記 系列 第 8

技術 小白網頁設計練成記-DAY8-淺談META TAG

HTML裡極為重要的一個標籤 META TAG 不可忽視! 但它不是人看的。 META 標籤是一個專門提供給搜尋引擎透過crawlers-spiders爬行蜘蛛...

鐵人賽 自我挑戰組 DAY 7
小白網頁設計練成記 系列 第 7

技術 小白網頁設計練成記-DAY7-表格怎麼設置?

我們在HTML的表格都是由 &lt; table &gt; 標籤來定義。每個表格都有若干行(由 &lt; tr &gt; 標籤定義),然後每行被分割為若干單元格...

鐵人賽 自我挑戰組 DAY 6
小白網頁設計練成記 系列 第 6

技術 小白網頁設計練成記-DAY6-延續前話HTML5 中的 b / strong,i / em 有什么区别?

上次我們有提到 &lt; b &gt; 和 &lt; strong &gt; 同樣都有將字體加粗的效果,同樣&lt; i &gt; 和 &lt; em &gt;...

鐵人賽 自我挑戰組 DAY 5
小白網頁設計練成記 系列 第 5

技術 小白網頁設計練成記-DAY5-淺談HTML文本格式化

HTML使用標籤&quot;bold&quot;&lt; b &gt;跟&quot;italic&quot;&lt; i &gt;對輸出的文本進行格式,如下列的...