Web Design 1 Final

It was this semester last subject, last final work
My Final Web Design Layout ~
I am thinking to do something different~
It was a project that can "RE: PROJECT"

"RE: Project" is the idea of using RE: concept~
By using RE: , we can create a lot of things~
We can save our world reuse it ,reborn a new arts~
It was meaningful and reliable in our life~

In my intro page u can c some there have
some things fall down and it become standing
it means that reusing the things that have throw
We reborn a new things~

It was just a concept and idea from me~
From this final work, I have spend few days to do it
It make me tired and crazy, in front my eye
all is the flash frame and dots~Haha

Here is the links of My
Final Web Design Project -
"RE:PROJECT"
For this time final work, It have a lots of space
need me to improve it~I am not so satisfied with some part
However la~ Hope it will be Fine and get good results~
Haha~So what are u waiting for?

Is time to HOLIDAYS~
Wish all Happy
^^

Graphic Design 1 - Aug 10

P5: Type Specimen Poster


P2: Type as Image


P1: Design to your layout


This is what I have done in Graphic Design 1~
We need to do 5 art works at this semester~

1. Designs to your layout
2. Type as Image
3. Text & Image Type
4. COP 10 Poster
5. Type Specimen Poster
   

Every project have their own funny things
I really enjoy at the homework that is
type as image, we need to found the thing
and make it is a image~Hope to continue GD 2
Welcome to comment it~^^

My first Logo Design

Today in here to sharing my old design~
It was helping a safety company to design a new logo~
I'm using the alphabet S&M to create the logo~
It was my first time design for logo o~Haha~
Have a look & comment it~TQ~^^

Flash Assignment - Button

This is one of my Flash Assignment~
It need us to create few "Button"~
Seriously, I can done this homework
because of my classmate sharing her & his skills for me~
It help me save a lots of time~Thanks ~^^

For doing this Button~
The mind must be clear,
We need to count how many time? Key frame~
Need to put the "Actions" at which part~
How to make it move & play and stop~
Can link to the next button & etc~

Not bad, is a interesting things to learn in flash~
Thanks for Ah Tiong teaching & my classmate~
Hope will do well in the future~
Add Oil all~ ^^

Intorduaction to Flash

Adobe Flash is a program that allows you to create interactive experiences. This software is combination of multimedia technologies developed by Adobe and earlier by Macromedia.

Flash provides everything you need to create and deliver rich web content and powerful applications. Whether you're designing motion graphics or building data-driven applications, Flash has the tools to produce great results and deliver the best user experience across multiple platforms and devices.

Flash is an authoring tool that designers and developers use to create presentations, applications, and other content that enables user interaction.

Flash projects can include simple animations, video content, complex presentations, applications, and everything in between. In general, individual pieces of content made with Flash are called applications, even though they might only be a basic animation. You can make media-rich Flash applications by including pictures, sound, video, and special effects.

File Formats and extensions

FLA: .fla files contain source material for the Flash application. Flash authoring software can edit FLA files and compile them into .swf files.

SWF: .swf files are completed, compiled and published files that cannot be edited with Adobe Flash. The complied .swf files can be embed in HTML page.

FLV: .flv files are Flash video files.

AS: .as files contain ActionScript in simple source files. This type of files can be linked to FLA files.

Files in the SWF format, traditionally called "Flash movies" or "Flash games", usually have a .swf file extension and may be an object of a web page, strictly "played" in a standalone Flash Player, or incorporated into a Projector, a self-executing Flash movie (with the .exe extension in Microsoft Windows). Flash Video (FLV) files have a .flv file extension and are used from within .swf files.

我们是如何设计个网站？

Web Design课来到这学期的一半，我们的功课就是设计网页啦～
对象是65岁以上的老人～主题任选，注重于图形用户界面咯～
但我们班的都遇到了一些问题，没达到老师说提出的要求～
有些组花了很多时间去设计那个网站，却没得在课堂呈现～
对于我们自己的组，是很幸运的，因为可以出来呈现～哈哈…

