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


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

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



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


瀏覽模式: 普通 | 清單
超級特別好消息!

即日起購買【網站架設網頁設計教學】課程,馬上贈送【網站、部落格主題布景設計教學密技絕招】課程-教學影片

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

您還在一步一步、慢慢地修改佈景主題程式碼和CSS嗎?

其實,有更好的辦法!使用【網站、部落格主題布景設計教學密技絕招】就對啦!
 
你是否曾經為了尋找一個適合的佈景主題找了半天,找到了又為了修改成自己想要的樣子,又修改了半天,最後發覺想呈現更好的網站,需要浪費很多的時間。
 
從現在開始,你不用再浪費寶貴的時間慢慢地尋找佈景主題,有了【網站、部落格主題布景設計教學密技絕招】你能夠在很短的時間內,透過功能強大的佈景主題,你將製作出任何你夢想中的佈景主題。

 
 attachments/201111/3994457285.png
 
【網站、部落格主題布景設計教學密技絕招】可以讓你在幾分鐘內建立網站、部落格主題布景和專業水平的網站模版。
你不需要任何編碼或CSS的知識來設計模版,整個過程完全傻瓜式操作,該計劃內含各種背景圖片,紋理,照片剪貼畫,字型的主旨和其它設計元素,以說明你建立模版,而不需要額外的資源。
 
使用【網站、部落格主題布景設計教學密技絕招】你馬上成為 Web設計專家,編輯和切片圖像,編碼的XHTML和CSS,創造網頁設計模版,Joomla模版,Drupal主題布景設計,WordPress的主題布景設計,DotNetNuke的皮膚,和Blogger的所有模版在幾分鐘內,沒有 Photoshop或Dreamweaver,無技術技能。
 
  十大使用【網站、部落格主題布景設計教學密技絕招】的好處:
 
  1.生成超酷的網頁設計與想法。
  2.調整產生的設計,可以建立非常好看Web和模版。
  3.建立完全正確的,有效的HTML和CSS,這符合Web標準。
  4.你不需要學習的Photoshop,CSS,HTML和其他Web技術建立美觀的設計,內含圖片和按鈕。
  5.如果你是一個網頁設計師,產生的想法,原型和快速的網站為您的客戶和朋友。
  6.選取並使用了許多內含設計元素,從背景的照片物件和按鈕。
  7.自動解決問題的圖像失真,Web瀏覽器的相容性和其他細節需要時間和知識。
  8.瞭解如何建立專業的HTML和CSS代碼。
  9.省錢!不用再次花大錢請網頁公司幫你設計網站、部落格主題布景。
  10.如果你沒有時間,快速生成能滿足你為您設計網站的極大期待。
在媒體與廣告上出現【雲端技術】用詞,您知道什麼是【雲端技術】嗎?

那【雲端技術】是有財團是搞出來賺錢的新玩意?還是一般民眾也可以獲得『商機』呢?


請看以下的一些說明:

雲端技術是徹底將服務網路和虛擬化。

過去,中小企業或個人須購買很好的電腦、不便宜的軟體才能完成工作。
但「雲端」出現,只要一台薄薄的終端設備,例如:個人電腦、手機、甚至電視,就能在廠商提供的快速運算平台上,使用免費的服務,完成自己的工作。

雲端技術的概念,可分為三層:

上層:是各類設備和資料庫等業者,硬體和服務廠商如戴爾、惠普、IBM、亞馬遜投身其中。

中層:是驅動上層硬體設備、支援下層使用者的平台服務,由軟體業者建置軟體或作業系統平台,透過網路連上平台,軟體業者提供程式和服務。
微軟與Google在此平台上競爭激烈。

下層:則是多元的使用環境。
包括各式各樣的軟體服務,運用最徹底的就是Google的Google Apps,提供一系列的免費網路軟體。
包括日曆、試算表、文件製作軟體等,可下載讓個人攜帶,也可留在伺服器上,給其他擁有權限的使用者分享。


