一看時間～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中 | |
| 關于文字 | 你有發現嗎？教師的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 不然就會破圖咯～ 其中一個絕對鏈接 |
| 有關于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等動畫制作出更有深度與美麗的網頁。 你學會了嗎？ |
No comments:
Post a Comment