網站架設網頁設計是邁向網路賺錢的第一步!讓網頁公司設計費用動則數萬元,自己不能掌握技術關鍵!如果要學習很長的時間才能讓網站經營,那又錯失很多賺錢的契機(更何況有技術顧問可以諮詢嗎?自己摸索想要【無師自通...往往會走火入魔!】唯有透過我們密訓基地的網路函授課程及提供專業技術諮詢!讓你在【網站架設網頁設計教學密訓基地】的輔導下,快速架站省錢又學會技術、無技術諮詢的後顧之憂!


最新的【網站架設網頁設計教學】課程表:

http://por.tw/Website_Design/E_learning/index.php



特訓密技基地總教頭 ster168ster@gmail.com


  • 1 
瀏覽模式: 普通 | 清單

Internet Explorer 瀏覽器為何要一再的更新?

Internet Explorer 瀏覽器為何要一再的更新?

PC作業系統Windows在安裝後預設瀏覽器就是:Internet Explorer
從IE6不行就換IE7,後來Windows 7又來個IE8
IE8很都人都還沒適應使用,現在又來個IE9(因為很多網友都不用IE瀏覽器,而改用其他網頁瀏覽器!)
微軟IE瀏覽器又推出新版本IE9,記者寫得天花亂墜(真的有那麼好嗎?還是照官方的廣告詞報導?)
不用花錢就可以免費下載的瀏覽器(其實暗地的商業收入是可觀的!)競爭當然火熱!
使用網頁瀏覽器時,使用者最在意的是:相容性(網頁看到的是否與原設計一樣?還是CSS設計都跑掉啦?)
說有【特色】?還不如穩定.安全.首頁不要被綁架,這才是使用者關心的!


以下是:台灣IE9繁體中文上市的新聞引用!
-------------------------------------------------------------------------------

台灣IE9繁體中文上市 展示效能威力
‧數位資訊 2011/03/21

微軟IE9正式版本在上週時候已經正式開放下載,而台灣地區在本日 (3/21)舉辦相關記者會活動,除了在現場展示IE9在執行效能以及對HTML5支援等方面表現外,同時現場在會後也分享了於3月12日所舉辦的微軟IE9「黑客松」活動心得。

微軟旗下IE9於上週 (3/14)釋出正式版本內容,並且在推出首日內即突破200萬次以上的下載次數,而台灣地區也在今天舉辦記者發表會,除了邀請相關合作廠商一同慶祝 IE9上市活動外,現場也提供展示IE9在執行方面的效能表現,另外從今天開始也將於台北信義誠品一樓開設「體驗,速度之美」IE9展示區,提供使用者親身體驗微軟新版瀏覽器的實際執行速度,另外也能在現場欣賞美麗的蓮花Elise Hardtop限量版跑車。

根據台灣微軟營運暨行銷事業群總經理陳宣霈表示,他將瀏覽器本身比喻為「電影院」,而使用者所想看的便是「電影 (即網頁)」內容,因此微軟秉持對瀏覽器市場的高度重視及對於使用者的承諾,此次IE9的推出便是擁抱網頁開發標準,同時結合支援硬體加速及強化安全隱私保護等機制,提供全新的「網路原力之美」瀏覽體驗,而配合微軟此次與各廠商的合作,除了將帶給使用者更多便利之外,同時也期望能帶來更多營運商機。

而延續去年在beta版本推出時所加入的I'm TV、痞客邦及6waves等合作夥伴,微軟此次也宣佈新加入的合作網站,包含MSN、遊戲基地、巴哈姆特、Groupon、KKBOX、美麗佳人、 Rojo (樂宙遊戲)、Pubu電子書城 (湛天科技)、UDN聯合線上、中華電信Xuite,甚至是台北市民當家熱線1999等知名廠商。

IE9特色介紹
現場除了分享IE9在開放下載後的表現外,同時也向現場媒體介紹微軟IE9中所做的改進與創新。

首先是與微軟合作廠商所提供的服務網站內容,將能透過IE9本身釘選功能 (Pinned Site)直接將網頁「釘」在Windows工作列上成為一組「應用程式」。不僅能提供一般網頁瀏覽,同時在釘選之後的圖示上按下滑鼠右鍵顯示的「跳躍清單 (Jump List)」,也能發現合作廠商所提供的特殊功能服務,例如直接顯示新聞分類項目,或是提供網路串流音樂播放控制,甚至對應部落格服務的話,佈僅能就各分類熱門內容推薦外,使用者也可直接點按發文功能撰寫內容。

而在IE9當中,隱私及安全保護更是主要議題之一。即使將網頁釘選為工具列程式後依然提供隱密瀏覽的 (InPrivate Browse)功能,避免IE儲存在瀏覽過程中會用到的網頁Cookie、暫存檔內容、歷程記錄或相關資訊,而可不留痕跡地放心瀏覽網頁內容。而在反追蹤部份,IE9提供「追蹤保護清單」的功能,讓使用者自訂管理可疑的網頁名單,避免特定網頁執行瀏覽行為紀錄的現象。

能有效將特定網率內容予以阻擋
而在惡意軟體防護方面,除了微軟本身團隊強化防堵之外,IE9本身亦可有效杜絕99%的社交引擎惡意軟體攻擊,根據官方統計報告透露,阻擋效果幾乎為Firefox的5倍及Chrome的33倍之多,同時亦提供使用者透過SmartScreen惡意軟體防護機制進行網站篩選,另外也能在下載過程中提醒安全性及可能存在的潛在威脅。

安全性方面,由微軟投資人力製作阻擋惡意網址清單等方式提供瀏覽安全
當然,IE9最重要的還是對應HTML5網頁技術,提供使用者結合Canvas、video等標籤進行特效技術呈現,讓瀏覽器本身即可呈現過去可能必須仰賴各式外掛才能顯示的效果。另外除了採用新款Chakra JavaScript引擎外,IE9也加入對應GPU或GPS等硬體項目的支援,使得執行效能可以更快,同時也能發揮過去以往可能無法完成的應用,諸如多媒體聲光播放呈現、具備華麗特效的Web頁面遊戲發展,或是以筆電為主的LBS服務應用等。

效能方面明顯提昇不少
而因為擁抱HTML5等網頁標準,IE9的開發者套件其實也顯得相當容易上手,透過撰寫一組網頁程式即可在各瀏覽器平台中運用,對於使用者而言則可毫無阻礙地瀏覽網頁內容,而無須考量是否有瀏覽器版本相容,或是遺漏外掛程式的困擾。而對開發者而言,內容跨平台的發展更是有利無弊,不但能吸引更多使用族群,對於旗下服務的推動也能更快加速發展。

黑客松活動分享

與現場媒體分享IE9諸多特色之後,微軟在會後也邀集3月12日所舉辦的「IE9黑客松」活動優勝團隊,同時分享活動當天的創作內容與心得,其中也能看見許多採用IE9內建的canvas繪圖技術及各項HTML5網頁技術的應用,甚至除了透過IE9呈現以投籃及迷宮為主題的遊戲創作外,也有開發者製作出「偽.Kinect彈力球」的遊戲,並且透過IE9完整重現在Xbox 360上呈現的效果 (雖然體感是透過電腦鍵盤操作…)。

而小編在私下與微軟官方人員談論時,也透露行動版的IE9將會在年內釋出 (不過出不僅對應WP7平台),其中當然也包含硬體加速與支援HTML5技術等特色,因此未來預期將能看見更多微軟或其他廠商在跨平台方面的網頁服務應用。 (至於先前一再更改日期的WP7首波更新內容,則確定將在近期釋出)
IE9上市慶祝活動
而此次台灣微軟為慶祝IE9正式上市,目前除了在台北信義誠品展示之外,同時也推出「即刻下載IE9,體驗速度之美」活動,讓使用者有機會獲得四萬元雙人來回機票或Groupon十萬團購金,另外也將特別安排其中五名幸運者親身體驗Lotus純手工賽車Exige S240的實駕速度。

OB2D主機伺服器使用【SUDO】,那什麼是:【SUDO】呢?

OB2D主機伺服器使用【SUDO】,那什麼是:【SUDO】呢?

SUDO是一個可以讓某些人暫時以root的身分執行某些經過允許的指令,也可說像是指派使用者至不同的群組給予特殊的檔案權限。
無論如何,他允許使用者於機器上使用特殊的指令,可以有效指派特殊權限的方法。

第一步,拿到SUDO軟體。

可以到Debian下載(副檔名.deb)於ftp://ftp.debian.org、或下"apt-get ins
tall sudo"

或於http://www.rpmfind.net/RPM尋得。

如果上面都行不通,到http://www.courtesan.com/sudo/拿Tar壓縮檔。

配置SUDO允許執行的使用者

現在SUDO裝好,我們於/etc找一個叫sudoers檔案編輯。
如果上面都行不通,到http://www.courtesan.com/sudo/拿Tar壓縮檔。

配置SUDO允許執行的使用者

現在SUDO裝好,我們於/etc找一個叫sudoers檔案編輯。

話說在前,你還要一個visudo軟體,他已置入SUDO軟體內,它提供安全檢查,
核對sudoers 的語法及斷句的錯誤,及禁止修改文件。

Visudo要Bash的VISUAL參數,設定文字編輯器的環境,請跟我下這個指令:

export VISUAL="pico -w"

在此,我們用PICO來做為文字編輯器的環境,我們現在輸入visudo,現在它打
開了/etc/sudoers供我們編輯。
在這,你會看到像這樣幾行的字:

注意:這是Debian的安裝方式,這裡有些參數我沒有著墨,我們是用預設值,
引以為例。這份是Sudo基本安裝指南,你可以輸入"man sudoers"或"man sudo
"看看我沒寫的地方。

#主機群列表

#使用群列表

#使用命令群

#設定某人能使用某命令
root    ALL=(ALL) ALL

以下為範例,純屬虛構。不過你聽完我這一席話,你就知道設定的方法。
主機名稱,就是可以使用Sudo的主機或簡易機主機名,在這裡可以指定一個或
多群主機,看看下面設法:

I.主機群列表
這一部分為主機的名稱。格式為:

Host_Alias 主機群名稱 = 主機一,主機二,其他...

第一類就是設定使用群的定義,如果只有一台要用Sudo,就不用設定。

II.使用群列表

這一部分為使用者群組的名稱。格式為:

User_Alias 使用群名稱 = 使用者一,使用者二,其他...
II.使用群列表

這一部分為使用者群組的名稱。格式為:

User_Alias 使用群名稱 = 使用者一,使用者二,其他...

我們來試看看,設定三個群組:ADMINS、PARTTIME及LINUXGROUP,也可以包含
不同組別的使用者。

User_Alias      ADMINS = netman, harrier, master
User_Alias      PARTTIME = jalala, sonar , huge
User_Alias      LINUXGROUP = lyte, SirPlaya

III.使用命令群

這一部分跟上面兩種格式相同:
User_Alias      ADMINS = netman, harrier, master
User_Alias      PARTTIME = jalala, sonar , huge
User_Alias      LINUXGROUP = lyte, SirPlaya

III.使用命令群

這一部分跟上面兩種格式相同:

Cmnd_Alias 命令群  = 命令一,命令二,其他...

如果要加入特別參數,可以用[]通用參數使用指令,舉個例子,USERS 這群使
用/usr/sbin/adduser [A-z]*,後面可使用一至多個參數。

Cmnd_Alias      BROWSE = /bin/ls, /bin/cd, /bin/cat
Cmnd_Alias      KILL = /bin/kill
Cmnd_Alias      USERS = /usr/sbin/adduser [A-z]*,/usr/sbin/userdel -
r [A-z]*

IV.設定某人能使用某命令

下面這行就是全部的指令都能執行,不過有個麻煩是「他什麼都能做」。

root    ALL=(ALL) ALL

下一行就是設定ADMINS群組裡面的netman、harrier及master,給予權限。

ADMINS ALL=ALL

下一行就比較有趣了喔,我們來設定PARTTIME裡的這三位臨時工jalala、sonar
及huge,可以在所有伺服器中,使用USERS、KILL及BROWSE這三群指令,還可以
執行/usr/bin/passwd,可是我們現在不想讓他改密碼( 因為我怕他們信用太低
把我的主機吞了 ),那有什麼方法,來!看看我下面怎麼變魔術:

PARTTIME ALL=USERS,KILL,BROWSE,/usr/bin/passwd [A-z]*, !/usr/bin/pass
wd root

看到了嗎,我在/usr/bin/passwd我加了一個"!",這樣就Ok拉。

djg DJNET=ALL

那這一行又是什麼,就是讓DJNET主機群來的djg「開放所有權限」。

最後快大功告成了,我們來設定LINUXGROUP內的lyte及SirPlaya 執行KILL,USE
RS, and BROWSE命令群內,本機的www 使用者能用的指令表,讓LINUXHELP(lin
group1及lingroup2這兩台)使用。該使用者可暫時使用Root 身份執行該指令。

LINUXGROUP LINUXHELP=(www) ALL (root) KILL,USERS,BROWSE

好了,現在/etc/sudoers經過適當調整後,存檔並離開visudo,如果語法錯錯誤
他還會提示您。
使用SUDO

現在看看我怎麼用Sudo:

djg@localhost:~ $ sudo -l
Password:   (在這輸入您的密碼)

如此一來,djg 就會按照/etc/sudoers的規則,來分配指令。

djg@localhost:~ $ sudo -u 使用者可以執行的指令 commandhere
Password:   (在這輸入您的密碼)
(如果無誤就會執行「使用者可以執行的指令」)

如果您使用root指令,-u參數會為預設值,通常這不需要,最簡單的用法:

djg@localhost:~ $ sudo commandhere

sudo於五分鐘之內,不需重新輸入密碼。

Xoops 發布新的 引擎 (X3) 【為什麼要重寫XOOPS?】

Xoops 發布新的 引擎 (X3) 【為什麼要重寫XOOPS?】

XOOPS 是一個高度可擴充、具物件導向、且易於使用的動態網站內容管理系統(CMS),採用 PHP 語言來設計。XOOPS 十分適合用於發展小型至大型的動態社群網站、內部 Intranet 網站、入口網站、並且可用來做為 WEB LOG 使用。
非常榮幸為您呈現 X3,一個為下一代XOOPS網站應用程式開發所設計的全新 Xoops 引擎。

此Xoops引擎不久就要呈現在世人眼前,這段期間,我們將會徹底的進行微調與除錯,但我相信,為了將XOOPS變成世界上最頂尖的網站平台,最終我們會將各種功能及技術方案做最佳的整合。

此新的Xoops引擎已從底層全面重新設計,並結合了各種第三方框架(如 Zend Framework 及 Smarty 3)的優點於一身。

為什麼要重寫XOOPS?
XOOPS 是眾多開放原始碼內容管理系統中成功的方案之一,在各種不同的平台評比中長期處於領先的位置,並獲獎無數。
但慢慢的已經顯露出疲態,因此,我們需要大刀闊斧的重寫其核心。

為了讓我們的開發者在開發時保持彈性以及擴展性,並且提供使用者一個高效能的平台,開發小組決定使用業界標準的各種框架。
如此一來,用現成的框架我們可以集中有限的資源使XOOPS更具獨特性及特殊性。

這樣我們可以擷取這些最新的網路開發框架的優點-就像是突然得到一個最頂尖最聰明的PHP以及RIA團隊來加入XOOPS一樣!

經多許多研究,現階段我們選用了一些框架:

    * PHP: Zend Framework
    * 樣板: Smarty 3,
    * JavaScript: jQuery


同時,Xoops引擎的多引擎機制,將可確保在未來繼續採用其他傑出的框架的可能性,例如Yii框架、Dojo Toolkit...等。

為什麼我們選用PHP 的 Zend Framework

    * 其設計與編程是最專業也是全球最先進
    * 全面物件導向以及純 PHP 5
    * 文件超完整,網路上還有數不盡的第三方資源可取用
    * 開發活動相當活躍且持續,此外,其團隊也是 PHP (Zend)幕後的開發團隊
    * 擁有來自主流企業的支援(包括 IBM, Google, Microsoft, Adobe Systems, 以及 StrikeIron)
    * 松耦合(Use-at-will)設計可以讓開發者獨立使用組件,每個組件幾乎不依賴其他組件。
    * 提供了強大且高效能的 MVC 實現和基於PHP的樣板。
    * 其組成元件廣大,且鬆散耦合並可相容於其他函數庫
    * 可搭配 PHPunit 來進行單元測試

我們的展望:
 XOOPS引擎架構是設計用來建構一個更受歡迎的XOOPS:

    * 模組化
    * 佈景主題
    * 樣板

於新的XOOPS Engine我們期望改善:

    * 彈性的架構以及優雅的程式碼及執行
    * 現代化的 MVC 架構:快速開發、頂尖技術工藝
    * 支援分散式的虛擬主機佈署
    * 貢獻者的友善架構:易於管理第三方模組及外掛
    * SEO 優化能力
    * 豐富的函數庫及框架
    * 可使用單元測試

自從新的Xoops引擎致力以穩定、彈性架構及頂尖框架來帶領XOOPS專案成為下一世代的網站開發平台,他的機制以及APIs可能會與傳統的XOOPS有所不同。
然而,我們將持續盡我們最大的努力去維持舊有的模組及佈景在開發上及佈署上可以相容於新平台。

在即將發布的文件中,我將會完整的詳細介紹新的功能。
在此刻,請先參閱 Technical.txt 作為臨時的說明文件。
您可能也會想要看看 Todo.txt 以了解我們接下來還有哪些事情要做。

測試:
我了解每個XOOPS人都熱切的想要看看新的Xoops引擎長怎樣以及它是如何運作,而且部份開發者可能已經迫不及待的想要在新的引擎上開發新模組。

然而自從發布了此新引擎的初版,我想強調這只是 Alpha 測試版本,主要是給經驗豐富的開發者以及設計者來使用,看看哪裡有臭蟲、遺漏的功能,而且也會常常在更新。請記住:這只是ALHPA 測試版!

給一般使用者:在經驗豐富的開發者與設計者使這個新系統更為友善之前,請耐心等待囉~

測試中的平台::
本平台源碼已經在一些有限的環境下測試過:

    * WAMP Server
    * CentOS/apache/php/mysql
    * Uniform Server

我們注意到 X3 無法在某些環境下運作(例如: EasyPHP)。然而, Alpha 測試版的目標並非測試X3可以在哪些瀏覽器及可能的平台上運作,而是測試其功能及規格。
所以,若您的測試網站無法運作時,請盡量使用上述平台環境。
等到我們將主要架構確認,我們就會開始測試各種不同環境的相容性以確保它可以順利運作。

系統需求:
Apache mod_rewrite
PHP 5.3+

臭蟲回報:
對於XOOPS引擎的開發,我們將使用獨立的 Bug Tracker: SourceForce Trac. 請在此回報任何問題。
關於相關討論,在示範網站建立前請使用 Sourceforge Forum 。

這是未來幾個月的計畫:

   1. 11月:我將會與少數經驗豐富的開發者,像是 Trabis 以及 MusS 來準備一些基本模組。
   2. 12月:一個指定的小團體,包括開發者、設計者、測試者以及技術文件編輯者將一起在一個有基本功能的系統上開始作業
   3. 我們的目標是在年底前可以生出一個相當穩定的平台,可以讓開發者及使用者來玩玩看。

解決Joomla安裝錯誤 Call to undefined method JException::getNullDate()

解決Joomla安裝錯誤 Call to undefined method JException::getNullDate()

-------------------------------------------------------------------------
往有來信問道:
求救!!在第二步驟"顯示錯誤"為「開啟」,要如何關閉他,然後最後一個步驟出現錯誤!!求救!!

在安裝(Joomla安裝錯誤)最後一個步驟出現的錯誤,不知道該如何解決!?
Notice: Undefined index: DBtype in /raid/vhost/vinblog.url.tw/www/holane/installation/installer/models/model.php on line 764

Fatal error: Call to undefined function: getnulldate() in /raid/vhost/vinblog.url.tw/www/holane/installation/installer/helper.php on line 290

我該如何解決這個問題?
-------------------------------------------------------------------------

在安裝Joomla是報錯:

Notice: Undefined index: DBtype in /joomla/installation/installer/models/model.php on line 764

Fatal error: Call to undefined method JException::getNullDate() in /joomla/installation/installer/helper.php on line 290

是因為安裝的時候直接把configuration.php-dist更名為configuration.php了

解決Call to undefined method JException::getNullDate()錯誤就是新增一個空白的configuration.php傳上去就可以了,記得此檔案要有讀寫的權限,Linux使用者建議改為777檔案屬性

網頁設計從Table走向css的好處

網頁設計從Table走向css的好處

有人認為:css沒有像網頁設計中用Table來的『視覺化』『直接』,所以會猜疑:為何『網頁設計』的趨勢會走向CSS呢?
大家在架站時會發覺:『網頁設計』由table走向css的趨勢,很多架站程式已經都不用table,而改用css來製作!
其實很多設計包括我自已一開始都會覺得css是非常麻煩的,有的時候為了解決某個瀏覽器的一個小bug,往往花上半天到一天的時間,而雖然書上總是說的很容易,但在實作的時候也總是會碰到很多問題
所以很多設計都會直接跟我說:用table就好啦!幹嘛吃飽太閒嗎?為何要用CSS這種麻煩的東西?

可是因為在許多css的書籍及網站都宣揚許多使用css的好處,所以雖然一開始花了很多時間在研究
後來真的也漸漸發現了使用css及table的差異,和它的好處:
1.原始碼整個乾淨了許多,沒有那些多餘了tr,td, [原始碼瞬間瘦身成功]
2.由於原始碼變得整齊,而且標籤也具有意義,所以在修改的時候變得更容易, [更好管理] ,不需要盲目的尋找不具意義的標籤,一個一個作修改,節省了許多時間
3.網站檔案變小後,當然 [load網頁的速度也加快了許多]
4.有意義的標籤如title、h1、h2,使得搜尋引擊更容易去判斷此網站的內容及關鍵字為何,進而 [提升網站的排名]
當然使用css還有許多優點是我所沒有提到的,但是我覺得基於上面四項好處,我們就應該儘量的由table轉向css,致力研究更多css的用法,讓我們的客戶擁有更通用、更優化的一個網站。

解決IE6、IE7、IE8、Firefox的瀏覽器CSS相容性問題!

解決IE6、IE7、IE8、Firefox的瀏覽器CSS相容性問題!

每次調CSS最令人頭痛的就是瀏覽器校正問題,因為每個瀏覽器對CSS的解釋都不太一樣,Firefox本身算是比較照規矩來,處理上比較簡單,但是遇到微軟的IE系列頭就大了,雖然都是IE,但是IE6、IE7、IE8各版本對CSS的解釋又不一樣,就算你本身已經在IE6調整好,但是在IE7看起來又是不一樣,這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題。

網路上有非常多關於CSS Hack的教學文章,當然處理方法也有很多種,接下來要跟大家說明的是屬於比較簡單的方法,但是以下的校正確無法通過W3C檢測,雖然無法通過檢測,但是針對各個瀏覽器校正確是有效的喔!

目前瀏覽器大宗還是屬於IE6的天下,這原因主要是因為XP本身內建IE6,而且很多使用者很喜歡重灌XP,因此IE6仍占走了大半的瀏覽器天下,不過隨著Windows7的出現,倒是有非常大的機會解決過氣的IE6,因為Windows7本身是內建IE8,微軟的IE8對CSS的解釋已經越來越標準,當然標準程度仍是不及Firefox。

另外,如果要處理IE各版本瀏覽器的相容性問題,那一定要有各版本的IE瀏覽器可以瀏覽,但是微軟作業系統內並沒有讓多版本的IE共存,為了讓自己電腦內存在多種版本的IE瀏覽器,那就趕快下載IETester來使用吧!另外,也別忘記下載Firefox來修正網頁CSS喔!

——————————–我是分隔線——————————–
區別IE和Firefox

【辨識符號】:「\9」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

background:red \9; /*IE6、IE7、IE8背景變紅色*/

}