微軟︰雲端商機上看880億
與經部簽合作備忘錄 年底前成立軟體中心
微軟執行長史蒂夫·鮑爾默(Steve Ballmer)昨來台慶祝台灣微軟成立20周年慶及發表「運籌雲端、共創三螢(電視、筆電、手機)」演說。
他強調,以微軟在軟體強項及台灣硬體優勢合作下,將為台灣創造更多的雲端商機。

他預估,在微軟建構的雲端生態系中,將為台灣帶來16.2萬個工作、880億元商機,而在2009~2013年間,因投入雲端的發展,台灣在資訊產業鏈上的成長上,將創造7.1萬工作、600家新公司及帶動消費成長2%,換成為經濟成長率約貢獻1.3%。
微軟為展現深化與台灣的合作關係,昨與經濟部簽署成立軟體暨服務卓越中心合作備忘錄,將在台成立「軟體暨服務卓越中心」,期望讓台灣委託代工及委託設計代工業者,能藉由微軟專利授權等強化台灣硬體廠商軟體的研發能力。

不過,微軟及經濟均對雙方合資的金額及未來成立的規模低調不願表示意見,僅表示年底前將會正式成立。

雲端技術最早是由 Amazon所弄出來的一種軟體技術,實在是很難相信這樣的技術卻是Amazon一個網路購物平台所弄出來的。
Amazon做出來後,比較大的兩家 Google 跟 Microsoft 也都跟進了。

那什麼是雲端技術?我們把【雲端】想成在網路上有個很大的主機,所以主機就會有著, CPU / Memory / 硬碟空間 / 資料庫 等等。
以微軟來說,你現在可以免費的去使用這樣的超級大主機,這個超級大主機是由許許多多的實體主機所組合出來的。
所以你不用去擔心這個雲端主機會壞掉等等。
你可以把你所撰寫的程式放在這個雲端主機上面執行,免費的去使用 Microsoft / Goolgle 所提供的硬體資源。

那實體運作怎麼做呢 ?
舉個例子吧,今天你要設計出一個CRM系統好了,你可以使用Microsoft免費的雲端主機,你可以將Application放在主機上,使用MS所提供的資料庫,這樣子就可以使用 0 硬體成本,就可以將您的Application放在雲端上面了。

【雲端技術】好處是什麼 ?
對一個創業家來說, 真是一個大利多, 你只要會 Coding ,也不用擔心創業的硬體資本,就可以將您的Application Publish出來創業了。

【雲端技術】問題點在哪 ?
雲端這麼好,當然還是有其問題,目前看來最大的問題還是在頻寬,現在雲端技術並沒有普及,基本上這些在雲上面的主機,也都是架在國外,在我們這邊執行起來還是偏慢的。
這是目前我認為最大的問題。至於網路上說的資安問題,我覺得對現階段來說,並不是個太大 Issue,畢竟敢作雲端技術的 Provider,都是那些天才,該想到的問題,我認為都想到了。

【雲端技術】對創業者機會點在哪 ?

因為雲端這個技術實在是太新了,所以只要佔住了第一Release的就是市場的第一名,要成名也容易,要賺錢也容易,但是網路品質真的很重要。
對於使用者來說,使用者根本就不知道他使用的是不是雲端技術,他們要的是方便,快速, 實用,所以聰明的RD們,還是要掌握這幾點,你會是下一個在網路大放光彩的人。

雲端技術降低SaaS門檻,小公司也能做全世界的生意

不論是Amazon去年推出的EC2和S3服務,或是Google 新推出的Google App Engine,都可以讓企業租用運算資源或儲存空間,來執行企業自己開發的應用程式。

Google或Amazon所提供的雲端應用平臺服務,大幅降低了雲端運算的使用門檻。
即使企業沒有足夠的能力或財力,自行建立自己的機房與網路架構,都能夠利用Amazon或Google的資訊架構,來提供全球性的 SaaS(Software-as-a-Service)服務。

例如:很多小型的IT設計業者,幾個工程師設計出來的IC產品,可以透過臺積電的代工廠,將產品賣到全世界。臺積電平臺作為支點,帶動了臺灣的IC設計產業發展。

現在只要有好的服務點子,即使沒有財力物力自建機房,也能租用Amazon的雲端資源,提供全球服務。