不过，这一次的后期制作有点赶工，因为周末日有工作～
所以不太理想啦～但是还是要谢谢婉晶同学和征安同学～
因为这个构思是综合了我们三个人的Idea～辛苦大家啦～
好吧～先来告诉大家我们设计一个网站是，怎么样的呢？

首先，是有两个过程～这是先后的问题啦～
第一个过程就是知道对象，订下目的方向和选择类型
第二个过程就是版面，用户界面，字体，颜色，图案
不过有了第一个过程之后当然是做搜寻啦～Research~

我觉的无论你做什么？Research是很重要的～或许有些人
很厉害，觉得不用做什么research的啦～浪费时间，无聊～
但我觉得Research是很重要的一个环节，在你做任何设计前；
所谓知己知彼，百战百胜！你并不懂这世界到底发生着什么
你怎么去设计，做出，符合这世界的东西呢？个人风格？
或许对于一些行列是可以这样，随心所欲啦～但多数是不～

在做research的过程中，我发现了很多的东西，当然也漏了些
东西，谢谢老师的提醒，那就是在用户界面方面和科技方面，
我并没有去做搜寻，那时我们对用户界面是大概的了解而已～
所以重点方向在于我们的对象和目的～在游览到眼花缭乱之际

我找到2战结束（1945），是现在65岁人出生的时候～
第一台电脑是在2战过后才发明的（1946年2月15日）ENIAC；
1976年发明出Apple的第一个电脑 Apple I ; 79年有个人电脑；
1983年是MS-Dos面世的时候接着是Window 95,98 ,me, XP；
最早的网络是在1962年ARPANET（60年代冷战后出现的）
1972年已经有Email, FTP,Telnet，最早的网络工具～
1986年开始有56kbps的网速在大学，政府与学术机构内～
还有1991年订下10月1日是国际老年人日，因为人口老龄化～

除此之外，还找人全世界的人口分布，教育背景，文化等～
由于范围太广泛了，所以我们主要是以亚洲老人为我们的对象～
如果我们做全球性的一个网站，很难达到一个平衡点和标准～
主要是拉近老人与子女之间的关系和平衡提高老人的生活素质～
研究了些老人的心理和身理部分，发现到的确是有些障碍存在～
也因为顾虑多，想太多，从而局限了我们的设计～有待进步咯～
以近代的些科技来说，有些东西，老年人未必都能适应上手啦～

这是些个人的看法咯～还没真正的做研究和调查的东西～哈哈
要做多做搜查～科技每一天都在进步，每一天都有不一样的东西
设计一个网页必须结合这些东西，再来就是对症下药去配
这样才是个成功的网站～它好比一幅画，一道菜，一个产品
不美丽，不好看，不好吃，不好使用就没人要啦～

现在的趋势就是趋向简单，使用方便，干净专业加美观啦～
哈哈～还是需要花多点时间去研究这一块东西～
网络的世界，并不容易满足所有的人，所以成功的背后都有着
他们的一个故事～未来的世界会是怎样的呢？哈哈～

忘记说我们网站的名称！哈哈～
很多人都是做子公司，子网站啊～
但我们做人家网站的爸爸，阿公～
Oldbook～哈哈～给老人家的网站!
这纯属功课sample～不要告我～哈哈…

网页设计

我们每天上网游览，上FB，看戏，听歌，玩游戏；
但你们知道这些网站的每一页是怎么来的吗？
是那些懂电脑的人设计好好，打好好的吗？
我们这些使用者就滑动下老鼠，按按就行啦？

上Google输入你想找的几个关键字，不用几秒
就会弹出一大堆搜寻结果给你～按进去的每个网
都不一样；有些进去会很吸引；但有些还没认真看，
就想把他给关了～相信大家会有这些经验吧～

其实每个网页都是经过设计的～好不好就另当别论～
哈哈～网页设计是目前的一个趋势和蛮火红的行业～
只因网络已经普遍化，人们的需求提升了～要求高～
所以，市场上和课程上我们就有了这个东西啦～

