FUNcLogs: 網頁設計

顯示具有 網頁設計 標籤的文章。顯示所有文章

部落格樣版(Blogger Template) Engadget's Style

由 FUNction 於 2009年8月13日下午4:09 發表

話說好久沒寫Blog了，看了一下也受不了之前亂亂的版型，這讓我沒辦法發新文章~"~

於是一如往常，每荒廢一陣子要重新開始時就大整修一翻，這次先做了一個1:1真實比例的癮科技版型，並且超酷的做了癮科技 Style 的最新回應，希望能嘉惠喜愛癮科技的Blogger的使用者

廢話就不多說了，如果你對版型有興趣，你可以：

檢視範例網站：View
下載模板：Download

如果你覺得好用的話請宣傳一下哦，若有侵權麻煩告知，謝謝！

BTW：這不是我Blog的最終版型，只是我會從這邊改，我想要獨一無二呀XD

繼續閱讀全文　部落格樣版(Blogger Template) Engadget's Style

[相關連結] jQuery 教學 - 我覺得寫的最適合入門的

由 FUNction 於 2008年10月12日晚上11:12 發表

我很喜歡他的編排方式，在網路上找很久就這篇最好
很多教學前面不斷的在講用jQuery 如何好...
這篇綱舉目張，很好玩的^^

http://jsgears.com/thread-63-1-1.html
連無名小站都在用jQuery了，不用我說jQuery 有多好吧

喔...另外是
jQuery讀取cookie的，應該蠻有機會用到→http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/
jQuery讀取iframe parent 物件(這只是技巧，不看也罷，用的機會不多)→http://bbs.jquery.org.cn/viewthread.php?tid=1567

繼續閱讀全文　[相關連結] jQuery 教學 - 我覺得寫的最適合入門的

以前的研究文章彙整

由 FUNction 於 2008年9月12日晚上10:16 發表

繼續閱讀全文　以前的研究文章彙整

AJAX 上下頁及一頁到底的網站

由 FUNction 於 2008年3月21日下午5:48 發表

http://www.goyou.com.tw/
Go You 投資圈採用不換頁技術，但是他很聰明的是在#字號後面接參數，這樣按上一夜、下一頁嘛也通，而且也可以把網址貼給別人。據說這是因為使用一個名為SPA(Single Page Application)的外掛，使用這個方案可以馬上讓網頁不用換頁。
我開始懷疑這樣不用換頁的實質意義為何？是為不換頁而不換頁，還是真的為了讓使用者方便，這樣真的能加快處理速度嗎？我畫個大問號。

http://code.google.com/p/reallysimplehistory/
AJAX讓人詬病的上一頁、下一頁，用這東西也可以一次搞定。

繼續閱讀全文　AJAX 上下頁及一頁到底的網站

會員註冊新概念

由 FUNction 於 2008年2月7日上午11:12 發表

我希望創造一個很簡單的會員註冊環境，但是我需要使用者提供

帳號
暱稱
密碼
電子信箱

於是我依照可能的人性，製作出如下的會員註冊網頁雛形，我的企圖是不要讓使用者覺得要輸入很多資料，所以電腦會自動猜測使用者的暱稱與電子信箱(並偷偷建議使用Gmail)；也省去"確認密碼"的表單，當使用者將滑鼠移至"確認密碼"文字上，就可以顯示密碼內容，你們覺得好用嗎??(註冊按下去不會怎樣，這裡只是模擬註冊概念而已)

帳號暱稱
密碼[確認密碼]
信箱

我真的很想聽聽大家的意見(看在我大年初一還在做這個的份上，拜託...盡量毒舌沒關係><)

繼續閱讀全文　會員註冊新概念

我與ASP.NET 的第一次接觸

由 FUNction 於 2008年1月18日下午5:49 發表

沒錯...我今天才第一次寫ASP.NET ，所以我要在此鼓勵大家
如果你已經開始寫ASP.NET 的話，你的成就一定超越我了；如果你還沒開始寫，別灰心，我也比你早寫一天而已(而且以後不一定會一直寫)

這個網頁使用者傳給他一個URL 參數，就可以自動讓使用者下載同資料夾裡的檔案(這什麼爛功能Q__Q)
假設網頁名稱叫做：getfile.aspx
在同資料夾裡有檔案叫作: function_wei.doc