只要幾個人一起開發,就可以用Google的平臺來服務全世界。
資通所也開始租用Amazon的EC2與S3服務,來彙整網友分享的臺北市街景照片,預計作為2010年台北國際花卉博覽會的導覽資源。
目前資通所只投入幾個人力,來規畫想法和開發程式,完全不需要建置設備。這個服務透過Google Maps的API與Amazon的雲端服務,很快就可以開始蒐集臺北街景照片。

這也是臺灣業界的新機會,像Web 2.0這類的網路服務馬上可以獲益,打破因為地理區域造成的網路頻寬限制。
對企業而言,也可以考慮加快將MIS業務委外,「企業不需要再自行建置機房,使用雲端運算的服務,既可以提升品質,又能降低成本。」

當網路上的SaaS服務越來越多,越來越多人將資料放在網路之後,進一步會帶動的技術,就是寬頻無線網路的技術。
「WiFi、WiMAX的重要性會更明顯,不論工作或娛樂都需要連到雲的那一端,所以使用者隨時都會想要享有快速的網路頻寬。」

【雲端運算】創造了新的開發典範,開發人員要面臨的新挑戰是,沒有處理器限制、沒有網路頻寬限制、沒有資料量限制以後,我們可以有什麼樣的應用?
標籤: 雲端技術

網頁設計從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的用法,讓我們的客戶擁有更通用、更優化的一個網站。

如何讓網頁自動跳轉代碼html方案

如何讓網頁自動跳轉代碼html方案

網頁自動跳轉代碼html方案一

<html>
<head>
<meta http-equiv="Content-Language" content="zh-tw">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<meta http-equiv="refresh" content="0.1;url=http://www.goto1688.tw">
<title></title>
</head>
<body>
</body>
</html>


網頁自動跳轉代碼html方案二


<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>正在進入</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在進入,請稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">

<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script>
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "http://要轉跳連結之網址";}
}</script>
</p>
</form>
<p align="center"> 如果無法跳轉跳轉,<a style="text-decoration: none" href="http://www.731000.cn"><font color="#FF0000">請點這裡</font></a>.</p>
</body>
</html>


限時網頁自動跳轉
網頁自動跳轉代碼html專案

腳本說明:

把如下代碼加入<body>區功能變數中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var start=new Date();
start=Date.parse(start)/1000;
var counts=10;
function CountDown(){
var now=new Date();
now=Date.parse(now)/1000;
var x=parseInt(counts-(now-start),10);
if(document.form1){document.form1.clock.value = x;}
if(x>0){
timerID=setTimeout("CountDown()", 100)
}else{
location.href="http://要轉跳連結之網址"
}
}
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.setTimeout('CountDown()',100);
-->
</script>
<FORM NAME="form1">
<INPUT TYPE="text" NAME="clock" SIZE="2" VALUE="10">
10秒後自動跳轉網頁
</FORM>

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

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

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

網路訪客來信問道:

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


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


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

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

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

注意:影片放在網路上,是串流格式(需等待載入到100%才會順暢)
實際購買教學影片(是光碟,所以保證影片播放時一定順暢!)

安裝 Xoops utf8 版本模組時.
當然 Mysql用utf8編碼卻『發生亂碼』的解決方法

自己有獨立主機,還沒有發生『亂碼』的問題
今天在『虛擬主機』幫客戶安裝XOOPS2的模組,卻發生『亂碼』

用PHPMyAdmin進入資料庫一看:哇!資料庫校對是:latin1_swedish_ci

難怪會發生『亂碼』的事件!

各位下載了 Xoops utf8 版安裝後, 一定會發現資料庫儲存是
latin1_swedish_ci 的格式, 而不是 utf8_unicode_ci 嗎?


A. 當你要安裝新 module 時, 全部都要作第一步驟。
B. 升級新版 Xoops 時, 要確定第二步驟內三行指令還在。
不然就會出現問題! 如: 選 變成 口 , 而且 phpmyadmin
看到都是亂碼了!

我解決方式如下:


在安裝模組的:sql 目錄
  mysql.sql
