公告版位

本站於2009年10月28日成立,本人將盡力提供好的資訊,希望對大家會有幫助。也希望大家可以幫忙點一下廣告,謝謝大家。

歡迎參觀我的賣場

版權所有,引用請註明引用來源,謝謝光臨。 部份文章來源為網路上,如有侵權,請留言,我會馬上刪除,謝謝。

目前分類:網頁設計 (34)

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

PStart整合工具:http://images.steachs.com/Files/PStart.exe

IExplorer 6.0免安裝下載:http://images.steachs.com/Files/IE6.exe

IExplorer 7.0免安裝下載:http://images.steachs.com/Files/IE7.exe

IExplorer 8.0免安裝下載:http://images.steachs.com/Files/IE8.exe

Safari免安裝下載:http://images.steachs.com/Files/Safari.exe

Chrome免安裝下載:http://images.steachs.com/Files/Chrome.exe

Opera免安裝下載:http://images.steachs.com/Files/Opera.exe

Firefox免安裝下載:http://images.steachs.com/Files/Firefox.exe

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

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

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

jQuery 是一個了不起的javascript庫,它可以是我們用很少的幾句代碼就可以創建出漂亮的頁面效果。從網站開發方面說,這使得javascript更加有趣和簡潔實用。  

File upload-文件上傳

Ajax File Upload
jQUploader
Multiple File Upload plugin
jQuery File Style
Styling an input type file
Progress Bar Plugin

Form Validation-表單驗證

jQuery Validation
Auto Help
Simple jQuery form validation
jQuery XAV - form validations
jQuery AlphaNumeric
Masked Input
TypeWatch Plugin
Text limiter for form fields
Ajax Username Check with jQuery

Form - Select Box stuff-表單-選取框

jQuery Combobox
jQuery controlled dependent (or Cascadign) Select List
Multiple Selects
Select box manipulation
Select Combo Plugin
jQuery - LinkedSelect
Auto-populate multiple select boxes
Choose Plugin (Select Replacement)

Form Basics, Input Fields, Checkboxes etc.-表單的基本輸入框,選擇框等

jQuery Form Plugin
jQuery-Form
jLook Nice Forms
jNice
Ping Plugin
Toggle Form Text
ToggleVal
jQuery Field Plugin
jQuery Form’n Field plugin
jQuery Checkbox manipulation
jTagging
jQuery labelcheck
Overlabel
3 state radio buttons
ShiftCheckbox jQuery Plugin
Watermark Input
jQuery Checkbox (checkboxes with imags)
jQuery SpinButton Control
jQuery Ajax Form Builder
jQuery Focus Fields
jQuery Time Entry

Time, Date and Color Picker-時間、日期和顏色選取

jQuery UI Datepicker
jQuery date picker plugin
jQuery Time Picker
Time Picker
ClickPick
TimePicker
Farbtastic jQuery Color Picker Plugin
Color Picker by intelliance.fr

Rating Plugins-投票插件

jQuery Star Rating Plugin
jQuery Star Rater
Content rater with asp.net, ajax and jQuery
Half-Star Rating Plugin

Search Plugins-搜索插件

jQuery Suggest
jQuery Autocomplete
jQuery Autocomplete Mod
jQuery Autocomplete by AjaxDaddy
jQuery Autocomplete Plugin with HTML formatting
jQuery Autocompleter
AutoCompleter (Tutorial with PHP&MySQL)
quick Search jQuery Plugin

Inline Edit & Editors-嵌入的編輯器,所見即所得的編輯器

jTagEditor
WYMeditor
jQuery jFrame
Jeditable - edit in place plugin for jQuery
jQuery editable
jQuery Disable Text Select Plugin
Edit in Place with Ajax using jQuery
jQuery Plugin - Another In-Place Editor
TableEditor
tEditable - in place table editing for jQuery

Audio, Video, Flash, SVG, etc-音頻,視頻,flash,svg等

jMedia - accessible multi-media embedding
JBEdit - Ajax online Video Editor
jQuery MP3 Plugin
jQuery Media Plugin
jQuery Flash Plugin
Embed QuickTime
SVG Integration
jQuery Multimedia Portfolio
jQuery YouTube Plugin

Photos/Images/Galleries-照片,圖像,相冊等

ThickBox
jQuery lightBox plugin
jQuery Multimedia Portfolio
jQuery Image Strip
jQuery slideViewer
jQuery jqGalScroll 2.0
jQuery - jqGalViewII
jQuery - jqGalViewIII
jQuery Photo Slider
jQuery Thumbs - easily create thumbnails
jQuery jQIR Image Replacement
jCarousel Lite
jQPanView
jCarousel
Interface Imagebox
Image Gallery using jQuery, Interface & Reflactions
simple jQuery Gallery
jQuery Gallery Module
EO Gallery
jQuery ScrollShow
jQuery Cycle Plugin
jQuery Flickr
jQuery Lazy Load Images Plugin
Zoomi - Zoomable Thumbnails
jQuery Crop - crop any image on the fly
Image Reflection

