目前分類:網頁語法與技術 (17)

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

setupWordpress-icon

想嘗試目前最強大的部落格架站工具嗎
編輯方便又資源豐富的Wordpress
是你最好的選擇

fennser 發表在 痞客邦 PIXNET 留言(8) 人氣()

設計講義logo.gif

最近在網頁加入錨點時發現

同樣的語法在firefox中可以正常顯示,但在IE中卻失效

在網海中尋找與不斷的測試後

終於發現解決之道,竟然就在細節裡

fennser 發表在 痞客邦 PIXNET 留言(2) 人氣()

設計講義logo.gif

用css微調網頁位置時

最煩人的就是firefox與IE顯示相容的問題

上網研究一下終於找到究極解決方案

fennser 發表在 痞客邦 PIXNET 留言(0) 人氣()


檢查了一下SiteTag的Blog資訊
赫然發現必學的部落格CSS語法第二篇竟然沒有補上
趁著過年放鬆的時刻將後三招補齊
我想自己修修改改Blog學這六招足矣

fennser 發表在 痞客邦 PIXNET 留言(1) 人氣()


前一陣子痞客大改版
搞得部落格雞毛鴨血,許多的位置與功能都失常
只好把原本的無名模板改成痞客模板,才讓部落格回覆正常的模樣
卻也因此更熟悉部落格的CSS編寫技巧

fennser 發表在 痞客邦 PIXNET 留言(7) 人氣()



拋開用表格做導覽列的傳統作法吧
用列表語法ul和li結合CSS樣式控制
輕鬆做出語法與畫面同樣簡潔的web2.0導覽選單

fennser 發表在 痞客邦 PIXNET 留言(3) 人氣()


很多Flash的網頁都以無工具列的視窗模式開啟
但要怎麼用Flash開啟一個無工具列視窗呢
看起來簡單作起來可不容易

1.於按鈕中加入呼叫openNewWindow的javascript
首先在Flash中建立一個按鈕
將getURL的動作加入按鈕中
並於URL中加入呼叫openNewWindow的javascript

請將上面這段語法複製貼到按鈕的動作編輯面板上

javascript:openNewWindow :呼叫javascript的openNewWindow函數
'target.html' :要開啟視窗的html路徑或是網址URL
'windowname' :開啟的視窗名稱
'height=220' :開啟的視窗高度
'width=160' :開啟的視窗寬度
toolbar=no :不顯示視窗的工具列,yes=顯示
scrollbar=no :不顯示視窗的捲軸,yes=顯示

2.在網頁表頭中加入一段javascript
然後在開啟flash的網頁,也就是放置按鈕的網頁。
將以下這段程式碼複製貼到網頁的表頭之間,也就是<head></head>之間

完成這兩各步驟就ok了
我的個人網站的部落格藝術就都是用這種方法,將一個個flash作品用獨立的視窗打開的


Q.在javascript裡視窗名稱這個參數到底有什麼用意呢?
A:假設你有三個按鈕或連結分別開啟三個不同的網頁,如果都用相同的視窗名稱,當你開啟第二個連結時,它不會再新開一個瀏覽視窗,而是將第一個開啟的視窗載入第二個連結網頁內容。如此你可以避免網友在瀏覽你的網站時,每開一個按鈕就跑出一個視窗,造成太多視窗的困擾。

但是我在部落格藝術中每一個作品都用不同的視窗名稱,因為我發現當你回到按鈕網頁開啟其他網頁視窗時,如果用相同的視窗名稱,該視窗不會自動跳到畫面的最前面,瀏覽者必須到工具列點選視窗名稱,才能又回到畫面的最上層。顧及希望在按下按鈕後,就能直接看到作品,所以採取不同視窗名稱的方法,不過還是不太建議這樣使用。


fennser 發表在 痞客邦 PIXNET 留言(0) 人氣()


這一篇文章將介紹CSS的基礎語法結構
認識基本結構寫起來也就不會錯得太離譜
建議將寫的CSS都獨立存成CSS檔
這樣以後要修改還是套用都非常方便

fennser 發表在 痞客邦 PIXNET 留言(2) 人氣()


常在雅虎知識上看到
"我要學CSS,誰可以教我?"
"急!20點幫我做網誌的CSS"
CSS好像很紅火

fennser 發表在 痞客邦 PIXNET 留言(0) 人氣()


嫌網頁藍色的超連結很醜嗎
透過CSS的樣式表可以更改各種連結效果
而且一個網頁裡還能套用各種不一樣的連結樣式呢

 

fennser 發表在 痞客邦 PIXNET 留言(0) 人氣()


捲軸控制在網頁設計上算是滿常碰到的問題
尤其當div排版的方法逐漸成為主流時
善用overflow就能有效的的掌握各種捲軸效果

fennser 發表在 痞客邦 PIXNET 留言(8) 人氣()


你一定常看到這種圖片變換的技巧
看似簡單但若不使用語法其實不好表現
而使用getElemntById就能輕鬆完成這樣的效果

fennser 發表在 痞客邦 PIXNET 留言(6) 人氣()


不知道從什麼時候開始,網頁上開始流行使用這種技術,當時覺得可能是什麼高深的javascript。
好在透過開發者寫好的套件ThickBox,你不需要寫一行javascript也能表現這樣的效果喔。


fennser 發表在 痞客邦 PIXNET 留言(5) 人氣()



如何在網頁中放置可以捲動的區域?
如何讓好幾個連結內容共用區域卻不用框架?
這兩個排版經常碰到的需求,使用Iframe都可以輕易地做到。

fennser 發表在 痞客邦 PIXNET 留言(13) 人氣()


老是搞不懂頁框開怎麼設定嗎?連結該指向哪裡?如何消除捲動軸呢?
唉!記得當時年記小,頁框愛用得不得了,
今天木笛就講解一下頁框網頁的作法和常見的問題

fennser 發表在 痞客邦 PIXNET 留言(0) 人氣()


幾乎剛學網頁製作者,最迫不及待的就是想知道怎麼樣讓網頁可以播放音樂。
讓網頁播放音樂大抵有兩種方法,
一個是當背景音樂播放;
另一個方法則是用音樂播放器的方式。

fennser 發表在 痞客邦 PIXNET 留言(2) 人氣()


一進網頁彈跳出視窗的公告是許多網站常用的作法,透過簡單的javascript就能做出這樣的效果,是javascript入門最好的學習範例。



fennser 發表在 痞客邦 PIXNET 留言(2) 人氣()