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


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

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



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


瀏覽模式: 普通 | 清單

Jscript語法教學課程(網站架設網頁設計密訓基地)
現在有很多網站是使用Jscript語法
Jscript語法很短,就能執行強大功能
例如:Google的點擊廣告,只要複製一段Jscript語法
貼在你的網頁上(就會自動出現不同的廣告、圖片及超連結)
所以Jscript語法是網站架設網頁設計必須要學的語法
我整理了一些Jscript語法,希望藉此提供要學習或查詢資料的網友閱讀!

Jscript語法的資料連結網址:

http://visdacom.com/Website_Design/Jscript-L1/index.html

什麼是 JScript 語法?
JScript 是 Microsoft 公司對 ECMA 262 語系規範的一種實現。JScript 完全實現了該語系規範,並且提供了一些利用 Microsoft Internet Explorer 的功能的增強特性。本教學的目的就是引導您學習使用 JScript。
易學易用
JScript 是一種解釋型的、基於對象的腳本語系。儘管與諸如 C++ 和 Java 這樣成熟的面向對象的語系相比,JScript 的功能要弱一些,但對於它的預期用途而言,JScript 的功能已經足夠大了。
JScript 不是任何其他語系的精簡版(例如,它只是與 Java 有點模糊而間接的關係),也不是任何事物的簡化。不過,它有其局限性。例如,您不能使用該語系來編寫獨立運行的套用程式,並且該語系讀寫檔案的功能也很少。此外,JScript 腳本只能在某個直譯器上運行,該直譯器可以是 Web 伺服器,也可以是 Web 瀏覽器。

JScript 是一種寬鬆類型的語系。這意味著您不必顯式定義變量的資料類型。事實上您無法在JScriot上明確地定義資料類型。此外,在大多數情況下,JScript 將根據需要自動進行轉換。例如,如果試圖將一個數值新增到由文字組成的某項(一個字串),該數值將被轉換為文字。

CSS Div 與 CSS Span

Div

Div 這個標籤目的是將內容分為不同的區域,而每一個區域可以根據 CSS 中的宣告而有自己的樣式。Div 是一個區塊級容器 (block-level container),這代表在 </div> 標籤後會換行。

舉例來說,如果我們有以下的 CSS 樣式:

.large {
  color: #00FF00;
  font-family:arial;
  font-size: 4pt;
}

以下的 HTML 碼,

<div class="large">
  這是 DIV 範例。
</div>

就會顯現為,

這是 DIV 範例。

Span

Span 跟 Div 類似的地方是,這兩個標籤的目的都是將內容分為不同的區域。不同的是,Span 可以涵蓋更細層的元素。所以,我們甚至可以用 <span> 來調整單一文字的樣式。另外,在 </span> 之後並不會換行。

舉例來說,如果我們有以下的 CSS 樣式:

.largefont {
  color: #0066FF;
  font-family:arial;
  font-size: 6px;
}

以下的 HTML 碼,

Span 不是<span class="largefont">區塊級的</span>.

就會顯現為,

Span 不是區塊級的.

Apache伺服器使用.htaccess實現圖片防盜鏈教學

Apache伺服器使用.htaccess實現圖片防盜鏈教學

許多網站因為自身的性質,要應用到很多圖片。隨著網站訪問量的上升,大量的圖片檔案對伺服器頻寬的佔用日趨嚴重,而其他網站對圖片的盜鏈則更雪上加霜。如果說其他網站不加說明不注出處地對我們內容的複製讓我們鬱悶的話,這種圖片的盜鏈則更過份:複製內容雖然在某種程度上可以說是剽竊我們的勞動成果,但畢竟對網站本身沒有太大的傷害,而圖片盜鏈則讓頻寬被無任何回報地佔用,影響網站的訪問速度。我們對此的反應也只是為圖片加入水印,加上我們網站的位址,希望這一方面能讓盜鏈者有所忌諱,另一方面即便被盜鏈,希望能有使用者循此找到我們網站。當然,這並不解決盜鏈的有效手段,但是,在我們目前基於Windows + IIS的伺服器平台對這個問題好像沒有什麼更好的辦法(僅是個人之見,可能不對。如蒙高手指點,不勝感激)。

