目前分類:網頁工具 (13)

瀏覽方式: 標題列表 簡短摘要

免費素材圖庫下載網站

http://sc.chinaz.com/shiliang/
http://sc.52design.com/
懶人圖庫 http://www.lanrentuku.com/
挖素材    http://designbooker.com/wa/
素材黃頁 http://www.114sucai.com/picture/
素材網    http://www.sc115.com/vector/2343.html
圖網       http://www.imgat.com/
我要自學網 http://www.51zxw.net/list.aspx?cid=62
素材天下網 http://www.sucaitianxia.com/
千圖網   http://www.58pic.com/
Visual Hunt   https://visualhunt.com/
All Free Download. Com http://all-free-download.com/

免費製作介紹影片的網站

PowToon http://www.powtoon.com/

文章標籤

慕天雨 發表在 痞客邦 PIXNET 留言(1) 人氣()

問題1.
flash語法的loadmovie和loadmovienun有什麼不同?

 

兩個都是載入影片的語法差別在於
------------------------------
loadmovie 是載入到指定的目標
使用這各方法,場景上要先準備一個目標物件movie clip,
如果這個target物件有被旋轉 變形 縮放...等等,
載入的動畫也會跟著變化喔!
------------------------------
loadmovienun是載入到指定的層級
用層級載入,如果層級相同,新載入的動畫則會取代原來的動畫
------------------------------
語法差別如下
loadmovie(url,target)

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

一般要製作表單按鈕時都是使用下列語法:
<input type ="submit" value="確認">
<input type ="reset" value="重置">

 

當把按鈕換成圖片時,可使用下列語法:
送出 <input type="image" img src="image.jpg" onClick="document.formname.submit()">
重置 <input type="image" img src="image.jpg" onClick="document.formname.reset()">


文章標籤

慕天雨 發表在 痞客邦 PIXNET 留言(1) 人氣()

有沒有發現在很多人的網站或部落格的網址前都有這個小icon,
非常具有個人特色的網頁美化小圖示,現在我們也動手來做一個吧!

icon的圖示顯示在網址列前的是16×16 pixel,要做大一點也是可以,像32×32 pixel,
但個人還是建議做剛剛好1:1就好,圖片格式可用 ico、png、gif、jpg 等格式均可。

Ricky個人是建議用png或png做好後轉成ico為佳,做透明背景才好看,
因為png是全彩的,而不建議用gif是因為gif是256色,
如果不是很會處理gif圖,容易邊緣會有鋸齒,或去背不乾淨等,當然如果你是圖像高手就例外。

做好了icon後,將它上傳至網頁空間,並將以下語法貼至網頁原始碼 <head> 與 </head> 之間,圖片名稱以favicon暫稱。

.ico語法1:
<link rel="shortcut icon" href="圖示網址/favicon.ico" />

.ico語法2:
<link rel="icon" href="圖示網址/favicon.ico" type="image/ico" />

.png語法:
<link rel="icon" href="圖示網址/favicon.png" type="image/ico" />

.gif語法:

文章標籤

慕天雨 發表在 痞客邦 PIXNET 留言(1) 人氣()

基本上 困擾了我一段時間的建層遮罩,
在今天終於解決了=口=

 

想想也不是多了不起的問題,
甚至這個方法在Adobe的不清不楚官方說明中也有,
不過都說它不清不楚了,
我想應該還是會有一些些人看不懂吧?!
(OS:你以為每個人都跟你一樣笨阿~毆飛)
012_打飛a.gif012_打飛b.gif

 

總而言之,就讓我拿來充一下版面吧!!!
客官請看瞭......

 


 

step1:

文章標籤

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

不少人沒有自己的空間,又想做屬於自己的網站於是使用HiNet ADSL申請了個他所謂的免費空間...但是您受夠了 黑net 惱人的廣告了吧?用用這個方法吧。

請在您要擋廣告的htm中找到
<html>


修改為為
<script type="text/javascript">try{var _hinet = parent.document.getElementsByTagName("frameset");for(var i=0;i<_hinet.length;i++){_hinet[i].cols="*,0";}}catch(err){}</script>
<html>


完成重新上傳至FTP即可


慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

文章來源:Zeroplex 生活隨筆