【說明】:因為IE瀏覽器看得懂「\9」,但是非IE的瀏覽器一律看不懂,因此就可以用這個語法來區分IE和 Firefox(非IE瀏覽器,像是Opera、Google Chrome、Safari等),因此以上CSS範例中,非IE瀏覽器是顯示藍色背景,IE系列瀏覽器是顯示紅色背景。

——————————–我是分隔線——————————–
區別IE6、IE7、IE8、Firefox

【辨識符號】:「\9」、「*」、「_」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

background:red \9; /*IE8 背景變紅色*/

*background:black; /*IE7 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:因為IE系列瀏覽器可讀「\9」,而IE6和IE7可讀「*」(米字號),另外IE6可辨識「_」(底線),因此可以依照順序寫下來,就會讓瀏覽器正確的讀取到自己看得懂得CSS語法,所以就可以有效區分IE各版本和非IE瀏覽器(像是 Firefox、Opera、Google Chrome、Safari等)。

——————————–我是分隔線——————————–
區別IE6、IE7、Firefox (方法 1)

【辨識符號】:「*」、「_」

【範例練習】:

#tip {

background:blue; /*Firefox背景變藍色*/

*background:black; /*IE7 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:IE7和IE6可讀「*」(米字號),IE6又可以讀「_」(底線),但是IE7卻無法讀取「_」,至於Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」,因此就可以透過這樣的差異性來區分IE6、IE7、Firefox,

——————————–我是分隔線——————————–
區別IE6、IE7、Firefox (方法 2)

【辨識符號】:「*」、「!important」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

*background:green !important; /*IE7 背景變綠色*/