在每一個 CREATE TABLE 的底下

找到:
----------------
ENGINE=MyISAM;
----------------
改成:
----------------
ENGINE=MyISAM CHARACTER SET utf8 COLLATE utf8_unicode_ci;
----------------

先將發生亂碼的模組反安裝(移除安裝)
再將已經修改好的mysql.structure.sql上傳覆蓋之!

再次安裝模組,這樣就OK啦!
希望這篇文章日後有人也因此而獲得解決!

筆者網站寫文章,就是分享自己的經驗(給日後需要的你!)

使用.htaccess禁止盜鏈

使用.htaccess禁止盜鏈

許多網站因為自身的性質,要應用到很多圖片。
隨著網站訪問量的上升,大量的圖片檔案對伺服器頻寬的佔用日趨嚴重,而其他網站對圖片的盜鏈則更雪上加霜。
如果說其他網站不加說明不注出處地對我們內容的複製讓我們鬱悶的話,這種圖片的盜鏈則更過份:複製內容雖然在某種程度上可以說是剽竊我們的勞動成果,但畢竟對網站本身沒有太大的傷害,而圖片盜鏈則讓頻寬被無任何回報地佔用,影響網站的訪問速度。
我們對此的反應也只是為圖片加入水印,加上我們網站的位址,希望這一方面能讓盜鏈者有所忌諱,另一方面即便被盜鏈,希望能有使用者循此找到我們網站。

這時候便不由自主地地感歎起伺服器平台選取的重要性來了,如果在Linux + Apache下,想要防止類似的盜鏈是相當簡單的。

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

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

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等,不同檔案副檔名間使用「|」分割。

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

網頁設計技巧-文字排版

網頁設計技巧-文字排版

我們在做網頁的時候會發現:自己畫的圖也不錯,自己做的佈局也很精緻,做的圖示也很漂亮,第一眼看起來都覺得很漂亮,但是看看就覺得不舒服,也不清楚為什麼......

這裏我告訴你,也許就是你的排版出現問題了。頁面排版不合理產生的視覺效果會讓讀者的眼睛產生的疲勞感,基本的毛病在於「字間距太擠或太寬」、「行距太小或太大」、「段距太少或太多」、「每行字數太多或太少」等這幾個常見因素。大家可以從下面的圖示和講解內容中看出差別,同時我會給大家一個相對照較好的參數供大家參考。當然設計本來就不要太過拘泥,我所提供的都是一般性的提議,不同網站不同對待,不要過於拘泥我所給大家的一些參數。

下面我們用圖例來說明。大家仔細看下面第一張圖,前三個圖是行距的問題,後兩個是字數的問題。

行距的問題

第一個太擠了,都粘在一起了,這樣眼睛在看這個文字的時候會需要花點時間去分辨,這樣的排版會讓讀者看得很累。很不舒服。大家看一下自己手頭上所做文字的是不是太擠了,如果是那就改一下吧!

第二個是比較適中的,由於每行分得很清楚,這樣看起來有很強的識別性。

第三個是比較寬的,鬆了一點,這樣看起來也很清楚,但是當你的文章不是一兩行而是十幾行與幾十行的時候你就會覺得文章的連貫性產生了很嚴重的脫節,一般排版不會越過兩個字型高度(2em)。

字數的問題

下面兩個圖是字數的問題。第四個每行文字太長,這樣看起來頭要搖來搖去,這樣讀者更容易顯得很累。因為要不斷的轉動頭,或是讓眼球不斷的左右擺動。最舒服的模式就是讀者一眼看上去就能把一行看完,不然從行末到下一行行首也會形成斷裂感。

而下面的又太扁了,這樣看起來也不是很舒服。由於在不斷的換行閱讀,眼球也會覺得不舒服。推薦的最好字數是: 不大於45個字母,不大於30個漢字。
本網站架設網頁設計教學基地立志於收集各類網站架設、網頁設計資料及技術教學資訊,便於本人和廣大網友及網友查詢檢索,無論公司或個人認為本站存在侵權內容均可與本站聯繫,任何此類反饋資訊一經查明屬實後,將立即移除!