這時候便不由自主地地感歎起伺服器平台選取的重要性來了,如果在Linux + Apache下,想要防止類似的盜鏈是相當簡單的,而IIS以圖形化的管理介面降低入手難度的同時,不免增加了許多管理上的難度。

下面簡單介紹一下筆者之前在Linux + Apache平台下防止圖片被盜鏈的設定方法,希望能對同樣面臨圖片盜鏈問題,伺服器基於Linux + Apache的朋友有所說明。

註:1、本文雖然談的是防止圖片盜鏈的問題,但設定也同樣適用於其他非Html類型的檔案,比如說下載網站的防盜鏈,只需將下面設定中的檔案類似由gif、jpg變更為相應的zip或rar即可。

2、本方法筆者在Linux + Apache下測試通過,而對於是否也同樣適用於Windows + Apache平台,則沒有把握,採用這類平台的朋友可自行測試。

Apache中的.htaccess檔案

.htaccess檔案(或是」分散式配置檔」)是Apache中相當重要的配置檔,其格式為純文字,它提供了針對目錄改變配置的方法,通過在一個特定的文件目錄中放置一個包括一個或多個指令的檔案,以作用於此目錄及其所有子目錄。

通過.htaccess檔案,可以實現簡單地很多在IIS中很繁瑣甚至無法實現的功能,如密碼保護、禁止顯示目錄清單、阻止/容許特定的IP位址、實現網址的301 重定向等。

正如上面所說, .htaccess檔案將影響其所在的目錄及其子目錄,因此,如果我們要保護的內容(此處以防止圖片盜鏈為例,即圖片)位於網站內多個目錄下,可以考慮將其放在根目錄下;而如果圖片有單獨的子目錄如「/images/」,則只需將其放置在該目錄下。

需要注意的是,如果通過FTP模式將建立好的.htaccess上傳到伺服器上,傳輸模式應為ASCII而非Binary。上傳到伺服器後,應將其屬性通過CHMOD修改為644 或「RW-R–R–」,這樣,可以保證伺服器能夠使用同時無法通過瀏覽器修改,當然,.htaccess的可讀屬性也存在一定的風險:攻擊者可通過它找出您要保護的對象或認證檔案位置——解決辦法是將認證檔案.htpasswd放到網站根目錄之外,這樣,便無法通過網路找到它了。

使用.htaccess禁止盜鏈
通過.htaccess來防止網站的圖片、壓縮檔、或視訊等非Html檔案被盜鏈的方法相當簡單,通過在.htaccess檔案中加入幾句指令即可保護我們寶貴的頻寬。



通過.htaccess來防止網站的圖片、壓縮檔、或視訊等非Html檔案被盜鏈的方法相當簡單,通過在該檔案中加入幾句指令即可保護我們寶貴的頻寬。例如本站的設定如下:



RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://itlore.cn/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://itlore.cn$ [NC]

RewriteCond %{HTTP_REFERER} !^http://www.itlore.cn/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://www.itlore.cn$ [NC]

RewriteCond %{HTTP_REFERER} !^http://itlore.ch/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://itlore.ch$ [NC]

RewriteCond %{HTTP_REFERER} !^http://www.itlore.ch/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://www.itlore.ch$ [NC]

RewriteCond %{HTTP_REFERER} !^http://blog.itlore.ch/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://blog.itlore.ch$ [NC]

RewriteRule .(gif|jpg)$ http://botu.bokee.com/photodata2/2008-3-30/001/168/952/14901157_gif/14901157_h.jpg [R,L]

簡單的解釋一下上述語句:

1、RewriteCond %{HTTP_REFERER} !^$ [NC]


容許空「HTTP_REFERER」的訪問,即容許使用者在瀏覽器位址欄中直接輸入圖片位址時圖片檔案的顯示。一般而言,這是可選的,不過,建議這麼設定,如果強迫必須具有「HTTP_REFERER」才能訪問,可能會帶來某些問題,比如說在使用者通過代理伺服器訪問時。

2、RewriteCond %{HTTP_REFERER} !domain.com [NC]

設定容許訪問的HTTP來源,內含我們的站台自身、Google、Baidu、Bloglines、Feedburner等。

