2011年5月24日 星期二

2011年5月2日 星期一

聯成電腦的數位學苑

其實沒注意到聯成數位學苑是什麼時候上線的,只是有一次想說咕狗一下自己的名字,看會查到甚麼新的。才發現跟他們合作錄製的影片已經放上去了。

為甚麼打名字會發現呢....這其實也是我最疑惑的地方...我點了一下其他的分類,唯獨「超級技巧」裡面的有署名,然後其他的都是打lccnet。又剛好大概這個分類目前都放我錄的,所以就搜到了。

看完覺得,我覺得我這裡不用錄基本操作了XDDDDDD,因為跟數位學苑其他單元有的都差不多。所以之後我想會做個調整,一部分放給社大學生看的上課範例。其他像illustrator跟flash,就也會比照我現在錄dreamweaver的方式,以完成一個比較完整的小主題做示範,社大的部份如果有講到基本操作就還是會錄。其他的就不錄基本操作啦~

dreamweaver教學_商品列表(圓角矩形背景)

以同樣的html結構,不同的css設定做出圓角矩形背景的商品列表。

dreamweaver教學_商品列表(圓角矩形背景) from joyhsu on Vimeo.

dreamweaver教學_商品列表

示範如何建立商品列表的html結構,以及利用css設定商品排排站的樣式。

dreamweaver教學_商品列表 from joyhsu on Vimeo.

dreamweaver教學_標籤(背景圖)

示範如何使用ul、li結構製作圓角標籤,以及設定滑鼠移過變換背景圖與文字顏色的效果。

dreamweaver教學_標籤(背景圖) from joyhsu on Vimeo.

dreamweaver教學_標籤樣式

示範如何使用ul、li搭配css製作有背景色、框線的標籤樣式,以及示範如何設定滑鼠移過變換底色與框線顏色的CSS樣式。

dreamweaver教學_標籤樣式 from joyhsu on Vimeo.