三欄式的網頁排版設計是應用非常普遍的版型配置方式，優點是網頁內的區塊更多，尤其是邊欄上還可以加入許多不同的欄位，隨著CSS 的持續普及，現在的網頁設計師經常使用CSS DIV 的區塊規劃，來設計三欄式網頁排板，透過每個DIV 區塊的寬度、高度、浮動等技巧，搭配上不同的背景顏色，就可以很輕鬆的規劃出以下這三欄式 ...
本教程是向大家介绍网格在AI排版中的妙用，网格，或是说栅格系统，是做版式设计、平面设计、Web 设计的重要工具，作者通过实例向大家介绍网格的应用。教程实用性非常强 ...
2011年2月18日 - CSS 語法中的div 標籤本來是「區塊」的功能，後來dreamweaver 在編排文字時卻常常拿來當作「段落」的功能在使用，取代了原本html 中的p 標籤~ 若您只會將div 標籤用在「段落」的功能就真是太委曲它了~. div 標籤是CSS 語法用來取代table 表格很重要的工具，在標準的CSS 排版中都是用div 標籤來劃分網頁內容， ...
1、首先我们打开Adobe Illustrator时会弹出一个选择框，我们选择打印文档. 2、之后因为我们是要进行文字的排版，所以我们将画板数量更改为2，接着点确定就行了. 3、之后在进入主界面是就会出现两个并排的面板了，我们先选择矩形工具，编辑出一个小矩形出来. 4、接着我们点击文字工具选择里面的区域文字工具，直接在刚才的矩形 ...
2017年2月13日 - DirtyMarkup 是一個程式碼排版小工具，支援HTML、JavaScript 與CSS 這些網頁程式碼。 在開發網頁時，通常會參考別人的網頁程式碼，看看別人的網頁是怎麼寫的，而現在的網頁由於效能的考量，都會使用各種壓縮工具（例如YUI Compressor），查看這種網頁時，如果沒有使用一些排版工具的話，看起來真的很吃力。
Photoshop 的去背方法百百種，從簡單的魔術棒工具、快速選取工具、還有路徑工具、色版 Alpha Channel …等，針對不同的照片狀況就需要選用適當的方法來去背，其中，最基本的，用來鍛練身體的工具就是套索工具...
專業的網頁設計是既複雜又耗時的。它需要 HTML 和 CSS 框架的完美結合。這些框架不僅可以為設計方案增加特定的功能，還可以大大地節省時間和精力。 高效的框架不僅是網站設計的基礎，它提供的各種豐富多[...]
全局 CSS 样式 设置全局 CSS 样式；基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。 概览 深入了解 Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的最佳实践。
表单密码强度可视化设计 四月 21, 2018 分类: HTML & CSS. 评论 在填写表单密码时，有的会会显示「弱、中、强」的文案来表示你填写的密码强度，这是一种不错的用户体验方式，然而今天我们分享一个更有趣的体验，就是用「可视化」来表达。
2016年1月29日 - 寒假接了個切版的case。由於以前 ... 經過這次經驗後，就隨手記一下這次切版的步驟和小技巧好了。 ... html, body, div, span, applet, object, iframe, .... 然後以下這三者的用法有一點不太一樣，有興趣可以查查看，網路上蠻多教學的。