翻譯自:
Top 34 Web Design Mistakes
http://www.bootstrike.com/Articles/DesignMistakes/

  1. 不當的使用 Javascript:請見說明
  2. 拼字或文法錯誤。
  3. Flash、Shockwave、Java:無法被搜尋引擎建立所以,下載時間較長。
  4. 建立縮圖:使用 HTML 語法縮小圖片寬度、高度並不能減少流量,必須手動或是使用程式將圖片縮小。
  5. 使用 GIF、Flash 動畫:動畫容易使人分心,也容易惹惱使用者。
  6. 背景音樂、自動播放:想想看當你正在聽卡農時網頁卻播放重金屬音樂,尤其是每次點選子網頁都從頭自動播放。
  7. 分頁、幻燈片模式:把內容放在同一個網頁,不要讓使用者點選「下一頁」以節省時間。
  8. 將 F&Q 的解答分開放在不同網頁上:不要將每個問題獨立放在不同的網頁上,這樣使用者必須一直切換頁面。放在相同的網頁上就好。
  9. 使用高對比文字顏色:請勿使用「黑底黑字」或是「白底白字」。
  10. 螢幕寬度:應考慮 800x600 為最小螢幕寬度,盡可能不要讓瀏覽器出現水平捲軸。
  11. 字型:不要使用其他人沒有的字型,設定方式請見說明
  12. 讓字體能任意放大、縮小:在 CSS 中使用 em 或 %,請見說明
  13. 使用標準、一致的版面設計。
  14. 圖片最佳化:最好能將圖片縮小到四百萬象素以下,螢幕看得清楚也能節省下載時間,原作強力推薦 GIMP 製作縮圖。
  15. 別忘記 title、meta、keyword 標籤:讓使用者方便做紀錄,也讓搜尋引擎建立索引。
  16. 在表單中加入 label 標籤:讓使用者填選更輕鬆,請看說明
  17. 使用 Fieldset 組織表單:讓表單看的更清楚。
  18. 為圖片、超連結加上說明:在圖片加上 alt 屬性、超連結加上 title 屬性,可在滑鼠游標旁顯示註解。
  19. 進站畫面:好能在 Flash 動畫旁加上「進入本站」或是「略過」的超連結,不要強迫使用者看完影片,搜尋引擎也能建立索引。
  20. 回饋連結及頁面:在網頁上放置 email 聯絡方式,並在伺服器上處理郵件,避免使用者畫面跳出 Outlook 等視窗。
  21. 檔案命名方式:盡量以英文小寫命名,特殊字元會造成使用者存檔時的不便,如空白會變成「%20」
  22. 文字區塊:文章段落中間最好留幾行空白,文字與邊框應保留間隔距離。
  23. 禁止右鍵選單:不要在網頁上使用 Javascript 禁止使用者按滑鼠右鍵,要讓網頁、圖片不被其他人取用:請不要放到網路上!
  24. 使用頁框:頁框中的內容並不會儲存到書籤,造成使用者的困擾。
  25. 文字底線:不要在沒有超連結的文字上加底線,改用其他方式強調,請看說明
  26. 不同檔案類型的特性:壓縮率、串流等特性。
  27. 彈跳視窗:不要讓超連結跳出新視窗,也不要在新視窗放廣告,這樣只會讓使用者厭惡。
  28. AJAX:在 IE6 上面執行 AJAX 仍需要使用到 ActiveX,直到 IE7 才將 XMLHTTP object 獨立出來
  29. 背景顏色:不要假設所有使用者預設的背景都是白色,請自行加上背景顏色設定
  30. 網頁測試:針對各種瀏覽器以及各種情況做測試,請見說明
  31. 友善的介面但無法調整:讓所有的設定值都可以被調整,以免發生字體變大但是行距不變的情況。
  32. 偵測到不支援 Javascript 時強制重新導向:使用 noscript 標籤來告知使用者,不要重新導向到其他頁面或是跳到瀏覽器更新頁面。
  33. 不支援列印格式或列印預覽:可在 CSS 設定列印專用樣式,隱藏目錄及導覽列可以在列印時節省紙張。
  34. 不支援基本搜尋功能:在網站上放置搜尋欄位,讓使用者可以搜尋整個網站。

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

ABOUT:想做一各A網頁,裡頭有一各列印按鈕,當我按下後,能列印出B網頁的內容

利用框架(一般框架or內置框架都可以,但須指派id)
下面為範例:

假設有個內置框架,HTML為:
<iframe name="PrintFrame"  id="PrintData"  src="aaa.htm">

 

而A網頁,給他一個暗鈕,當使用者按下按鈕之後,就會跳出列印對話框,但列印出來的內容是B網頁的資料. . .
<input type=button onClick="PrintData.focus(); print();" >


ABOUT:用 Java Script 列印網頁中指定的圖層

因為不希望把網頁中所有的東西都列印,尤其是有頁框 or MasterPage的時候,用以下語法可指定僅列印網頁中某一圖層內容(<DIV>)
分為三個部份:

一、網頁 print.aspx,加入一個HTML產生的button,並在onclick指定欲執行的JS片段

<input id="btnPrint" type="button" value="列印成績" onclick="printScreen(printlist)"/>