Google Map-google地圖

jQuery Plugin googlemaps
jMaps jQuery Maps Framework
jQmaps
jQuery & Google Maps
jQuery Maps Interface forr Google and Yahoo maps
jQuery J Maps - by Tane Piper

Games-遊戲

Tetris with jQuery
jQuery Chess
Mad Libs Word Game
jQuery Puzzle
jQuery Solar System (not a game but awesome jQuery Stuff)

Tables, Grids etc.-表格,格子等

UI/Tablesorter
jQuery ingrid
jQuery Grid Plugin
Table Filter - awesome!
TableEditor
jQuery Tree Tables
Expandable “Detail” Table Rows
Sortable Table ColdFusion Costum Tag with jQuery UI
jQuery Bubble
TableSorter
Scrollable HTML Table
jQuery column Manager Plugin
jQuery tableHover Plugin
jQuery columnHover Plugin
jQuery Grid
TableSorter plugin for jQuery
tEditable - in place table editing for jQuery
jQuery charToTable Plugin
jQuery Grid Column Sizing
jQuery Grid Row Sizing

Charts, Presentation etc.-圖表

Flot
jQuery Wizard Plugin
jQuery Chart Plugin
Bar Chart

Border, Corners, Background-邊,角,背景

jQuery Corner
jQuery Curvy Corner
Nifty jQuery Corner
Transparent Corners
jQuery Corner Gallery
Gradient Plugin

Text and Links-文本和鏈接

jQuery Spoiler plugin
Text Highlighting
Disable Text Select Plugin
jQuery Newsticker
Auto line-height Plugin
Textgrad - a text gradient plugin
LinkLook - a link thumbnail preview
pager jQuery Plugin
shortKeys jQuery Plugin
jQuery Biggerlink
jQuery Ajax Link Checker
Chili jQuery code highlighter plugin
jScroller

Tooltips-提示

jQuery Plugin - Tooltip
jTip - The jQuery Tool Tip
clueTip
BetterTip
Flash Tooltips using jQuery
ToolTip

Menus, Navigations-菜單,導航

jQuery Tabs Plugin - awesome! [ demo nested tabs ]
another jQuery nested Tab Set example (based on jQuery Tabs Plugin)
jQuery idTabs
jdMenu - Hierarchical Menu Plugin for jQuery
jQuery SuckerFish Style
jQuery Plugin Treeview
treeView Basic
FastFind Menu
Sliding Menu
Lava Lamp jQuery Menu
jQuery iconDock
jVariations Control Panel
ContextMenu plugin
clickMenu
CSS Dock Menu
jQuery Pop-up Menu Tutorial
Sliding Menu

Accordions, Slide and Toggle stuff-幻燈、翻轉

jQuery Plugin Accordion
jQuery Accordion Plugin Horizontal Way
haccordion - a simple horizontal accordion plugin for jQuery
Horizontal Accordion by portalzine.de
HoverAccordion
Accordion Example from fmarcia.info
jQuery Accordion Example
jQuery Demo - Expandable Sidebar Menu
Sliding Panels for jQuery
jQuery ToggleElements
Coda Slider
jCarousel
Accesible News Slider Plugin
Showing and Hiding code Examples
jQuery Easing Plugin
jQuery Portlets
AutoScroll
Innerfade

Drag and Drop-拖拽

UI/Draggables
EasyDrag jQuery Plugin
jQuery Portlets
jqDnR - drag, drop resize
Drag Demos

XML XSL JSON Feeds

XSLT Plugin
jQuery Ajax call and result XML parsing
xmlObjectifier - Converts XML DOM to JSON
jQuery XSL Transform
jQuery Taconite - multiple Dom updates
RSS/ATOM Feed Parser Plugin
jQuery Google Feed Plugin

Browserstuff-瀏覽器相關

Wresize - IE Resize event Fix Plugin
jQuery ifixpng
jQuery pngFix
Link Scrubber - removes the dotted line onfocus from links
jQuery Perciformes - the entire suckerfish familly under one roof
Background Iframe
QinIE - for proper display of Q tags in IE
jQuery Accessibility Plugin
jQuery MouseWheel Plugin

Alert, Prompt, Confirm Windows-警告,提示,確認框

jQuery Impromptu
jQuery Confirm Plugin
jqModal
SimpleModal

CSS-樣式表單

jQuery Style Switcher
JSS - Javascript StyleSheets
jQuery Rule - creation/manipulation of CSS Rules
jPrintArea

DOM, Ajax and other jQuery plugins-DOm,ajax以及其他

