2009年11月6日 星期五

DW CS3的"效果"

這次跟各位說說CS3版開始才有的新功能,也就是"行為"中的"效果",
就個人而言,這些效果提供不一樣的呈現,
但是,請各位要好好想想怎麼用,要用在網頁的哪個部份。


已經先建好一個表格,插入一張點陣圖,在下方插入一個沒有標籤的按鈕,
不使用標籤的原因,是因為我們只是使用這個按鈕來啟動效果。如圖:
effect_1.jpg


重點:這個表格必須命名,也就是要有"ID",所有的元素都必須有個別的ID,
不論是Ap元素、表格都要有。
在此我們給的ID為"t1",接著,選取按鈕,再選取"行為/效果/出現與淡出",
上方的"目標元素"中選取t1,這樣就可以以這個按鈕來控制t1(帶著那張圖片)淡出與消失,
effect_2.jpg


操作不難,效果倒是不錯,

請注意,下方的"切換效果",如果是勾選的,則表示這個按鈕可以同時控制元素的出現與消失。
請各位都可以試試,含有多種效果可以使用,以這個例子作,是個人認為這個效果的使用度該是較高的。


2009年10月26日 星期一

有關DW中的SRPY幾件小事

Spry是DW CS3版開始才有的新功能,好用嗎?真不錯用,不過有幾件事要提醒大家。


1.這些效果都是以JS與CSS構成,因此,如果更換該Srpy效果的位置,比如換到另一個網頁,
   請務必注意CSS與JS檔案的位置與連結,密切注意每個網頁程式碼的頂端處。


2.如果該效果要建立在網站的範本中,要特別注意到,務必在"另存成範本"之前做好,
   已經體會過轉成範本後再加上效果的痛苦。


期盼大家加油,藉由使用Spry效果的過程中,更加熟悉CSS的效果與屬性設定。
相信CSS樣式表對網頁的影響與重要性在未來五年中不會稍減!
  


2009年10月14日 星期三

各類網站

這是依些素材與多媒體相關網站,希望對各位有幫助。


素材:
1.http://www.sccnn.com/
2.http://www.iecool.com/


配色:
1.http://kuler.adobe.com/
   很多網站或書籍都介紹過。
   這是ADOBE官方的配色建議網站,
   加入會員後可以將所選到的色票下載,
   在photoshop與ill中直接載入使用,不錯喔!


照片:
1.http://www.everystockphoto.com/
   可以找到很多照片,重點是根據其照片的license,馬上知道可否自由使用。
   加入會員,還可蒐集喜愛的照片,要使用時很快就可以找到。


Joomla!1.5版安裝

將Joomla!裝起來,作一些修改與設定,越做越有信心。
一開始是卡在前台與後台的中文化,真是挫折!
找了些資料才搞定。


接著,試著
1.整個頁面都弄成中文內容。
2.新增選單與聯絡人。
3.使用模組與佈景主題。
都OK。


接下來,重點變成怎樣修改現有佈景,
我的目標是設計整個佈景主題,
有任何心得會向各位報告。


2009年10月11日 星期日

Joomla

今天把Joomla安裝起來,玩了一下子,真不錯耶!
之前是使用過XOOPS這個CMS,也做幾個網站,重點是~~
版型很硬,也就是很難變更!試著用Smarty去改,差點崩潰!


為何要用這種架站軟體?因為,使用DW要加留言版、討論區等等,都很麻煩!
不論是用ASP、PHP都有些沒力,
要修改一堆程式碼(這表示草叢的程式功力不足,待加強!),
現在開始玩Joomla,如果有些心得,再來向大家報告。


2009年10月5日 星期一

網站建置_4

現在的Dreamweaver(CS3版開始,以下簡稱DW)已經是ADOBE家族的一員,
與其他重量級軟體的整合度相當不錯,
例如在DW中插入圖片或是照片,可以直接呼叫Photoshop來加以修改或潤飾,
這一點,真的很方便。


CS3版中有個新功能叫做"Spry",經過測試,效果不錯。
可以在上方的"插入"BAR中找到,也可以在"行為"視窗中看到,
前者包含新的表單欄位、選單、折疊式視窗與開合式視窗,
此中,建議各位多熟悉選單的使用,
因為是以CSS搭配javascript製作,在新增與修改上都很方便,
更重要的是,皆是以文字建立,與SEO策略是互相搭配的,
也就是說,這些文字都是可以被搜尋引擎找到的,
而且可以提供路徑,讓搜尋引擎派出的小軟體可以在我們網站中暢行無阻,
直接強化網頁中關鍵字的效用。


 


待續......................


I'm BACK!

草叢回來了,
經過一年深思,下定決心要好好運用這個部落格,
先向來到這邊想看看新文卻失望的朋友們致上歉意,
想通了也想好了,會好好做的!


動畫與網頁輔助高手

該是在四年前第一次接觸SWISH max,當時FLASH還沒這麼紅!
這個軟體令人印象超深刻的地方就是文字動畫,
導致後來只要是想設計文字動畫都會想到這個軟體,
有機會的話不妨用看看,不錯喔!
官網:http://www.ahasoft.com.tw/SWiSHzone/SWiSHmax2_01.htm


2008年5月10日 星期六

網頁樣板

有好心人士介紹網頁樣板的好網站,
www.freewebsitetemplates.com
www.webpage.com
裡面可以看到好多樣板,
並且介紹更多的樣版網站及好看的樣板,
個人建議,
不需要購買,價格蠻高的,可以當作參考,
尤其是CSS相關的樣板,值得好好研究與學習。
也提醒各位,網站中所用到的照片,務必擁有版權,不要心存僥倖喔!

2008年4月14日 星期一

CSS樣式表_2

這次為各位介紹如何運用CSS建立背景圖片,
且要做到背景圖片固定在右下角,並不會隨著捲軸動作而上下跑。

各位可以自行準備文字與圖片練習,
動作十分簡單,不過文字量要夠,
要有捲軸出現才看得到效果。
示範如影片:(請點按右下方"切換全螢幕模式"會比較清楚,按"ESC"可關閉全螢幕)

建立流程是:
1.新增樣式表,三個類別中直接選取"標籤",選取"body"標籤。
2.切換到"背景",設定背景圖片。
3.下方選項設定為:不重複、固定、水平靠右、垂直靠下。
這樣就可以了,
當然,各位可以設定重複、捲動等其他選項試試,
相信可以體會更多CSS的使用方法。

待續.................................

2008年4月3日 星期四

雀喙之謎

「雀喙之謎」這本講演化的書,
一九九四年在美國出版後獲得極高的評價,
一九九八年大樹文化出版中文版本,
此書明確揭示演化論不是個藏在實驗室的老舊觀念,
演化仍無時無刻在我們周遭進行著,
天擇的運作可以在極短時間內 造成生物構造極大的變異。

主角是住在加拉巴哥群島上的"加拉巴哥雀",
因為居住環境與食物因氣候所產生的變化,
可以讓鳥喙的大小隨之改變,每一年都可以測量到變化!
這是個很顯眼的事實,代表演化無時不在進行,
也代表演化可以導致物種的變化如此快速,
如此真實地在我們生活的地球上發生!
這是個人最喜歡、最推崇的一本書,
期盼喜歡演化相關的書,可是不知如何著手的人,
可以從這本書開始,絕對好看!

"加拉巴哥群島"、"小獵犬號"、"物競天擇論"、"達爾文",
這四個看似無關的名詞,關係可大了!.............................

Don’t ... #shorts

Don’t insist on being “right”.