接著新增一個圖層標籤,在此命名為 printlist

<div id="printlist">
            <table style="width: 750px">
            <tr>
                <td>
                    欄位一
                </td>
                <td style="width: 150px">
                    欄位二</td>
            </tr>
            <tr>
                <td colspan="2">
                    可以把GirdView放在這裡來列印
                </td>
            </tr>
            <tr>
                <td colspan="2">
                     </td>
            </tr>
            <tr>
                <td colspan="2">
                    表尾</td>
            </tr>
            </table>
    
</div>

二、網頁程式 print.aspx.cs,在Page_Load時載入JS檔

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

類似這網站點入後內頁的效果
http://www.archi-tectonics.com/

這種無框架視窗,不是用flash作出的..
他用的是html裡的JavaScript語法特效。

在他這個網頁效果裡你有2個部份你要注意到..

 

一個是在你載入網頁後,隨即會自動開啟一個無框架視窗。
一個是在他的首頁也有一個按鈕可以開啟無框架視窗。

 

其實他不用用到flash特效,不過卻要在網頁和按鈕加上javascript特效。

 

網頁載入後自動開啟無框架視窗的語法:
<Script language="JavaScript">
<!--
var gt = unescape('%3e');

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

首頁不要工具列並設定視窗大小的方法如下:

在為文字或圖片加入連結時,若要跳出一個新視窗,只要在連結後方加入Target="_blank" 就行了,但是若想在按下連結時,跳出一個沒有工具選單,不能任意改變視窗大小的視窗,就得靠 JavaScript 了,這是一個十分實用的功能,適用於講解用的連結。

--------------------------------------------

<html>

<head>

<title></title>

<script language="javaScript">

<!--

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

在網頁中如果要像word一樣將段落排得整整齊齊,
必須要靠CSS的語法幫助....
尤其是凸排真的會讓人抓狂,
在網路上搜尋到最簡單清楚的一篇教學是:天地教網站http://www.tienti.tw/?q=node/240
內容如下:
網頁中的文字及圖形是以HTML及CSS語言來編排呈現,本篇教學僅介紹幾個常用到的HTML及CSS語法,以利作者編排文字,方便讀者閱覽。

1、<p>    </p>      段落標記,用來標示一個段落的範圍。

2、<b>    </b>      粗體標記,用來標示粗體字的範圍。

3、<p style="  ">    </p>    CSS在HTML中的寫法。

4、font-size: large;    CSS語言,選擇「large」的字型大小。

5、text-indent: 2em;    CSS語言,首行縮排,em表示字元,此例為首行退縮2個字元(英文字母為0.5字元),負號表示為首行凸排。

6、margin-left: 2em;    CSS語言,左邊界,此例為段落的所有行皆退縮2個字元。

7、margin-top: 12px;    CSS語言,上邊界,此例為段落的上邊界下移12px(負值為上移)。

使用方式:
<p style="text-indent: -2em; margin-left: 4em; margin-top: -12px;">       </p>

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

有時更改首頁檔案名稱,或者將舊的網頁移除,將會造成一些網友點按之前的連結時,出現〔找不到這個網頁〕的訊息,為了避免這種問題的發生,可以善加利用〔自動轉址〕的語法。

例如舊的首頁home.html將改名成新的index.html,這時可以將舊檔案保留(即不刪除),將裡面的內容刪除,再加上自動轉址的語法,這樣網友若連至home.html則會自動轉至index.html。

提供四種自動轉址的語法,您可以依自己的需求選用~

方法一:於<head>之</head>加入以下語法

<meta http-equiv="refresh" content="停留秒數;url=新的網址">

範例:

<html>
<head>
<meta http-equiv="refresh" content="0;url=http://www.suefar.com.tw">
</head>
</html>


方法二:於<body>之</body>加入以下語法

<body onload="window.open('新網址','_top')">
</body>

慕天雨 發表在 痞客邦 PIXNET 留言(2) 人氣()

當我們將照片或有漸層的圖片置入Flash中,

並加入動畫後,

再以 gif 格式輸出後 (如左圖),

 

 

未經處理前 處理過後

 

解析度很不好.......

為了解決這件事,我上網查此資料,

才明白有些人是用photoshop裡的animation 工具來解決︰

a.首先,你在Flash做好的動畫如有解析度不正常或失真問題,

可經由Flash裡的 "檔案" ---> "匯出影片" ,

將下面的"檔案類型"改為 PNG連續圖畫,然後儲存。

你會在你的資料夾裡看見你動畫輸出的所有PNG圖片。

b. 開啟Photoshop,"檔案"--->"開啟智慧型物件"

將你剛儲存的PNG檔全開啟 (例如你有五張好了。)。

慕天雨 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