*background:orange; /*IE6 背景變橘色*/

}

【說明】:IE7可以辨識「*」和「!important」,但是IE6只可以辨識「*」,卻無法辨識「!important」,至於Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。
區別IE7、Firefox

【辨識符號】:「*」、「!important」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

*background:green !important; /*IE7 背景變綠色*/

}

【說明】:因為Firefox可以辨識「!important」但卻無法辨識「*」,而IE7則可以同時看懂「*」、「!important」,因此可以兩個辨識符號來區隔IE7和Firefox。

——————————–我是分隔線——————————–
區別IE6、IE7 (方法 1)

【辨識符號】:「*」、「_」

【範例練習】:

#tip {

*background:black; /*IE7 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:IE7和IE6都可以辨識「*」(米字號),但IE6可以辨識「_」(底線),IE7卻無法辨識,透過IE7無法讀取「_」的特性就能輕鬆區隔IE6和IE7之間的差異。
區別IE6、IE7 (方法 2)

【辨識符號】:「!important」

【範例練習】:

#tip {

background:black !important; /*IE7 背景變黑色*/

background:orange; /*IE6 背景變橘色*/

}

【說明】:因為IE7可讀取「!important;」但IE6卻不行,而CSS的讀取步驟是從上到下,因此IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS,所以背景色會呈現橘色。

