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. |
數位美學方法的程序工程