使用者在網址列輸入: http://localhost/getfile.aspx?path=function_wei.doc
那支aspx 就會讓使用者下載 function_wei.doc
就這麼簡單Q__Q，這支程式感覺起來很無用，但裡面牽涉兩個重要的aspx 方法：Page_load和接收URL參數，事不宜遲，我們來看程式碼吧：


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
string tmppath = "";
//這裡就是Page_load 囉，當載入網頁就會執行這裡:P
void Page_load(object sender, EventArgs a)
{
if (Request.QueryString["path"] != null)
{
//在呼叫網頁給的參數path 可以用

//Request.QueryString["path"]取得
tmppath = Request.QueryString["path"];
}
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>ASP.NET Part 1</title>
</head>
<body>
<p align="center"><font face="Arial" color="#0000ff" size="5"><strong>The file downloaded.</strong></font></p>
<p align="center">If <i>"<%=tmppath %>"</i> do not auto download, click [<a href="<%=tmppath %>">here</a>]</p>
<iframe style="display:none" src="<%=tmppath%>" />
(其實是很鳥的用一個IFrame 把檔案指定在裡面Q__Q，這裡值得一提的是我們用<%=tmppath %> 就可以輸出C# 的變數，帥吧)
</body>
</html>

我這方面還很弱，請各位高手指正囉 :-)

繼續閱讀全文　我與ASP.NET 的第一次接觸

聊聊 Web 2.0 回應文章的設計

由 FUNction 於 2007年12月13日晚上11:20 發表

很喜歡這網站的配色，藍天白雲
http://www.oui-blog.com/2004/08/css_3.php
只是好像有點散開

還有...我喜歡Flicker 的乾淨感，雖然聽到知名藝術家說：｢現在流行五顏六色風｣
但Flicker 的作風我還是很喜歡(我過時了嗎??)
http://www.flickr.com/photos/yumin/1875846734/
(↑這是一個女孩配新眼鏡的照片...吧，擺這張不代表什麼，我並不認識他，也不是我的菜)
我是要Demo 我很喜歡Flicker ｢回應｣的感覺，相較於Youtube 網頁回應的空洞感，Flicker 的確好很多!!
http://tw.youtube.com/watch?v=fSc9k94leEI ←隨便一篇
還有，推推王很亂 Orz ，黑米反而好一點
http://funp.com/t63922 ←隨便一篇
http://www.hemidemi.com/bookmark/info/776066 ←隨便一篇

不知道你有沒有發現，最近主流的Web 2.0 網站都採用兩欄式的，一年前三欄式的主流似乎已經不復存在!!

繼續閱讀全文　聊聊 Web 2.0 回應文章的設計

Flash 全螢幕語法教學

由 FUNction 於 2007年12月8日下午1:46 發表

flash全螢幕很酷
之前不會做我是用javascript算出視窗大小，跳出一個滿板的視窗，裡面直接放swf檔完成，但感覺有點弱
在flash 9出來之後，這個功能很容易實作
以下是轉貼｢奶綠｣老師的文章 http://blog.yam.com/milkmidi/article/11764995

FLASH自已本身就能滿版，PS：client端的player版本需為9，且在滿版時，無法打字看一下F1的說明：全螢幕模式是相應於使用者按一下滑鼠或按壓按鍵的動作而觸發的；只要使用者不輸入，影片就無法變更 Stage.displayState。

當 Flash Player 處於全螢幕模式期間，除了可讓使用者離開全螢幕模式的鍵盤快速鍵以外，所有的鍵盤輸入動作都會停用。當使用者進入全螢幕模式時，影片上方會出現 Flash Player 對話方塊，告知使用者已進入全螢幕模式，並且可以按 ESC 鍵離開全螢幕模式。

Demo：如上方顯示(原始範例)

程式碼：stage.displayState = StageDisplayState.FULL_SCREEN

如果要包在html的話，在embad的屬性裡要加入以下語法
<embed src="full_sc.swf" quality="high"
bgcolor="#ffffff" width="550" height="400" name="danger" align="middle"
allowScriptAccess="always" allowFullScreen="true"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />

如果要對付flash 8 呢？我也找到一篇文章
因為語法太多了，我只貼連結
http://julian.empiregn.com/2007/2/22/How-to-create-true-fullscreen-movies-with-Flash

繼續閱讀全文　Flash 全螢幕語法教學

Firefox Add-ons: CSSViewer

由 FUNction 於 2007年12月7日晚上10:51 發表

為了研究Microsoft(http://www.microsoft.com/) 網站的網頁設計，花了我一個晚上的時間
我一開始是先把網頁存下來用Dreamweaver 編輯，想說者樣可以直接改
可是發現複雜的CSS之後...想到小魚說的Add-ons
就來裝裝看...沒想到用了之後感覺有點噁心XD
不過我想一定有幫助

下載連結 https://addons.mozilla.org/en-US/firefox/addon/2104
我還在找Javascript 執行效率檢視器，但都沒有發現好貨 http://research.microsoft.com/projects/ajaxview/ <=這個好怪XD，裝起來是個命令列的proxy

繼續閱讀全文　Firefox Add-ons: CSSViewer

FUNcLogs

About Me

最新15則讀者回應

最新文章

FUNction's 上課筆記

Label Cloud

Blog Archive

FeedBurner

追蹤者