FlyDOM
jQuery Dimenion Plugin
jQuery Loggin
Metadata - extract metadata from classes, attributes, elements
Super-tiny Client-Side Include Javascript jQuery Plugin
Undo Made Easy with Ajax
JHeartbeat - periodically poll the server
Lazy Load Plugin
Live Query
jQuery Timers
jQuery Share it - display social bookmarking icons
jQuery serverCookieJar
jQuery autoSave
jQuery Puffer
jQuery iFrame Plugin
Cookie Plugin for jQuery
jQuery Spy - awesome plugin
Effect Delay Trick
jQuick - a quick tag creator for jQuery
Metaobjects

elementReady

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

找到php.ini,安裝「Appserv」時,php.ini在「C:\WINDOWS」內。

找到「magic_quotes_gpc」修改成「magic_quotes_gpc = Off」

當php.ini的magic_quote_gpc設為On,所有GET、POST、COOKIE的資料都會自動的把單引號( ' )、雙引號( " )、反斜線( \ )及NULL加上一個反斜線

記得要動新啟動伺服器哦。

參考於:http://baniclin.blogspot.com/2008/09/php-addslashes.html

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

當網頁執行時經常出現以下情形訊息時

Warning: Cannot modify header information - headers already sent by (output started at C:\AppServ\www\1.php:1) in C:\AppServ\www\1.php on line 2

Warning: Cannot modify header information - headers already sent by (output started at C:\AppServ\www\1.php:1) in C:\AppServ\www\1.php on line 3

當網頁執行時經常出現以上情形時,可修改 php.ini 內的設定。 (php.ini 位於 C:\WINDOWS下)

在Appserv 2.5.7 中 output_buffering 預設是被設成 Off 的,如下說明:

 output_buffering = Off

解決方法 : 將 output_buffering 的值設成4096或以上然後重新啟動Apache即可解決問題

☆header 在送出之前不能用任何內容輸出,可能會造成問題

 

引用:http://blog.orz101.net/node/163

 

2010年4月14日-後來發現網頁用記事本編輯後,也會出現上面的問題,這部份就沒辦法用上面的方法解決。

所以請下載Notepad++中文版:http://sourceforge.net/project/showfiles.php?group_id=95717&package_id=102072

 

用Notepad++開啟網頁後,上面的「編碼→編譯成UTF-8碼(檔頁無BOM)」,再存檔,就可以解決這個問題了。

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

1.下載網址:http://ckeditor.com/,按「Free downlaod」

2.按下圖的「Download zip」存到網站內,並解壓縮

FCKeditor教學

3.輸入網址 http://localhost/tiny/fckeditor/_samples/default.html ,tiny是你的網站資料夾,上面選「Sample 02 : Replacement of a TEXTAREA」

FCKeditor教學 

4.在下面頁框右鍵>>檢視原始檔,選取如下圖位置,編輯>>複製,到Dreamweaver,貼到</head>的上面

FCKeditor教學

5.「<script type="text/javascript" src="../../fckeditor.js"></script>」改為正確的相對路徑。

var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;」

更改為「var sBasePath = "/tiny/fckeditor/" ;」

tiny是網站資料夾,我的網站是放在「http://localhost/tiny/」。

var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;」

更改為「var oFCKeditor = new FCKeditor( 'textarea' ) ;」

「textarea」是區域文字的名稱。

FCKeditor教學

6.預覽後就可以看了。

FCKeditor教學 

7.讓圖片可以上傳:修改「fckeditor\editor\filemanager\connectors\php\config.php」,「tiny」是網站資料夾,「pic」是我要上傳的資料夾,最後一行是網站的直實路徑。

FCKeditor教學 

8.按「FCKeditor教學 」就可以上傳圖片了

FCKeditor教學 

 

 

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

下載網址:http://tinymce.moxiecode.com/

1.按「Download TinyMCE」

TinyMCE教學

2.按下圖的「tinymce_3_2_7.zip」後面的數字是版本代號

TinyMCE教學

3.出現下圖,一般會自動下載,如果沒有下載,請按「direct link」

TinyMCE教學  

3.儲存到網站內

TinyMCE教學 

4.到網站的資料夾解壓縮檔案

TinyMCE教學 

5.按TinyMCE網站的「Examples」

TinyMCE教學  

6.下面有一些範本,可以選「Example 17」來修改成你要的。

TinyMCE教學 

7.點上面的「View Source」,點「copy to clipboard」把語法複製到剪貼簿。

TinyMCE教學 

8.到Dreamweaver,貼到</head>的上面,並把下圖反白部份刪除,這是表單的文字區域語法。

TinyMCE教學 

9.請修改下面的路徑到正確的位置。

TinyMCE教學 

10.先到Dreamweaver,插入>>表單>>文字區域>>確定

TinyMCE教學 

11.按「是」新增表單

TinyMCE教學 

12.儲存>>預覽,就可以看到結果了

TinyMCE教學 

下篇TinyMCE的中文化:http://css6.pixnet.net/blog/post/2491354

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

1.先下載http://www.apachefriends.org/zh_tw/xampp.html你可以下載ZIP版本,解壓縮就可以用了。解壓縮時請注意,最好放在根目錄,例如:C:\,資料夾名稱不要改,會不能用。

2.解壓縮後,請執行「xampp_start.exe」,會出現一個視窗,一下子就會不見。

xampp教學 

3.請執行「xampp-control.exe」,會出現下圖,Apache及MySql有Running。就成功了。

xampp教學 

xampp教學 

4.上網,網址輸入:http://localhost,會看到下圖。

xampp教學 

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

一般Linux的網站,在上傳中文檔案時會亂碼,可以使用「FileZillaPortable」,使用「UTF-8」編碼上傳,就不會亂碼了。

1.執行「FileZillaPortable」

FileZilla免安裝使用教學 

2.按左上角按鈕:新增站台

FileZilla免安裝使用教學 

3.按「新增站台」

FileZilla免安裝使用教學 

4.設定主機、登入型式、使用者(帳號)、密碼

 FileZilla免安裝使用教學

5.上面標籤「字碼集」,選「強制使用UTF-8」,按「確認」

 FileZilla免安裝使用教學

6.以後要連線,只要按左上角按鈕→新站台,就可以連線,而且中文不會亂碼。

FileZilla免安裝使用教學 


下載最新版::http://portableapps.com/apps/internet/filezilla_portable

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

你要先安裝Appserv,請看Appserv教學:http://css6.pixnet.net/blog/post/1942345

1.網站->新增網站->你要將網站命名為什麼:自行命名->您的網站HTTP網址(URL)為何?不用填,因為網站還不知道要放在那裡。下一步。

1 

2.選「是,我要使用伺服器技術」->哪種伺服器技術?PHP MySQL,下一步。

2 

3.選「在本機編輯和測試(這台電腦就是我的測試伺服器」,您要將檔案放在電腦上的什麼地方?C:\AppServ\www\guest,在C:\AppServ\www建一個資料夾「guest」,下一步。

3 

4.你要使用什麼URL瀏覽到網站根目錄?http://localhost/guest,後面的「guest」要跟剛才建立的資料夾相同哦,下一步。

4 

5.出現下面畫面,不要管它,按「確定」。

5 

6.選「否」,我還不要上傳到遠端網站,下一步。

6  

7.看到下面畫面,按「完成」

7 

就可以使用PHP+MySQL寫網站了。

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

Appserv網站伺器的下載及安裝設定:

1.下面網址可以下載,不要下載最新的,比較會有問題,存在「我的文件」。

http://www.appservnetwork.com/   

2.在下載的檔案上點二下左鍵。

3.出現下圖,按「Next >」

  1

4.出現下圖,授權說明,按「I Agree」 

2 

5.出現下圖,伺服器軟體要放的位置,通常不改,放在「C:\AppServ」,按「Next >」

 3

6.選擇你要安裝的項目,通常會全部安裝,按「Next >」 

 4

7.Server Name輸入「localhost」,Administrator's Email Address輸入你的電子郵件位置,按「Next >」 

 5

8.Enter root password:輸入你的MySQL管理密碼 Re-Enter root password:密碼再輸入一次,要跟上面的Enter root password一樣哦。 Charatcter Sets and Collations:這是你的網站的編碼方式,本來應該要使用「Big-5」,但是因為有很多人的網站會使用多國語文,建議用「UTF-8 Unicode」。按「Install」 

 6

9.Start Apache、Start MySQL都要勾選,按「Finish」

7 

 10.安裝後,可以上網,在網址輸入「localhost」或「127.0.0.1」測試Apache有沒有成功,看到下面的畫面,代表成功。

8 

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

Dreamweaver連線資料庫時,輸入的中文會變亂碼嗎?

這是因為網頁編碼與MySQL的編碼不同,所以可以在網站內的 Connections 資料夾內有一個檔案,請在最後一行的 ?> 上面加上一行。

$result = mysql_query("SET NAMES UTF8"); # 用國際編碼顯示中文,相容性較高,但是還是要測試你的網站適用那一種。

或:

$result = mysql_query("SET NAMES BIG5"); # 用繁體中文編碼顯示中文

 php亂碼解決

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

寫在Connections資料夾內的php檔案最下面「?>」上方

if (version_compare( phpversion() , '5.1.0', '>=')){
    date_default_timezone_set('Asia/Taipei'); //PHP5設定時區, 在PHP4無法使用
} else {
    putenv("TZ=Asia/Taipei"); //PHP4設定時區的用法
}

參考:http://calos-tw.blogspot.com/2009/04/php-phpphp4php5.html

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

«12
Close

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

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

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

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

reload

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