Web Analysis Framework and Its Formation Elements
Epistemological/Digital Aesthetics
- Formation Methodology
知識美學/數位美學之建構方法
A problem solving approach
Web Design Tips for Your Exercise 網站建站專案管理與準備
網站建站須先確立建站專案管理計畫,由於在教室建站,必須先準備儲存作品的方式。
使用專案管理頁面
建站專案管理的重要管理工具如下。
網站建站專案管理 企畫表
網站建站專案管理 分工表
網站建站專案管理 進度表
在習題網站中,已備有以上空白工具頁。
作品暫時儲存
You want to prepare a storage to save your exercises step by step and to use a large capacity storage other than a floppy disc.
During the design, always save your work to the disc.
Ensure all hidden folds and files are included before you bring them home.
Web Design Technology 網站建站設計的技術規範
An introduction to W3C.
Web Design Tools 網站建站設計的工具
An introduction to Expression Web/SharePoint Designer and FrontPage.
Web Design Five Magic Words: Process Engineering
網站建站設計的5字快訣
Before to proceed, remind the 5 processes of the formation:
網站設計的5類建構元素,與程序如下:
Web Design Elements for Coherence 網站建站設計 統一的元素
-Structure 結構
-Context 意涵
Web Design Elements for Variants 網站建站設計 變化的元素
-Blocks 圖文框
-Automations 自動化
-Multimedia 多媒體
And integrate them into:
維護網站的風格,與達成建構元素的一致化,必須將設計內涵轉化為:
-Templates 範本
網頁/網站/網群的主要構成元素有5大類,就是:結構、意義、圖文框、自動化與多媒體,其構成目標與組成物件分析如下。
Web Design Formation Components and Processes
網站建站設計的建構物件
| Components/ Process Priority |
Dealing With |
Emphasis | Operational Objects |
Structure結構 |
Space, Time -defining -unifying -differencing |
Coherence |
2 Dimensions: visual navigation + physical file structure + page size + margins + area + column + white space + colors + background. Multi-dimensions: community( root web and sub webs), time series. |
Context意涵
|
Text/Content and its presentations -font style* |
Coherence |
Font face + size + proportional + font effects + color + character spacing + paragraph indents and spacing. |
Blocks圖文框 |
Focused spots -changing -breaking -increasing contrast |
Variants |
Text boxes + tables + graphics + diagrams (statistics figures) + embedded objects. |
Automations自動化 |
Professional details |
Coherence/ Variants |
Borders + shared objects + date and time + hyperlink + navigation + number + caption + cross reference + index + auto text + form and control + macro + group work environment. |
Multimedia多媒體 |
Visual assistance, Interaction, Business uses |
Variants |
Dynamic effects + animation + video + music and sound effects + interactive page + web component + database + server management and extension + knowledge base and knowledge management. |
Copyrights: Intellectual Property vs. Creative Common
著作權:智慧財產觀對創用CC分享觀
當前數位文創的各種表現形式都已多媒體化,所需要應用的各種媒材如果都能獨立原創,當然是最佳狀況。
但如果必需使用、或改創他人作品,請必須詳閱「創作著作權的兩面觀:智慧財產權觀 對 創用CC分享觀 Copyrights of Creation: Intellectual Property vs. Creative Commons」一文,並作嚴謹的處理。
對採用「創用CC分享觀」者,我們感激、並願薪火承傳、推己及人;對採用「智慧財產權觀」者,我們主動尊重,而非害怕受罰、更不心存僥倖。
數位美學方法的程序工程