3、RewriteRule .*.(gif|jpg|png)$ http://domain.com/no.png [R,NC,L]

定義被盜鏈時替代的圖片,讓所有盜鏈 jpg、gif、png 等檔案的網頁,顯示根目錄下的 no.png 檔案。注意:取代顯示的圖片不要放在設定防盜鏈的目錄中,並且該圖片檔案體積越小越好。當然你也可以不設定取代圖片,而是使用下面的語句即可:

RewriteRule .*.(gif|jpg|png)$ - [F]

4、說明一下其中的R、NC 和 L

R 就是轉向的意思
NC 指的是不區分大小寫
L 的作用是指明本次轉向到此結束,後續的轉向不受先前判斷語句的影響

5、防止盜鏈的檔案類型

上例中是 gif、jpg、png,而根據需要,可變更或加入其他檔案類型,如rar、mov等,不同檔案副檔名間使用「|」分割。

這樣的話,就可以基本做到簡單的防止被盜鏈情況的發生,而且可以盡最大可能的減少伺服器流量的無畏消耗,當然了,如果你不在意這點流量的話,那麼可以不用考慮上述設定啦!


 

AdSense廣告無法投放在Discuz!討論區之問題解決方法

最近AdSense 支援小組收到一些Discuz!論壇(討論區)發佈商反饋廣告無法展示!
經過和Discuz!團隊以及AdSense產品部門的溝通,目前確定以下解決方案可以解決廣告展示問題。
如果您的網站是Discuz!論壇並遇到了同樣的廣告展示問題,請按如下步驟進行操作:

請進入Discuz!安裝目錄,在includejs目錄下的common.js文件內刪除以下語句:


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

  Array.prototype.push = function(value) {

this[this.length] = value;

return this.length;

}

------------------------------------------------------------------------------------
如果調整以後,您的Discuz!論壇依然不能正常展示AdSense廣告,請透過AdSense支援中心與AdSense 支援小組聯繫。

標籤: 技術支援

什麼是HTML5?

什麼是HTML5?

HTML5草案的前身名為Web Applications 1.0。
於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的HTML工作團隊。
在2008年1月22日,第一份正式草案已公佈,預計將在2010年9月正式向公眾推薦。

HTML 5有兩大特點:
1. 強化了Web網頁的表現效能。
除了可描繪二D圖形外,還準備了用於播放視訊和音訊的標籤。

2. 追加了本地資料庫等Web應用的功能。
HTML 5 並非僅僅用來表示 Web 內容,它的使命是將 Web 帶入一個成熟的應用平台
在這個平台上,視訊,音訊,圖像,動畫,以及同電腦的互動都被標準化。


把以下引用中的代碼複製貼上到文字檔案裡,然後命名為html5.html即可
你的瀏覽器需要支援html5