——————————–我是分隔線——————————–
區別IE6、Firefox

【辨識符號】:「_」

【範例練習】:

#tip {

background:black; /*Firefox 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:因為IE6可以辨識「_」(底線),但是Firefox卻不行,因此可以透過這樣的差異來區隔Firefox和IE6,有效達成CSS hack。

——————————–我是分隔線——————————–

關於IE6、IE7、IE8、Firefox之間的CSS Hack大概是以上那樣,如果有疏漏或是有錯誤還煩請大家指證一下囉!這些CSS Hack是我目前看過比較簡單的處理方式,當然如果你不會很在意CSS是否通過W3C的驗證,你只會在意每個用戶在不同的瀏覽器下閱讀是否可以正常的話,其實以上CSS Hack對你來說是非常好用的,因為這些CSS Hack如果善加利用確實可以正確的解決瀏覽器相容性問題。

以上的CSS Hack參照了以下幾篇文章所整理出來的,感謝以下文章的詳細說明。

* 語法 | IE8正式版hack @ MUKI space*
* 技巧 | 同時KO IE6、7以及火狐 @ MUKI space*
* 關於CSS對各個瀏覽器相容的其他作法 @ 獅子男的VOX

Reference: http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/
本文章引用來至:http://code.yesjimmy.info/?p=223

網站模版(主題布景)設計-Artisteer 2.6.0.35446 繁體中文版

網站模版(主題布景)設計-Artisteer 2.6.0.35446 繁體中文版

【文章標題】: 站模版設計工具(主題布景產生器)-Artisteer.v2.6.0.35446 繁體中文化版
【文章作者】: 軟體中文化密訓基地-總教頭
【作者信箱】: steven8ster@gmail.com
【作者首頁】: http://por.tw/f2blog
【軟體中文化課程】: http://por.tw/f2blog/new-E_learning/index.php
【內容分類】: 站模版設計工具(主題布景產生器)
【附件大小】: 136MB
【基地主機】: http://visdacom.com/f2blog
【解壓密碼】: 軟體中文化教學密訓基地
【版權聲明】: 【原創】軟體中文化密訓基地,轉載必須保留完整標頭。刪除者依法追究!
--------------------------------------------------------------------------------
【文章內容】
  站模版設計工具(主題布景產生器)-Artisteer.v2.6.0.35446 繁體中文化版
 
  您還在一步一步、慢慢地修改佈景主題程式碼和CSS嗎?
  其實,有更好的辦法!使用Artisteer.v2.6.0.35446 繁體中文版就對啦!

 
  你是否曾經為了尋找一個適合的佈景主題找了半天,找到了又為了修改成自己想要的樣子,又修改了半天,最後發覺想呈現更好的網站,需要浪費很多的時間。
 
  從現在開始,你不用再浪費寶貴的時間慢慢地尋找佈景主題,有了 Artisteer,你能夠在很短的時間內,透過功能強大的 Artisteer佈景主題產生器,你將製作出任何你夢想中的佈景主題。
 
  Artisteer是「唯一」一套能夠自動製作出佈景主題的軟體。
  透過 Artisteer,你不需要了解HTML、CSS及其他任何的程式語言。
  當然,你也不需要學會 Dreamweaver和 Photoshop,只要按幾個鍵,你就能為自己的CMS(Wordpress、Joomla、Blogger、Drupal...產生出漂亮的佈景主題。
 
 Artisteer特色
  ‧支援多國語系,(總教頭已經繁體中文化完成,找總教頭就有繁體中文版啦!)
  ‧自動化的設計:任何設計元素的定位、調整,圖片的顏色及大小、對比,邊框
  的顏色、形狀...,許多智慧圖片處理效果,讓你的佈景主題設計自動的變得更
  美觀
  ‧設計元素:可輕易調整CMS中任何的設計元素,如:版面編排、背景、標頭、導航列
  內文及按紐...
  ‧精準的控制:可讓你控制基本的網頁元素,像是版面編排、版面配色以至於選單的
  漸層
  ‧容易使用:幾乎不用學習,甚至連一個六歲大的小朋友在30分鐘內也能輕易上手
 
  使用 Artisteer 可以讓你在幾分鐘內建立 WordPress 的部落格主旨和專業水平的網站模版。
 
  傻瓜式模版製作利器——Artisteer是一個網站模版設計工具,使用傻瓜式模版製作利器Artisteer可以讓你在幾分鐘內建立 WordPress的部落格主旨和專業水平的網站模版。Artisteer採用獨特的方法,不需要任何編碼或CSS的知識來設計模版,整個過程完全傻瓜式操作,該計劃內含各種背景圖片,紋理,照片剪貼畫,字型的主旨和其它設計元素,以說明你建立模版,而不需要額外的資源。成品模版可以匯出為 WordPress的主旨或內容管理系統模版,使用傻瓜式模版製作利器Artisteer來製作主旨是再合適不過了。
   
  Artisteer的軟體設計簡潔大方,讓使用者在設計主旨中能夠輕鬆上手,而對於製作WordPress主旨,更考慮到每一個頁面的各個細節,製作完畢以後,可以直接輸出WordPress主旨包,立刻就可以使用,實在是非常方便。
 
 
  Artisteer是一個網站模版設計工具,使用 Artisteer 可以讓你在幾分鐘內建立 WordPress 的部落格主旨和專業水平的網站模版。
  Artisteer 採用獨特的方法,不需要任何編碼或 CSS 的知識來設計模版,整個過程完全傻瓜式操作,該計劃內含各種背景圖片,紋理,照片剪貼畫,字型的主旨和其它設計元素,以說明你建立模版,而不需要額外的資源。
  成品模版可以匯出為 WordPress 的主旨或內容管理系統模版,使用傻瓜式模版製作利器 Artisteer 來製作主旨是再合適不過了。
 
  Artisteer 的軟體設計簡潔大方,讓使用者在設計主旨中能夠輕鬆上手,而對於製作 WordPress 主旨,更考慮到每一個頁面的各個細節,製作完畢以後,可以直接輸出 WordPress 主旨包,立刻就可以使用,實在是非常方便。
 
  整個過程完全傻瓜式,沒有繁瑣的操作過程。
  只要短短的幾分鐘就能製作出一個非常美觀的主旨。
  傻瓜式模版製作利器—— Artisteer 可以快速說明你建立主旨模版,不需要任何額外的資源,成品模版可以匯出為 WordPress 的主旨或內容管理系統模版,立刻就可以使用,非常方便;可見使用傻瓜式模版製作利器 Artisteer 來製作主旨是再合適不過了。
 
  Artisteer的是第一個也是唯一的網頁設計自動化產品,創造精彩瞬間看,獨特的網站模版和部落格的主旨。
 
  *設計真棒WordPress的部落格,專業的Joomla!和Drupal模版,並在幾分鐘內很酷的網站設計
  *易於使用
  *無需學習的Photoshop,CSS,HTML格式或其他技術
  *匯出為 WordPress的主旨或CMS模版
 
  Artisteer你馬上成為 Web設計專家,編輯和切片圖像,編碼的XHTML和CSS,創造網頁設計模版,Joomla模版,Drupal主旨,WordPress的主旨,DotNetNuke的皮膚,和Blogger的所有模版在幾分鐘內,沒有 Photoshop或Dreamweaver,無技術技能。
 
  十大使用Artisteer的理由:
 
  1。生成超酷的網頁設計與想法。
  2。調整產生的設計,可以建立非常好看Web和模版。
  3。建立完全正確的,有效的HTML和CSS,這符合Web標準。
  4。你不需要學習的Photoshop,CSS,HTML和其他Web技術建立美觀的設計,內含圖片和按鈕。
  5。如果你是一個網頁設計師,產生的想法,原型和快速的網站為您的客戶和朋友。
  6。選取並使用了許多內含設計元素,從背景的照片物件和按鈕。
  7。自動解決問題的圖像失真,Web瀏覽器的相容性和其他細節需要時間和知識。
  8。瞭解如何建立專業的HTML和CSS代碼。
  9。省錢對 Wordpress主旨和網頁設計模版。
  10。如果你沒有時間,租你的孩子造成極大的期待為您設計網站。
 
  上菜啦!各位看倌請慢用!

attachments/201101/8334096693.png
 
--------------------------------------------------------------------------------
【補充說明】
 
Artisteer is the first and only Web design automation product that instantly creates fantastic looking, unique website templates and blog themes.

* Design awesome WordPress Blogs, professional Joomla! and Drupal templates, and cool Website designs in Minutes
* Easy to Use
* No need to learn Photoshop, CSS, HTML or other technologies
* Export as Wordpress Theme or CMS Template

With Artisteer YOU immediately become a Web design expert, editing and slicing graphics, coding XHTML and CSS, and creating Web Design Templates, Joomla templates, Drupal themes, Wordpress themes, DotNetNuke skins, and Blogger templates all in minutes, without Photoshop or Dreamweaver, and no technical skills.

Top 10 reasons to use Artisteer

1. Generate cool Web design ideas.
2. Adjust generated designs to create great looking Web and Blog templates.
3. Create perfectly correct, validated HTML and CSS that conform to Web standards.
4. You dont need to learn Photoshop, CSS, HTML and other Web technologies to create great looking designs, including images and buttons.
5. If you are a Web designer, generate ideas, prototypes and quick Websites for your clients and friends.
6. Choose and use many included design elements, from backgrounds to photo objects and buttons.
7. Automatically solve problems with image aliasing, Web browser compatibility and other details requiring time and knowledge.
8. Learn how to create professional HTML and CSS code.
9. Save money on Wordpress Themes and Web design templates.
10. If you dont have the time, hire your kids to create great looking web design for you.
 
  站模版設計工具(主題布景產生器)-Artisteer.v2.6.0.35446 繁體中文化版下載之檔案位址:
 
  http://por.tw/Downloads/Artisteer.v2.6.0.35446.rar
 
--------------------------------------------------------------------------------
你還在自己摸索如何將英文、日文或簡體中文軟體如何繁體中文化嗎?有【技術顧問服務】可諮詢嗎?
往往一個問題無法解決你可能要發很多時間處理(或許永遠找出答案)那就是軟體中文化痛苦的開始!
購買【軟體中文化】函授課程錄影DVD教學課程,你就可獲得【軟體中文化】技術的【顧問諮詢服務】!
   

【網站架設網頁設計教學】課程講解影片

【網站架設網頁設計教學】課程講解影片

網路訪客來信問道:

建議是否能夠開放網站架設網頁設計秘技教學函授課程幾個示範影片讓想購買參考;謝謝!


【總教頭】回覆:
好建議!我能理解您的擔心與疑慮(因為只有看到課程表)
很可能需要影片來展示與說明一下實際的教學情況
太好啦!我特別錄製一段影片(讓想購買課程者有充分的瞭解!)


【網站架設網頁設計教學】課程講解影片

請連結以下網址觀看影片:

http://por.tw/Downloads/Q&A/Q&A-59/index.html

注意:影片放在網路上,是串流格式(需等待載入到100%才會順暢)
實際購買教學影片(是光碟,所以保證影片播放時一定順暢!)
  • 1 
本網站架設網頁設計教學基地立志於收集各類網站架設、網頁設計資料及技術教學資訊,便於本人和廣大網友及網友查詢檢索,無論公司或個人認為本站存在侵權內容均可與本站聯繫,任何此類反饋資訊一經查明屬實後,將立即移除!