02-27-2010 累

今天做的第一件事是,
天有不测风云下一句是?
人有祸夕旦福。
奶妈问的~

然后就继续做我的网页模型~
终于在chrome做好了=。=
结果换去Internet Explorer~
我的妈!!!!!怎么走位了~
又要改了~

今天好闷哦~一天都没有东西做~
不过特别的是=。=
kok cheong说我们的题目很闷~

02-26-2010 網頁

我的網頁完成咯~
基本的模型已經出來了~
比我想象中的快好多。
原本使用的源代也改了很多呢~

外觀延續我喜歡的奢華美麗型~
內容延續我的精簡與容易修改~

02-25-2010 懒惰

今天哪个教师没有来=。=
所以只是上一课~
是时候开始webpage design的工作了。
我觉得这次的工作会比较轻松~因为这个的coding会很容易direct
因为每一个webpage都是独立的个体
所以只要link得好~

什么类型的天马行空的创意都能成功。
上课的时候有一个演讲~
别人上场都是开开心心的嘻嘻哈哈。
到我了就全场静去。哈哈
然后讲完了咯~

刚才sunny无端端问我
你还要在这里住吗?
感觉好像不想我在这边住酱~
没那么容易~念完我才走的了~!怎么说这里的风景我太爱了`
哈哈

今晚就跟kok cheong等讨论网页设计
应该会蛮好的=。=
不过他们感觉像要低空掠过那种~
如果他们要求不高~我应该也可以降低要求的~

02-24-2010 過分

今天早上一起床看到手機訊息“wher are you?”
一看時間~9點40!什么?!
我遲到了!怎么可能!啟生不是應該會叫我。。。。等一下
那個信息。。。。就是啟生send的啊!!!!!
OMG=.=

沖了去學院上了課~還好還算不遲
然后就上Webpage Design了~
秉持McTham一貫的風格~
教書猶如搭火箭
xiu~不知道去哪里了~

今天說的都是Assignment的東西~(很浪費時間的說)
然后就到Flash了~什么都沒有動。。。叫我們自己看看先~
然后叫我們自己按按那些按鈕看有什么用=。=
還好我學過,不然。。。。還真的要叫上帝

然后課程結束了,“同學”一窩蜂的上前詢問一些問題
如Html和Flash的分別

Webpage Design基本知識
1,html
2,flash

web page主要是由style language也就是
HTML(HyperText Markup Language超文本標簽記述語言)
組成
一般的microsoft word或網頁設計都會使用純HTML或Xhtml之類的

FLash就是Adobe公司的一種多媒體格式
通常為.flv或.swf而fla等為編輯檔
和一般的Script語言一樣,Action腳本是Flash的核心技術

也就是說flash只是一種動態動畫,配合Html或Script
就能制作出動態的網頁

一般參考為facebook game.
那些game就是flash,而有關的動畫都是由Action Script組成
rig...ht click>view source 你就會看到很多例如 var的變數
通常都是flash的action script轉換去JavaScript.

Font Page之類的軟體,多數設置html語言
但是可以嵌入flash動畫。
所以fontpage不能制作flash
但是卻能嵌入flash.
這樣大家應該都知道了吧~
有關列表list
html提供了三種列表
UL unOrder list 圖形列表
OL Ordered list 文字列表
DL defination list 定義列表... See More

例如一些特別的字有一定的定義
就應該使用定義列表顯示有關的列表
而其余排序列表只是使用一般的列表即可
一下為例子
請將她放進body中


網頁是什么組成的?

html是一種記述語言主要用于網頁設計
其余的語言還有

  1. CSS

  2. JavaScript

  3. Xml

  4. Xhtml

  5. Dhtml

  6. DOM


什么是CGI?

看見Address Bar的.php嗎?

為什么有些網頁可以使用同一個域名

Domain name卻可顯示不同頁面呢?

因為使用了CGI(common gateway Interface)

常用的CGI有


  • Php(preproces HTML)
  • ASP

這也是為什么網頁能那么多樣化。

關于文字你有發現嗎?教師的case 1 code中有其中一個tag叫em
他能制作斜字體(italic)還有其中一個tag叫b
他能制作粗字體(bold)那么是否還有一個叫U (underline)呢?答案是肯定的
也就是說,基本上網頁中的文字設定都是以有關的方法設計的。除了使用有關的tag還有其余的用法。

em跟i有什么不一樣呢?
其實就在他們的定義。雖然兩個都能制作斜字體。
首先em為邏輯運用符,其含義為比別的字體斜。
而 i 為物理運用符,其含義為預先設定的斜。

不同場合運用不同的tag能帶給同樣的視覺效果,卻不一樣的內容。作為一個網頁設計者應該要了解tag的用處。

如DL 和 UL 或 OL 甚至 P 制作出來的效果很像
但是一旦打開你的source code 看
你的定義就已經錯了,那么對于以后的網頁維護maintain是很辛苦的意見事,因為你不知道從哪里開始。

還有,基本上每一個list,form,table甚至link都有兩個屬性
name和id。記得放入一個特有的名詞,不然尋找起來還蠻麻煩的。
有關于Img tag你有發現嗎?有時候在img屬性中,McTham有加入一個東西叫Alt的
Alternative~是什么東西呢?
其實這個是他的簡介,做個實驗
制作一個空的網頁然后置入一張照片如:... See More

觀看效果,確定能打開
然后修改Apple.jpg去apple.jpg
(意思是改到URL變錯去)
然后再看看圖片

是否什么都沒有了呢?只有一個大叉的破圖。
好了,現在在破圖的tag中加入alt="I'm Apple"
是否發現破圖出現I'm Apple字樣呢?

Alt的意思就是簡介
有時候我們將鼠標(mouse)放去某照片上就會有一個標識彈出。你可以將鼠標移動去Members中任何其中一個人的照片,你就會看到他名字。這也都是Alt制作的哦~

有關于URL/path你有發現嗎?有時候我們會使用一些path(路徑)去打開照片或網頁。如照片就會置入Src="path"

那么什么是path/URL?
URL就是Uniform /Universal Resouce Locator.... See More
共有兩種一種是relative path
一種是absolute path

relative path就是相對路徑,也就是將網頁放置在同一個Directory文件夾中就可以使用,如img\a.jpg
而Absolute path是絕對路徑,也就是絕對的路線
C:/user/desktop/img/1.jpg
如果你將1.jpg由desktop放去file里面如file1
那么絕對路徑就必須更換去
C:/user/desktop/file1/img/1.jpg
不然就會破圖咯~

其中一個絕對鏈接
facebook
有關于Color顏色
你有發現嗎?有時候我們會在font中加入color="#ffffff"
那個是什么意思呢?
其實那個就是顏色代碼
電腦中的顏色代碼是使用16進位置(Hexadecimal)... See More
而# 00 00 00則代表黑色
為什么呢?其實一切都是RGB

什么是RGB?
RGB就是光色Red Green Blue
在電腦中以
0 1 2 3 4 5 6 7 8 9 a b c d e f
弱到強的顯示進位
也因如此,所以每一架電腦看到的都會有一點不一樣。

和CMYK(Cray Magenta Yellow Black)混色不一樣
RGB越接近f顏色就越白,而越弱則越暗
例如
紅色為 #ff0000
綠色為 #00ff00
藍色也就是 #0000ff
紫色當然就是混合藍與紫 #ff00ff
是不是發現顏色很簡單呢?

而有關顏色因為使用16進位。也就是說兩個數值可以存有
256個顏色,6位置就是16m左右。
有關于圖片你有發現嗎?其實網頁上的圖片都是只有3種格式。
1,GIF
2,PNG
3,JPG... See More
他們有什么分別呢?讓我娓娓道來。

GIF Graphics Interchange Format
是一種很小的矢量文件,其中顏色比只是能儲存越256色
主要因為可以制作類動畫與可透明特性大受歡迎,通常banner都是使用有關顏色。由于顏色稀少,所以一般16bit monitor都能觀賞。

PNG portapal Network Graphic
結合可透明,并存儲超過256色聞名。而且還能置入超鏈接誒等特性,不過文件比較大,比較不推薦。

JPG Joint Photograhic Expert Groud
采用點彩技術,以Pixel為量度單位。其中顏色可超過16m色.由于礙于像素,所以放大了會有鋸齒的現象。

什么是矢(shi)量圖?
矢量圖又名可伸縮圖片Scaledable Graphics
以點和線制成,如電腦的字體一般就是矢量圖。你可以在microsoft word中打開有關的字到1000(如果允許)卻不會出現很大的柵格。因其特點所以也比較占位小。一般用于背景繪圖或插圖。

什么是點彩圖?
點彩圖如Jpeg類的圖片,以點制成,一旦放大就會出現柵格。其好處為儲存高質量圖片時不占太多系統memory位。

除了以上三種,我們還可以使用如
SVG或Flash等動畫制作出更有深度與美麗的網頁。
你學會了嗎?

02-23-2010 孤身只影

今天是開學的第二天,因為這個學期為短學期Short-Semester
所以呢~就會有很多東西都超級快速
例如今天就是要開始做Assignment了=。=

這個學期只有兩科包括,
Eng4SC 和 WebPagedesign
English For Science呢就有兩千字的long report
而Webpage就有高達15頁的活動性網頁(Active Interaction Web)
內容包括JavaScript,Css,html,Xhtml,Flash與Action Script Motion Control

因為之前的同學關系搞糟了~
還以為會自己一個人做完全部的說~
還好英文呢~就還有慧晶那一組
而網頁設計就有國祥

不過網頁設計我一直都有專研,
其實中學時期就念過了,所以對我來說還說游刃有余
但是今天上課情況真的慘不忍睹
因為今天呢~是有關Webpage的第一天

老師也就是我們可愛的Tham mun Chong啦~
他呢~就開始教書了
但是可怕的是
還沒有教title就叫我們做網頁
還沒有教hr就叫我們做holizondal line


還沒有教superscript就叫我們做數學公式
Xn
怎么做?
甚至有人連b,i,和U都不知道是什么=。=
粗字體
底線
斜字體
其中更運用了邏輯分號而不用固定的函數分號如italic有兩種
邏輯數為em,而固定數為i
斜字
也是斜字
更斜
還沒有教就叫我們做=。=還真的有點難=。=

以后還會有form





table呢~
最可憐應該是frame~其他人應該會學到半死~
算了,他們死他們事~
重要的是我別死=。=

02-21-2010 歲月如梭

時間真的好快哦~剛才跟朋友吃東西的時候
他說了一句我覺得好有意思的:
“還記得Sems 2(第二學期)開學的時候,好像才昨天發生。”
沒錯,一切的事情就猶如昨日。
還記得前途渺茫的拿了SPM成績~
還記得以為會到臺灣深造~
還記得小時候上學的哭鬧啼笑~
一切的一切就好像昨天~

盡管時間過得多么的快,人就是這樣。
不開心的過去,就讓他過去,掩埋在心的內層。
總之記得自己的格言每一天就都是開心的日子了~

首先來說一下我要說的東西
最近看了很多很多的電影哦~

Percy Jackson and The Lighting Thief帕西杰森與盜雷者
72家租客
花田喜事
大兵小將

盜雷者動畫至極,我覺得還蠻不錯看的
不過有關的神話部分呢~省略就好~

72家租客呢~
還好~
不過看到龐大的特約與巨星
你真的不能不佩服曾志偉

花田喜事的一個字笑。。。。。。。

大兵小將就是我想說的,不知道你們看了沒有呢?
故事講述成龍為逃兵,可是卻神機的遇上他國的大將軍
路途上一路遭追殺,然后回國后才發現自己的國家已遭秦國所滅。
為國之君,舉旗不倒
里面有一幕很吸引我的,就是在他看到良田枯萎
卻又一株小綠的新生幼苗,成龍用身上的水斗灌溉了這樹。
再,得一兔,其有娩于身,放之。
其中的生命意義深深的將我吸引
一個士兵會為了國家,為了尊嚴為了成大事而犧牲生命
而戰火連連結果只會生靈涂炭,一片狼藉
戰爭能輸,尊嚴。。。。這又有啥用?

電影說完了,就說書。
這本呢就是我超級推薦的:《失落的符號the lost simbol》
來自丹。布朗的書
聽到這個名字就應該知道和宗教歷史有關了。
這本書為天使與魔鬼(angle and demon)和達文西密碼(davin'ci code)的續集
故事講述科學與歷史的爭斗
其中描繪了古代人的精神,智慧以及科學
并大膽的預測,2012年后將會是一個知性開發的時代
人類將不會研究“新”的科學
因為人們會發現,我們所作的,只是發掘以前的智慧。
人們會開始發掘出,古代的智慧,并在意志上獲得提升。
絕對值得一看。其中的符號與科學,絕對讓你嘆為觀止。
SincereLy~"No Wax"

其他都說完了,就回復一下一些殘繞我很久的東西
Right Click 》》》》View Source

document.write("作者 : 青头仔 第二集 : 友情之恨\n");
document.write("朋友是什么? 有没有人可以告诉我..... \n");
document.write("路人甲:上刀山,下火海的就是朋友咯! \n");
document.write("路人丙:朋友是拿来出卖的! \n");
document.write("青头仔:“出外靠朋友”朋友是互相帮忙.\n");
document.write("但是有多少人做到互相帮忙呢?我真的不知道,\n");
document.write("因为在我的生活圈子里,我每次看到我无法接受的友情。\n");
document.write("在学院,开始时我一个人独坐在角落,到现在我身边包围着温柔的友情。\n");
document.write("没去上课,朋友帮我点名;很晒,朋友载我去学校;\n");
document.write("功课不懂,朋友教你;考试,大家出来讨论。朋友是互相帮忙的。\n");
document.write("半年后,不愉快的事件陆陆续续的发生,搞到大家都很不开心,\n");
document.write("我看到我都很blur 很 sad 。 我是一个和平主义者,在我身边发生...\n");
document.write("战争,他妈的,很明显是当我死的咯! \n");
document.write("但是朋友的战争不是一个人的力量可以解决的。\n");
document.write("是谁引起战争的开始,不会有人认的,这是几百年定下来的规律。\n");
document.write("有人不想看到战争发生,就去做两头蛇;FUCK YOU;酱做只会引起更大的战争,\n");
document.write("bodoh punya. 当战争演变去冷战时,一个国家将会一分为二\n");
document.write(";看那一方的人多咯!在这种情况下,就是友情之恨已经出现了!\n");
document.write("十多年的感情完了............. 以下是个人感想:\n");
document.write("为什么你酱计较谁对谁错?很重要吗?\n");
document.write("朋友之情重要还是你的输不起的精神重要;\n");
document.write("在班上,我们都很尊重你!有一部分是比较怪lan的就没有什么看好你;\n");
document.write("我就就是其中一个;但是我都diamdiam不出声。有人看不下去了,\n");
document.write("就顶你了。你就恨他入骨,因为你输不起;老实说,他是没有说错你的!\n");
document.write("尊重这两个字,你是不懂的!Example,唱歌时,我们只是小声唱罢了!\n");
document.write("你就用你的死人眼睛瞪着我们;请问我们那班有谁酱瞪过你;\n");
document.write("没有咯,因为我们不瞪朋友的!还有很多很多事情~不做班带~\n");
document.write("上课时,坐在窗上给我们脸色看~骂女生~无可否认你是一个很好的;\n");
document.write("很聪明;很有责任感的班代但是你也是一个个人主义强,\n");
document.write("输不起,不尊重人,和小气的班代。如果你还是死性不改;\n");
document.write("对不起,我帮不到你了!!
");
document.write("\n以上呢~就是一位同學給我的“勸告”與責罵~\n");
document.write("不過我也不想說了,\n");
document.write("我是小氣,因為我對你們有期待。\n");
document.write("我輸不起,因為我不希望成為輸家。I Don't Wish To Be Loser\n");
document.write("個人主義強,這就是我的特色。\n");
document.write("不尊重人,因為你也沒多尊重我。\n");
document.write("既然你不去了解我,那么我也懶得尿你們。\n");
document.write("反正,事情過去了,我不是班代了。\n");
document.write("你們都是“大人了”");
document.write("\n不過我想說,我真的沒有罵女生!\n");
document.write("我秉持的態度就是,對女生不好的人是豬\n");
document.write("不過再說你們也不會相信。\n");
document.write("既然國家都分裂了,再假裝和諧\n");
document.write("就好象大媽的局面,明明人民一點都不團結\n");
document.write("卻要說大家很團結~只會讓人笑。\n");
document.write("至少有各自團結的地方,全班團結對付我也不錯。\n");
document.write("至少我的目的達到了,你們真的是“一班”了。");

不開心的東西就不說咯~

算了。下次再說咯~