===========================================================

    <!doctype html><!-- simplified doctype works for all previous versions of HTML as well –>
    <!-- http://shandian.biz/ -->
    <!-- Paul Irish's technique for targeting IE, modified to only target IE6, applied to the html element instead of body -->
    <!--[if lt IE 7 ]><html lang="en" class="no-js ie6"><![endif]-->
    <!--[if (gt IE 6)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
    <head>
        <!-- simplified character encoding -->
        <meta charset="utf-8">
        <title>Easy HTML5 Template</title>
        <meta name="description" content="Easy HTML5 Template">
        <meta name="author" content="">
        <!-- Delete these two icon references once you've placed them in the root directory with these file names -->
        <!-- favicon 16x16 -->
        <link rel="shortcut icon" href="/favicon.ico">
        <!-- apple touch icon 57x57 -->
        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
        <!-- Main style sheet. Change version number in query string to force styles refresh -->
        <!-- Link element no longer needs type attribute -->
        <link rel="stylesheet" href="css/screen.css?v=1.0">
        <!-- Modernizr for feature detection of CSS3 and HTML5; must be placed in the "head" -->
        <!-- Script tag no longer needs type attribute -->
        <script src="js/modernizr-1.6.min.js"></script>
        <!-- Remove the script reference below if you're using Modernizr -->
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <!-- If possible, use the body as the container -->
    <!-- The "home" class is an example of a dynamic class created on the server for page-specific targeting -->
    <body class="home">
        <!-- ******************************************************************** -->
        <!-- The content below is for demonstration of some common HTML5 elements  -->
        <!-- More than likely you'll rip out everything except header/section/footer and start fresh -->
        <!-- First header has an ID so you can give it individual styles, and target stuff inside it -->
        <header id="hd1">
            <!-- "hgroup" is used to make two headings into one, to prevent a new document node from forming -->
            <hgroup>
            <h1>Easy HTML5 Template</h1>
            <h2>tagline</h2>
            </hgroup>
            <!-- Main nav, styled by targeting "#hd1 nav"; you can have more than one nav element per page -->
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </header><!-- #hd1 -->
        <!-- This is the main "div" that wraps the content generically; don't use "section" for this -->
        <div id="main">
            <!-- The first of two "section" elements for demo purposes; optional class added for styling (hs1 = "home section 1") -->
            <section class="hs1">
            <!-- Each section should begin with a new h1 (not h2), and optionally a header -->
            <!-- You can have more than one header/footer pair on a page -->
                <header>
                <h1>This is a Page Sub Title</h1>
                </header>
                <p>Some content...</p>
                <!-- The h2 below is a sub heading relative to the h1 in this section, not for the whole document -->
                <h2>Demonstrating EM and STRONG</h2>
                <!-- "strong" is used for SEO and contextual hierarchy -->
                <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>
                <!-- "b" is used for stylistic offset of text that's NOT important contextually -->
                <p><b>This text has visual importance but has no contextual or SEO importance</b></p>
                <!-- "em" is used for colloquial-style emphasis -->
                <p>This is a <em>very</em> colloquial expression.</p>
                <!-- There can be multiple footers on each page -->
                <!-- Secondary headers and footers don't necesarily need ids; they can be targeted via context (i.e. ".hs1 footer") -->
                <footer>
                <!-- incite a riot: http://24ways.org/2009/incite-a-riot -->
                <p>Author: <cite>Louis Lazaris</cite></p>
                </footer>
            </section><!-- .hs1 -->
            <!-- This is another section; doesn't have header/footer because it's not required -->
            <section class="hs2">
            <h1>This is another section</h1>
            <p>This is some dummy content</p>
            </section><!-- .hs2 -->
        </div><!-- #main -->
        <!-- The "aside" element could be a sidebar (outside an article or section) -->
        <!-- Or it could reference other tangentially-related content within an article or section -->
        <aside id="sidebar">
        <p>Sidebar content</p>
        </aside>
        <!-- The main footer has an ID for targeting, similar to the main header -->
        <footer id="f1">
        <p>copyright ? year</p>
        </footer><!-- #f1 -->
    <!-- Remote jQuery with local fallback; taken from HTML5 Boilerplate http://html5boilerplate.com -->
    <!-- jQuery version might not be the latest; check jquery.com -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>
    <!-- Below is your script file, which has a basic JavaScript design pattern that you can optionally use -->
    <!-- Keep this and plugin scripts at the bottom for faster page load; combining and minifying scripts is recommended -->
    <script src="js/general.js"></script>
    <!-- asynchronous analytics code by Mathias Bynens; change UA-XXXXX-X to your own code; http://mathiasbynens.be/notes/async-analytics-snippet -->
    <!-- this can also be placed in the <head> if you want page views to be tracked quicker -->
    <script>
    var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
    (function(d, t) {
        var g = d.createElement(t),
            s = d.getElementsByTagName(t)[0];
        g.async = true;
        g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g, s);
    })(document, 'script');
    </script>
    </body>
    </html>

網頁按鈕選單製作軟體-Blumentals Easy Button and Menu Maker Pro v2.1.0.12

要製作美美的網頁按鈕和網頁選單很困難嗎?
錯了!很簡單!超簡單!不用會美工技術,只要按一下就自動做好了!

Blumentals Easy Button & Menu Maker Pro是一款專業的網頁按鈕和網頁選單製作工具,程式幫你快速建立複雜的按鈕和動態選單。
具有多種範本可以供選取,支援中文輸入,所見即所得的操作模式,非常方便。

Blumentals Easy Button and Menu Maker Pro按鈕和選單製作工具,您可以輕鬆地建立複雜的動態選單按鈕和專業為您的網站,而投資只需幾分鐘的時間。
100多名內含優雅的設計範本,反映不同的設計風格,如所謂的玻璃和Vista風格。

