Web Analysis and Design

數位出版設計:意涵/樣式篇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.


簡捷建站程序數位美學方法的程序工程

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題