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

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

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

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

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

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

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

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

技術 Day 02 - 行前說明 — 網頁微切版架構 和 UI 元件

作為正式開始的第一篇要來講的是很基礎的網頁切版和怎麼去看網頁中有哪些元件，會分兩部分： 網頁微切版架構：讓還不太熟網頁的人理解一般網頁 UI 的架構大概會怎麼...

技術 33歲轉職者的前端筆記-DAY 5 登入畫面切版實作

第五天的文章就來談談工作上學習到的切版畫面 首先一樣附上範例圖： 這是常見的登入會員或是加入會員的頁面 為了讓文字及區塊內容畫面一致，所以這次來學著用 tab...

技術 2020網頁切版直播班-心得

前言今年四月離了職，開始了調光freelancer和轉職計畫...這個決定已經前前後後思考了一年，畢竟要從一個熟悉的環境離開真的有滿滿的未知和恐懼。 在思考轉職...

技術 好想工作室 web camp 切版怎麼 training (三)

在前一篇，介紹了使用 code review 的方式進行互評。讓每個學員之間有充份的交流，並且在交流之後再做一次練習，讓別人的經驗與建議，再經過一次的實作，化為...

技術 好想工作室 web camp 切版怎麼 training (二)

在前一篇，介紹了使用 code review 的方式進行互評。讓每個學員之間有充份的交流，並且在交流之後再做一次練習，讓別人的經驗與建議，再經過一次的實作，化為...

技術 好想工作室 web camp 切版怎麼 training (一)

警語!!照著 Kata 練習，會遇到許多的困難。我會在這盡可能的把 Kata 講清楚，但是不保證照練就成功。 我剛進來時的切版 KATA 是這樣 我剛接觸...

技術 六角學院2020春季切版直播班-課後心得

這周來寫點不一樣的~ 因為終於上完八週的線上切版直播班啦~~!!! 來寫寫課後心得，可供日後想參加的學員參考哦:) 參加源由 如果看過我前面的文章會知道我原本是...

技術 [鼠年全馬鐵人挑戰] Week 6-網頁排版筆記: 在好的作品中看見未來

每每看別人編排的設計頁面好美，常常羨慕不已，好希望也能夠排出這樣的版面。之前非常多的時間在排版上周旋，心中沒有一把尺，容易陷在怎麼都排不好看的深淵當中。 為什...

技術 金魚都能懂的這個網頁畫面怎麼切 : 文字排版-完結

大家好～ 我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...

技術 Day5 切版任務(一)：基本框架

本文同步同步發佈於斜槓女指部落格：切版任務(一)：基本框架 採用設計：設計師Miss_Y的旅館預約服務設計稿 這次時光屋九週挑戰大部分的設計師都是採用...