还没接触到网页设计时，是觉得制作一个网页的背后～
是存在许许多多的代码啦～程序啦～符号啦～复杂哦～
果然不出我所料，但随着科技的发达和发明，现在简单些
也方便了些，只需要多练习和背些代码就可以了，因为
他就像数学一样，公式是死的，看你怎么去玩和用～

现在来到教学的时间啦～以下是我个人整理的简短资料：
网页设计就是这样的一个东西：
标识语言> 设计、建模、执行过程> 电子格式信息> 互联网> 图形用户界面（GUI）> 浏览

简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后，服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。

随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

通常，网页可以分为静态网页和动态网页。

静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面。

动态网页的内容随着用户的输入和互动而有所不同，或者随着用户、时间、数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言 (JavaScript、JScript、Actionscript）来改变。当然更普遍的是由服务器端的描述语言（Perl、PHP、ASP、JSP、 ColdFusion等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。

随着信息技术的更加专业化，越来越明显的倾向表明，网页设计和网站的发展会逐渐成为两个不同的领域。

网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体，所以网页设计包括了幾大部分：

• 版面构图（見平面設計）
• 程序开发（見網頁應用程式）
• 網站內容管理（見內容管理系統、資訊架構學）

簡史

HTML

超文本标记语言（Hypertext Markup Language） 網絡的資訊越來越多，網站須有引人注意的外觀，才能增加人次，達到宣傳的目的。人們開始注意網頁的外觀，HTML亦因此變得更複雜、更具彈性。表格，原本是更整齊展現資料的工具，變成了排版工具。CSS的出現令以表格為基礎的外觀設計被視為過時。伺服器方面的技術亦改變了網絡的構造，使用者可以選擇其瀏覽方式、外觀。Flash的出現為設計師和媒體創作人開創了新路。除了引人的外觀之外，亦有一個重要的考慮點：網路無障礙，即使用者能否容易讀取資訊。

XHTML

由于XML的可构造性，XHTML 1.0在2000年1月26日成为W3C的推荐标准，即HTML将会随着时间而淘汰。

外觀的影響

流動性 對 固定排版

大部分網站設計師原本是每處地方都有絕對限界的平面設計師。可是在網頁瀏覽器，卻不能控制某些因素，特別是瀏覽器的闊度。

有些設計師將其網頁定義在固定大小的表格中，每部分的寬度都有精確的數據，一般使用確定的值，這就是固定排版了。然而有人認為這不好，因為這種設計罔顧使用者的設定，他們使用流動性排版，網頁的寬度使用百分比定義寬度，因此網頁會依瀏覽器的螢幕解析度而改變。 但是流動性的排版對於日益增大的螢幕就不一定合適，因為人的眼睛進行橫向閱讀時，過長的文字會增加閱讀的困難度，反之大約在十幾個字即換行的文章，瀏覽者會更好吸收其內容。

Flash

Adobe Flash這套軟件能夠很輕易做到一些華麗的圖像效果，亦可以進行編程，因此近年來出現在不少網站上。有些網站更以Flash完全代替HTML。

可是Flash帶來的問題不少：

• 搜索引擎不能記錄Flash的內容
• 盲人不能透過屏幕阅读器來取得其內容

所以大部分人都不會以Flash為主要設計，Flash通常成了首頁的開場畫面或網站內的小遊戲。

两种设计模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这讓越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流網頁瀏覽器對CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的風格和內容(en:Separation of style and content)，指標記語言(如HTML,XML)負責定義頁面的內容，但不可以定義任何涉及網站外觀(風格)的東西。而網站風格就由另外的CSS檔案負責。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。這種模式有很多好處，例如可以協助搜尋引擎查找網頁的情況，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点，其中一個弱點就是，在不同瀏覽器出來的效果会有分別，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，開始設計CSS時，並不能清楚看到目標，因此显得不直观。

是不是有好多正常人看不懂的名词呢？哈哈～没那么简单咯～

下一篇将会分享我如何设计个网站的过程和经验啦～

敬请期待～哈哈～加油～^^