技術 幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到，甚至會有很多類似的迷因。 你是不是在想我怎麼不插個謎因，...

技術 Day 11 - 切版基礎打底(一) : HTML標籤/CSS基礎

Day 11 - 切版基礎打底(一) : HTML標籤/CSS基礎 每日一談 嗨，大家好 ! 我是阿蘇今天是Day 11，不知不覺終於突破 Day10 啦 !...

阿蘇蘇 ‧ 2022-09-26 ‧團隊死線衝鋒 Deadline Squad

技術 HTML筆記(02)-HTML、CSS、Javascript?

HTML:負責網頁的內容及架構CSS:網頁呈現的外觀Javascript:與使用者互動、程式語言以雲科大官網為例:下方為三者皆有開啟(HTML.CSS.Java...

技術 Day 14：JS ES6 學習筆記

組件實作 : Demo 一、前言 關於 JavaScript 的故事其實是這樣的：「JavaScript 誕生於 1995 年的景網通訊（Netscape...

東尼先生 ‧ 2022-09-28

技術 Day40 網頁前端-持續練習(終極試煉)

Day40 終極試煉 簡單小語 終極試煉拖了好久啊啊啊，工作忙，家裡忙，又有連假，一切都是藉口，小魯是不會多說的，寫這篇心得當下可是在花蓮民宿裡苦苦地寫，為的...

TerryYu ‧ 2020-10-10

技術 ReactJS 疑難排解：為什麼按下取消，form 卻 submit 了

先來看一段簡單的 code <form onSubmit={handleSubmit}> ... <button onClick={h...

maxam ‧ 2020-09-18

技術 Day 29 SCSS ＆最後一個網頁製作挑戰！(上)

前言 希望在挑戰結束前還能做至少一個挑戰 在開始這個挑戰前因為有使用到一個SCSS，是屬於一種CSS預處理器的部分 先簡單解釋一下再來開始挑戰摟～ SCSS可...

candy82202 ‧ 2022-10-14

技術 Day5 網頁前端-刻意練習(綜合練習#1)

Day5 金魚 綜合練習#1 簡單小語 這次的練習發現許多細節在初學時沒有注意好，例如空間的配置以及padding及margin的應用，如何讓版面排起來增加可...

TerryYu ‧ 2020-09-05

技術 Day29 - Float

Float float：用來將區塊並排時可以使用，當設定浮動時，其父層會抓不到子層的高度 left：靠左浮動 right：靠右浮動 none：不浮動...

hokou ‧ 2020-10-14

技術 [Day20] Python專案 - 爬蟲程式 - (2) 擷取你的需求資料(瀏覽器或裝置的意義)

目標 今天會帶大家使用 request json Beautiful Soup 嘗試擷取簡單的網頁資料 麻煩大家先透過pip install...

科技狗(柯基狗) ‧ 2024-10-05

技術 Day.3 「建構網頁的基石！」 —— 使用網頁標籤

我們前面已經稍微認識了網頁的架構了，就像樂高一塊一塊堆疊起來，前一篇已經介紹的就不多贅述了。 雖然會最基礎的<div>和<span>標...

Mao ‧ 2021-09-12 ‧團隊請付費解鎖團隊名稱

技術 第二隻狗勾-秋田

技術 Day 5 Side Project : Blurry Loading 模糊加載

今天要來做的是圖片模糊加載，圖片一開始是很模糊的，隨著加載率從0%~100%的過程中，會越來越清楚，最後進入焦點，而加載文字的部分則會慢慢淡出 事前準備 1....

hannnahTW ‧ 2022-09-11

技術 [IoT自製玩具][Ameba Z2][Note 7] 想做個好看一點的網頁，但不是在講如何寫網頁喔...(1)

在之前的Note 4，已經學會了如何使用SDK的"內嵌式"陽春網頁，如下。檔案：component/common/example/httpd...

技術 Day 03：提高 2 倍工作效率的方法

一、 前言 有時候覺得自己明明很努力做事，可是總是覺得好像事情一直都無法在規劃的時間內完成。發現自己在訂定目標時，除了會加入一堆多餘的步驟，以及使用了錯誤的方...

東尼先生 ‧ 2022-09-17

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 2

系統開發 在過程中就一定會進入到這個環節，需要提交開發計劃，詳細內容就不贅述，不過好在網頁排版以及系統需求的部分，可以參考當前舊的系統，因此省下了許多事項，不過...

技術 第 3 幅 － 藝起寫 Code，復刻蒙德里安抽象畫

昨天練習了許許多多的幾何圖形，今天來休息一下，順便沾沾藝術氣息吧！不知道大家知不知道蒙德里安？他是 19 世紀的荷蘭畫家，他將抽象派推至極限，僅通過構圖和色彩等...

珊迪 ‧ 2022-09-18 ‧團隊斜槓排排隊

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

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

Eric ‧ 2022-09-10

技術 [Day 21] Slider with Radio Button: 三點換頁

在我們瀏覽網站時，可能會看到購物網站、風景網站等等使用slider來切換圖片，最常見的應該就是三個小點~今天我們就來實作Day #19 Slider with...

steventhibe ‧ 2022-09-28

技術 ( Day 17.1 ) HTML 標示時間日期 <time>

&lt;time&gt; 標示時間日期元素在標籤語意上表示「時間日期」，如果搜尋引擎如果要抓取時間日期，就會優先從這個標籤著手讀取，這篇教學會介紹 &lt;ti...

oxxo ‧ 2023-09-17

技術 Day 14: HTML 的基礎概念

學習原因： 快要開始進入自動化測試的環節了，但在此之前需要對網頁有一定的理解，才比較好開始學 Web UI 的 Automation Test，所以先來了解什麼...

yingngai ‧ 2023-09-19

技術 ( Day 20.3 ) HTML 行文字輸入 <textarea>

&lt;textarea&gt; 是 HTML 表單裡的可以讓使用者輸入多行文字的元素，這個元素常出現在許多的留言板或文字編輯器裡，這篇文章將會介紹 &lt;t...

oxxo ‧ 2023-09-20

技術 Day 21 Side Project : Password Generator 密碼生成器(下)

接續Day 20，繼續來講解沒完成的JS部分 專案回顧 畫面和功能拆解 畫面中的密碼生成器裡內有標題 &gt; 結果顯示欄 +複製按鈕 &gt; 需求設定...

hannnahTW ‧ 2022-09-27

技術 [Day 16] Upload: 以假亂真的上傳

我們常常在交作業、交報告、分享檔案的時候需要上傳的步驟，那你有想過做一個好看的上傳動畫嗎?今天我們就來實作Day #15，不會實際上傳檔案的好看動畫 Uploa...

steventhibe ‧ 2022-09-23

技術 Day23 - HTML 與 CSS (7) - Form 表單

Form 表單 &lt;input&gt;：說明 type 的單選與多選 radio：單選 同一群要定義 name，value 回傳值 描述可用 la...

hokou ‧ 2020-10-08

技術 Day17 網頁前端-刻意練習(履歷表#2)

Day17 AC 履歷表#2 簡單小語 發現一個樣板的履歷網站再次練習履歷切版，加深觀念，每一次的切版，每一次的練習，都是成就更好的自己，雖然是簡單樣板，相信...

TerryYu ‧ 2020-09-17

技術 C# 跨Html頁面保留查詢條件 ASP.NET.MVC

如題，想尋找 不是使用 session cookie TempData 這三種方式去做儲存數值的方式 範例:在 第一個頁面上 輸入 or 選擇條件後 查詢 --...

技術 小白網頁設計練成記-DAY4-淺談區塊元素<div> & <span>

HTML標記語言裡，能讓CSS和javaScript整合運作的關鍵，就是運用好HTML的屬性(HTML Attribute)，但是在使用屬性之前，我們要整理出需...

Eric ‧ 2022-09-04

技術 Day03-網頁基本架構(上)

網路上有著各式各樣的網站，看似五花八門，但其實基本的頁面都是由 HTML 與 CSS 所構成，再加入程式語言來增加與使用者間的互動。這一篇，我要先來介紹一下 H...

Sherry ‧ 2019-09-19 ‧團隊紅蟳當兵等他開賽

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...

a0265392_lin ‧ 2021-09-14