與大多數其他選單工具,EASY按鈕和選單製作工具提供可視化選單直接所見即所得編輯器,因此它是非常容易和愉快的工作。
選單建立 EASY按鈕和選單製作工具是快速,結構緊湊,相容所有現代 Web瀏覽器。

Easy Button and Menu Maker Pro主要特點:

輕鬆建立網頁按鈕涼
輕鬆建立動態多級選單的網站
直接的視覺所見即所得的編輯器選單
使用您選取的字型
加入圖示的按鈕和選單
輕鬆插入建立的按鈕和選單在您的網站
所有Web瀏覽器和系統支援
生成的代碼是有效的,符合標準
GIF,PNG和JPEG圖像格式的支援

備註:此軟體原版為英文版(網路並沒有繁體中文化版)
原因:此軟體要中文化C:Program FilesEasy Button Menu Makerlang 目錄下語系檔Languages.sib
是需要用SilEditor軟體開啟『逐字逐句翻譯』,哈哈!『沒有人有那麼多免費的美國功夫與時間』
沒有錢可以賺的事情當然沒人要做!要等有時間又願意當義工者才會去弄!


attachments/201012/5710479234.png


With Easy Button & Menu Maker you can easily create sophisticated buttons and professional dynamic menus for your website while investing just a few minutes of your time. More than 100 elegant design templates are included, reflecting various design styles such as so called Glass and Vista style.

Unlike most other menu tools, Easy Button & Menu Maker provides direct WYSIWYG visual menu editor, so it is much easier and pleasant to work with. Menus created with Easy Button & Menu Maker are quick, compact and compatible with all modern web browsers.

Key Features

Easily create cool web buttons
Easily create dynamic multi-level website menus
Direct visual WYSIWYG menu editor
Use fonts of your choice
Add icons to the buttons and menus
Easily insert created buttons and menus in your website
All Web browsers and systems are supported
The generated code is valid and standards compliant
GIF, PNG and JPEG image formats are supported

官方原版下載:
http://www.blumentals.net/download/btnmenu2.exe

精彩圖片之間不間斷迴圈卷動、滑鼠經由停止、點擊放大

完整代碼如下:

大家可以複製到Dreamweaver裡進行編輯



<div id="test" style="text-align:center"></div>

<DIV align=center id=demo style="OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 87px"
align=center>
<TABLE cellSpacing=0 cellPadding=0 align=left border=0
cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="120"><img src="http://圖片網址/2007730114350852.jpg" width="68" height="68" border="0" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114350141.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114350308.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114421279.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114421119.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114421360.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114350141.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://圖片網址/2007730114350882.jpg" width="68" height="68" onclick="test(this)"></td>

</tr>
</table></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=5
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}


function test(_this) {
document.getElementById("test").innerHTML = "<img src='" + _this.src + "' width='500px' height='400px'/>";
}


</SCRIPT>

Joomla1.6官方中文語系包無法安裝臨時解決專案

Joomla1.6官方中文語系包無法安裝臨時解決專案

Joomla 控們迫不及待地體驗了joomla1.6,但是發現從Joomla官方下載的中文語系包無法安裝!
通常情況下,將zh-TW-site下的語系檔案複製到 languagezh-TW,zh-TW-admin下的檔案複製到administratorlanguagezh-TW下,後台重整即可看到語系選項,唯獨這次正式版卻不曾看見。
現發佈一個臨時解決專案
開啟joomla1.6的資料表找到jos_extensions表,拉到600多條記錄會發現有en-GB的記錄,如下圖
attachments/201101/3142721391.jpg

依葫蘆畫瓢,在下面加入新記錄為en-GB改成:zh-TW
 
重整後台便可看到中文選項,client_id欄位是設定前台後台之分!
此專案非官方給出,僅供參考
本網站架設網頁設計教學基地立志於收集各類網站架設、網頁設計資料及技術教學資訊,便於本人和廣大網友及網友查詢檢索,無論公司或個人認為本站存在侵權內容均可與本站聯繫,任何此類反饋資訊一經查明屬實後,將立即移除!