2018年2月11日 星期日

HTML《隨手查》!

Ⅰ、基礎篇

概念:
            <html>
                <head>
                    文件檔頭
                                    <title>文件標題</title>
                                    <meta http-equiv=....>文件資訊
                                    <script language="語法宣告">......</script>
                </head>
                <body>
                    文件主體
                </body>
           </html>

①<html>:HTML文件宣告
    語法:
    <html>文件內容</html>

②<html dir>:HTML文件方向
    語法:
    <html dir="ltr/rtl">

③<head>:文件檔頭
    語法:
    <head>文件檔頭</head>

④<meta>:文件資訊
    語法:自動更新網頁
    <meta http-equiv="refresh" content="秒數;url=連結網址">
    語法:文字編碼方式
    <meta http-equiv="content-type" content="text/html;charset=編碼方式">  如:Big5, utf-8

⑤<title>:文件標題
    語法:
    <title>文件標題</title>

⑥<body>:文件主體
    語法:
    <body>文件主體</body>
    語法:文字顏色
    <body text="顏色屬性">......</body>  如:red, 00FFFF
    語法:網頁左邊界
    <body leftmargin="數字">......</body>
    語法:網頁上邊界
    <body topmargin="數字">......</body>
    語法:背景顏色
    <body bgcolor="顏色屬性">......</body>  如:red, 00FFFF
    語法:背景圖片
    <body background="圖片路徑">......</body>
    語法:固定背景圖片〔只適用IE〕
    <body bgproperties="fixed">......</body>
    語法:超連結顏色
    <body link="顏色屬性">......</body>  尚未讀取  如:blue, green, pink
    <body vlink="顏色屬性">......</body>  已經讀取  如:blue, green, pink
    <body alink="顏色屬性">......</body>  按下滑鼠,正要讀取  如:blue, green, pink

⑦<script>:程式碼宣告
    語法:
    <script language="語法宣告">......</script>  如:language="JavaScript"

⑧<!-->:文件附註
    語法:
    <!--附註文字-->


Ⅱ、文字篇

①<h1>~<h6>:標題字
    語法:
    <h1>文字</h1>
    <h2>文字</h2>
    <h3>文字</h3>
    <h4>文字</h4>
    <h5>文字</h5>
    <h6>文字</h6>
    語法:標題字對齊
    <h1 align="位置">文字</h1>  如:align="center" ; align="right"

②<b>:粗體字
    語法:
    <b>文字</b>

③<strong>:粗體字
    語法:
    <strong>文字</strong>

④<i>:斜體字
    語法:
    <i>文字</i>

⑤<em>:斜體字
    語法:
    <em>文字</em>

⑥<var>:斜體字
    語法:
    <var>文字</var>

⑦<cite>:斜體字
    語法:
    <cite>文字</cite>

⑧<u>:底線字
    語法:
    <u>文字</u>

⑨<s>:刪除線字
    語法:
    <s>文字</s>

⑩<strike>:刪除線字
    語法:
    <strike>文字</strike>

⑪<tt>:電報字體
    語法:
    <tt>文字</tt>

⑫<big>:加大字體
    語法:
    <big>文字</big>

⑬<small>:縮小字體
    語法:
    <small>文字</small>

⑭<sup>:上標字
    語法:
    <sup>文字</sup>

⑮<sub>:下標字
    語法:
    <sub>文字</sub>

⑯<code>:程式碼字體
    語法:
    <code>文字</code>

⑰<dfn>:定義文字體
    語法:
    <dfn>文字</dfn>

⑱<kbd>:輸入文字體
    語法:
    <kbd>文字</kbd>

⑲<samp>:輸出文字體
    語法:
    <samp>文字</samp>

⑳<basefont>:基本字型
    語法:
    <basefont size="級數">文字</basefont>

㉑<font>:字型設定
    語法:字型大小
    <font size="級數">文字</font>
    語法:字型名稱
    <font face="字體名稱">文字</font>  如:華康雅宋體
    語法:字型顏色
    <font color="顏色屬性">文字</font>

㉑<blink>:閃爍字〔只適用Netscape〕
    語法:
    <blink>文字</blink>

㉒<>"&±™©®¥£:特殊字元
    語法:
        <  &lt;
        >  &gt;
        "  &quot;
        &  &amp;
        ±  &plusmn;
        ™  &trade;
        ©  &copy;
        ®  &reg;
        ¥  &yen;
        £  &pound;


Ⅲ、段落篇

①<br>:段落換行
    語法:
    文字<br>

②<p>:新增段落
    語法:
    文字<p>

③<nobr>:取消自動換行
    語法:
    <nobr>文字</nobr>

④<pre>:保留格式
    語法:
    <pre>文字</pre>

⑤<blockquote>:段落縮排
    語法:
    <blockquote>文字</blockquote>

⑥<address>:地址格式
    語法:
    <address>文字</address>

⑦<center>:居中對齊
    語法:
    <center>文字</center>

⑧<xmp>:保留輸出
    語法:
    <xmp>文字</xmp>

⑨<hr>:水平線
    語法:
    <hr>
    語法:水平線粗細
    <hr size="數字">
    語法:水平線長度
    <hr width="數字/百分比">
    語法:水平線顏色
    <hr color="顏色屬性">
    語法:水平線位置
    <hr align="left/center/right">
    語法:水平線陰影
    <hr noshade>


Ⅳ、影像篇

①<img>:加入圖片
    語法:圖片路徑
    <img src="圖片路徑">  如:flower.jpg
    語法:圖片說明
    <img alt="說明文字">
    語法:調整圖片大小
    <img width="數字" height="數字">
    語法:圖片外框
    <img border="數字">
    語法:文字對齊圖片上方
    <img align="top">
    語法:文字對齊圖片中央
    <img align="middle">
    語法:文字對齊圖片下方
    <img align="bottom">
    語法:圖片靠左
    <img align="left">
    語法:圖片靠右
    <img align="right">
    語法:圖片垂直距離
    <img vspace="數字">
    語法:圖片水平距離
    <img hspace="數字">
    語法:低解析圖片
    <img lowsrc="圖片路徑">
    語法:播放影片
    <img dynsrc="影片路徑">  如:move.avi
                                           屬性:start="fileopen" 或是"mouseover"
                                                      loop="播放次數"
                                                      loopdelay="間隔時間"
                                                      height="高度"
                                                      width="寬度"

②<marquee>:跑馬燈
    語法:加入跑馬燈
    <marquee>文字</marquee>  屬性:align="top" ; align="middle" ; align="bottom"
    語法:跑馬燈移動方式
    <marquee behavior="scroll">文字</marquee>
    <marquee behavior="alternate">文字</marquee>
    <marquee behavior="slide">文字</marquee>
    語法:跑馬燈底色
    <marquee bgcolor="顏色屬性">文字</marquee>
    語法:跑馬燈方向
    <marquee direction="left/right">文字</marquee>
    語法:跑馬燈重複次數
    <marquee loop="數字">文字</marquee>
    語法:跑馬燈延遲時間
    <marquee scrolldelay="數字">文字</marquee>
    語法:跑馬燈移動距離
    <marquee scrollamount="數字">文字</marquee>
    語法:跑馬燈高度
    <marquee height="數字">文字</marquee>
    語法:跑馬燈寬度
    <marquee width="數字">文字</marquee>
    語法:跑馬燈上下留白空間
    <marquee vspace="數字">文字</marquee>
    語法:跑馬燈左右留白空間
    <marquee hspace="數字">文字</marquee>

③<bgsound>:背景音樂
    語法:播放背景音樂
    <bgsound src="音樂檔案路徑">  如:moon.wav ; moon.au ; moon.mid
    語法:背景音樂播放次數
    <bgsound loop="次數">

④<embed>:嵌入物件
    語法:
    <embed src="檔案路徑" width="數值" height="數值" autostart="true" loop="true">
    如:movie.avi


Ⅴ、連結篇

①<a>:超連結
    語法:連結http網頁
    <a href="http網址">文字</a>
    語法:連結文字說明
    <a title="文字說明">文字</a>
    語法:連結檔案
    <a href="file路徑">文字</a>  如:file:///home/yawnp0426/sun%20day/moon.wav
    語法:連結FTP網站
    <a href="ftp路徑">文字</a>  如:ftp://使用者名稱:使用者密碼@主機名稱:port/路徑/檔名
    語法:開啟電子信箱
    <a href="mailto:電子信箱地址">文字</a>
    語法:進入新聞討論區
    <a href="news:討論區路徑">文字</a>
    語法:連結文件段落
    <a href="#位置名稱">文字</a>
    <a name="段落名稱">文字</a>
    語法:連結文件位置
    <a href="檔案名稱#位置名稱">文字</a>
    語法:圖片超連結
    <a href="檔案名稱#位置名稱"><img src="圖片路徑"></a>

②<base>:基本路徑
    語法:
    <base href="基本路徑">  如:絕對路徑=基本路徑+相對路徑;相對路徑可加「../」符號

③<area>:影像連結區域
    語法:
    <map name="地圖名稱"><area shape="形狀" coords="座標" href="檔案路徑"></map>
    語法:標籤內的「shape形狀」
    <area shape="circle" coords="x1,y1,r">  如:圓形
    <area shape="rect" coords="x1,y1,x2,y2">  如:矩形
    <area shape="poly" coords="x1,y1,x2,y2...xn,yn">  如:多邊形
    語法:標籤內的連結說明屬性
    <area alt="說明文字">

④<a>:超連結屬性
    語法:連結新視窗
    <a href="連結路徑" target="_blank">文字</a>
    語法:連結原本視窗
    <a href="連結路徑" target="_self">文字</a>
    語法:連結指定框架
    <a href="連結路徑" target="視窗名稱">連結字串</a>  如:target="right"
    語法:連結最大框架
    <a href="連結路徑" target="_top">連結字串</a>
    語法:在父框架中開啟
    <a href="連結路徑" target="_parent">連結字串</a>
                                    說明:「_top」和「_parent」的差別,就在分割左右多框視窗的左邊
                                                 是否會「_top」被取代。


Ⅵ、清單篇

①<menu>:建立清單
    語法:
    <menu><li>清單內容</li></menu>
    語法:樣式種類
    <menu type="disc"><li>清單內容</li></menu>
    <menu type="circle"><li>清單內容</li></menu>〔只適用Netscape〕
    <menu type="square"><li>清單內容</li></menu>〔只適用Netscape〕

②<dir>:建立清單
    語法:
    <dir><li>清單內容</li></dir>

③<lh>:建立清單
    語法:
    <lh><li>清單內容</li></lh>

④<ul>:無序號清單
    語法:
    <ul><li>清單內容</li></ul>

⑤<ol>:序號清單
    語法:
    <ol><li>清單內容</li></ol>
    語法:序號清單樣式
    <ol type="1"><li>清單內容</li></ol>
    <ol type="a"><li>清單內容</li></ol>
    <ol type="A"><li>清單內容</li></ol>
    <ol type="i"><li>清單內容</li></ol>
    <ol type="I"><li>清單內容</li></ol>
    語法:清單起始數字
    <ol start="數字"><li>清單內容</li></ol>

⑥<dl>:定義清單
    語法:
    <dl>
    <dt>清單項目</dt>
    <dd>清單內容</dd>
    </dl>

⑦巢狀清單

    語法:符號式巢狀清單
    <html>
    <head>
    <title>Ex_06_09</title>
    </head>
    <body>
    網頁設計課程種類:
    <ul>
        <li>應用軟體類</li>
           <ul>
               <li>基礎篇</li>
               <li>進階篇</li>
           </ul>
        <li>程式語言類</li>
           <ul>
               <li>基礎篇</li>
               <li>進階篇</li>
           </ul>
    </ul>
    </body>
    </html>

    語法:序號式巢狀清單
    <html>
    <head>
    <title>Ex_06_10</title>
    </head>
    <body>
    網頁設計課程種類:
    <ol type="A">
        <li>應用軟體類</li>
           <ol type="1">
               <li>基礎篇</li>
               <li>進階篇</li>
           </ol>
        <li>程式語言類</li>
           <ol type="1">
               <li>基礎篇</li>
               <li>進階篇</li>
           </ol>
    </ol>
    </body>
    </html>

    語法:混合式巢狀清單
    <html>
    <head>
    <title>Ex_06_11</title>
    </head>
    <body>
    網頁設計課程種類:
    <ol type="I">
        <li>應用軟體類</li>
           <ul>
               <li>基礎篇</li>
                  <ol>
                      <li>FrontPage</li>
                      <li>PhotoImpact</li>
                  </ol>
               <li>進階篇</li>
                  <ol>
                      <li>Flash</li>
                      <li>Dreamweaver</li>
                  </ol>
           </ul>
        <li>程式語言類</li>
           <ul>
               <li>基礎篇</li>
                  <ol>
                      <li>HTML</li>
                  </ol>
               <li>進階篇</li>
                  <ol>
                      <li>JavaScript</li>
                      <li>XML</li>
                      <li>ASP</li>
                  </ol>
           </ul>
    </ol>
    </body>
    </html>


Ⅶ、表格篇

①<table>:表格
    語法:表格位置
    <table align="位置">表格內容</table>  如:align="center" ; align="right"
    語法:表格寬度
    <table width="數字">表格內容</table>
    語法:表格高度
    <table height="數字">表格內容</table>
    語法:表格背景顏色
    <table bgcolor="顏色屬性">表格內容</table>  如:pink, aqua, red, blue
    語法:表格邊框寬度
    <table border="數字">表格內容</table>
    語法:表格邊框顏色
    <table bordercolor="顏色屬性">表格內容</table>  如:pink, aqua, red, blue
    語法:表格邊框明暗
    <table bordercolorlight="顏色屬性">表格內容</table>
    <table bordercolordark="顏色屬性">表格內容</table>
    語法:表格框線寬度
    <table cellspacing="數字">表格內容</table>
    語法:表格框線距離
    <table cellpadding="數字">表格內容</table>
    語法:表格背景圖片
    <table background="圖片路徑">表格內容</table>

②<tr>:表格列
    語法:表格列背景顏色
    <tr bgcolor="顏色屬性">表格內容</tr>  如:deeppink, pink
    語法:表格列對齊方式
    <tr align="left/center/right">表格內容</tr>
    語法:表格列上下對齊
    <tr valign="top/middle/bottom">表格內容</tr>

③<th>/<td>:表格標題和內容
    語法:
    <th>表格標題</th>
    <td>表格内容</td>
    語法:儲存格寬度
    <th width="數字">表格標題</th>
    <td width="數字">表格内容</td>
    語法:儲存格高度
    <th height="數字">表格標題</th>
    <td height="數字">表格内容</td>
    語法:儲存格左右對齊方式
    <th align="left/center/right">表格標題</th>
    <td align="left/center/right">表格内容</td>
    語法:儲存格上下對齊方式
    <th valign="top/middle/bottom">表格標題</th>
    <td valign="top/middle/bottom">表格内容</td>
    語法:儲存格背景顏色
    <th bgcolor="顏色屬性">表格標題</th>
    <td bgcolor="顏色屬性">表格内容</td>
    語法:儲存格背景圖片
    <th background="圖片路徑">表格標題</th>
    <td background="圖片路徑">表格内容</td>
    語法:儲存格跨欄設定
    <th colspan="數字">表格標題</th>
    <td colspan="數字">表格内容</td>
    語法:儲存格跨列設定
    <th rowspan="數字">表格標題</th>
    <td rowspan="數字">表格内容</td>

④<caption>:表格標題
    語法:
    <caption>表格標題</caption>
    語法:標題對齊方式
    <caption align="left/center/right">表格標題</caption>
    語法:標題位置
    <caption valign="top/bottom">表格標題</caption>

⑤巢狀表格

    語法:
    <html>
    <head>
    <title>Ex_07_25</title>
    </head>
    <body>
    <center>
    <h3>這是一個「巢狀表格」</h3>
    <table border="1" bgcolor="yellow" width="80%" height="50%">
    <tr>
    <th>外表格</th><th>外表格</th><th>外表格</th>
    </tr>
    <tr>
    <th>外表格</th>
    <th>
        <table border="1" bgcolor="beige" width="80%">
            <tr>
            <th>內表格</th><th>內表格</th>
            </tr>
            <tr>
            <th>內表格</th><th>內表格</th>
            </tr>
        </table>
    </th>
    <th>外表格</th>
    </tr>
    <tr>
    <th>外表格</th><th>外表格</th><th>外表格</th>
    </tr>
    </table>
    </center>
    <body>
    <html>


Ⅷ、表單篇

①<form>:表單
    語法:
    <form action="資料傳送目的地" method="資料傳遞方式">表單內容與表單元素</form>  如:method="get";method="post"

②<input>:文字欄位輸入
    語法:
    <form>
    名稱欄位:<input type="text" name="名稱欄位" value="欄位值" style="欄位樣式">
    密碼欄位:<input type="password" name="密碼欄位" value="欄位值" style="欄位樣式">
    </form>
    type="屬性":
    button 定義可點擊按鈕(多數情況下,用於通過 JavaScript 啟動腳本)。
    checkbox 定義復選框。
    file 定義輸入字段和 "瀏覽"按鈕,供文件上傳。
    hidden 定義隱藏的輸入字段。
    image 定義圖像形式的提交按鈕。
    password 定義密碼字段而該字段中的字符被掩碼。
    radio 定義單選按鈕。
    reset 定義重置按鈕。重置按鈕會清除表單中的所有數據。
    submit 定義提交按鈕。提交按鈕會把表單數據發送到服務器。
    text 定義單行的輸入字段,用戶可在其中輸入文本。默認寬度為 20 個字符。
    ~~~~="屬性":src,alt,checked,maxlength,size
    必須把 src 屬性和 alt 屬性與 <input type="image" src="submit.gif" alt="Submit"> 結合使用。
    必須把 checked 屬性與 <input type="checkbox" checked="checked">
                                       或 <input type="radio" checked="checked"> 配合使用。
    必須把 maxlength 屬性與 <input type="text"> 或 <input type="password"> 配合使用。
    對於 <input type="text"> 和 <input type="password">,size 屬性定義的是可見的字符數。
    而對於其他類型,size 屬性定義的是以像素為單位的輸入字段寬度。
    由於 size 屬性是一個可視化的設計屬性,推薦使用 CSS 來代替兼容它。
    CSS 語法:<input style="width:100px">

③表單製作:
    語法:
    <html>
    <body>
    <form action="mailto:test@cs.nthu.edu.tw" method="post">
            名字:<input name="myname" size=10 maxlength=20 value="蕭亞軒"><P>
            密碼:<input name="passwd" type=password size=8 maxlength=8><P>
            性別:<input name="sex" type=radio value="男">男
                 <input name="sex" type=radio value="女" checked="checked">女<P>
            嗜好(可複選):
                 <input name="f1" type=checkbox value="book">閱讀
                 <input name="f2" type=checkbox value="sport" checked="checked">運動
                 <input name="f3" type=checkbox value="music" checked="checked">音樂
                 <input name="f4" type=checkbox value="sleep">睡覺
                 <input name="f4" type=checkbox value="talk">聊天<P>
            <input type="submit" value="送出表單">
            <input type="reset" value="重新輸入">
    </form>
    </body>
    </html>

附註:【下載 BlueGriffon 免費網頁編輯軟體】

2018年1月26日 星期五

網頁顯示日期時間寫法!

<html>
<head>
<title> 顯示日期時間 </title>
<!-------JavaScript精美日曆時鐘 START-------->
<script LANGUAGE="JavaScript" TYPE="text/javascript">
var vn="Microsoft Internet Explorer";
var some;
if(navigator.appName!=vn)
some=1900;
else
some=0;
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear();
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1); // works fine for most systems
testMe = firstDay.getDate();
if (testMe == 2) firstDay.setDate(0);
startDay = firstDay.getDay();
document.write('<table border="0" cellspacing="0" cellpadding="2" align="CENTER" bgcolor="#0080FF"><TR><TD><table width="100%" border="0" cellspacing="1" cellpadding="2" bgcolor="Silver">');
document.write('<TR><th colspan="7" bgcolor="#C8E3FF">');
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var now = new Date();
document.write("<font style=font-size:9pt;Color:#330099>" , "西元" , " " , now.getYear() + some , "年" , " " , monthNames[now.getMonth()] , " " , now.getDate() , "日" , " " , dayNames[now.getDay()] , "</FONT>");
document.writeln('</TH></TR><TR><TH BGCOLOR="#0080FF"><font style="font-size:9pt;Color:White">日</FONT></TH>');
document.writeln('<th bgcolor="#0080FF"><font style="font-size:9pt;Color:White">一</FONT></TH>');
document.writeln('<TH BGCOLOR="#0080FF"><font style="font-size:9pt;Color:White">二</FONT></TH>');
document.writeln('<TH BGCOLOR="#0080FF"><font style="font-size:9pt;Color:White">三</FONT></TH>');
document.writeln('<TH BGCOLOR="#0080FF"><font style="font-size:9pt;Color:White">四</FONT></TH>');
document.writeln('<TH BGCOLOR="#0080FF"><font style="font-size:9pt;Color:White">五</FONT></TH>');
document.writeln('<TH BGCOLOR="#0080FF"><font style="font-size:9pt;Color:White">六</FONT></TH>');
document.writeln("</TR><TR>");
column = 0;
for (i=0; i<startDay; i++)
{
document.writeln("\n<TD><FONT style=font-size:9pt> </FONT></TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
if (i == thisDay)
{
document.writeln('</TD><td align="CENTER" bgcolor="#FF8040"><FONT style=font-size:9pt;Color:#ffffff><B>')
}
else
{
document.writeln('</TD><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><FONT style=font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066>');
}
document.writeln(i);
if (i == thisDay) document.writeln("</FONT></TD>")
column++;
if (column == 7)
{
document.writeln("<TR>");
column = 0;
}
}
document.writeln('<TR><td colspan="7" align="CENTER" valign="TOP" bgcolor="#0080FF"><form name="clock" onSubmit="0"><FONT style=font-size:9pt;Color:#ffffff>現在時間:</FONT><INPUT TYPE="Text" NAME="face" ALIGN="TOP"></TD></TR></TABLE></TD></TR></TABLE></FORM>');
}
var timerID = null;
var timerRunning = false;
function stopclock ()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime()
{
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = ""
if(hours>=1 && hours <4)
{timeValue += ("凌晨")}
if(hours>=4 && hours<6)
{timeValue += ("清晨")}
if(hours>=6 && hours<9)
{timeValue += ("早上")}
if(hours>=9 && hours<12)
{timeValue += ("上午")}
if(hours>=12 && hours<13)
{timeValue += ("中午")}
if(hours>=13 && hours<18)
{timeValue += ("下午")}
if(hours>=18 && hours <19)
{timeValue += ("傍晚")}
if(hours>=19 && hours <24)
{timeValue += ("晚上")}
if(hours<1)
{timeValue += ("午夜")}
timeValue  += ((hours > 12) ? hours - 12 : hours)
timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
function startclock ()
{
stopclock();
showtime();
}
</script>
<!-------JavaScript精美日曆時鐘 END-------->
</head>
<body onLoad="startclock(); timerONE=window.setTimeout; ShowTime()">
<br><script LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
calendar();
//-->
</script>
<center><br><div id="showbox"></div>
<script language="JavaScript">
function ShowTime(){
 var NowDate=new Date();
 var h=NowDate.getHours();
 var m=NowDate.getMinutes();
 var s=NowDate.getSeconds(); 
 document.getElementById('showbox').innerHTML = h+' 時 '+m+' 分 '+s+' 秒';
 setTimeout('ShowTime()',1000);
}
</script>
</center><br>
<center>
<script language="javascript">
 var Today=new Date();
 document.write("今天日期: " + Today.getFullYear()+ " 年 " + (Today.getMonth()+1) + " 月 " + Today.getDate() + " 日");
</script>
</center>
<script language="JavaScript">
<!--
function fontsize(text){
   var msg="";
   var flag=0;
   var size=0;
   for(i=0;i<text.length;i=i+1)
   {
      if (flag==0)
      {
        size=size+1;
        if (size>=7)  flag=1
      }
      if (flag==1)
      {     
        size=size-1;
        if (size<=0) flag=0
       }
      msg+="<FONT SIZE="+ size + ">" + text.substring(i,i+1) + "</FONT>";
   }
   return msg;
}
document.write("<center>"+fontsize("歡迎光臨酷葉蟲知識學習社群,希望您可以從這裡找到你想要的!!"))
document.write("</center></font>")
// -->
</script>
</body>
</html>

2015年5月14日 星期四

VirtualBox可以完美安裝【FreeDOS+倚天中文系統】!

<show start>
   【操作】

說明:過去安裝倚天中文ETSETUP.COM設定時,常常發現DOS_FAT16字碼顯示正常而DOS_FAT32字碼顯示亂碼,過去本以為此題無解但現今發現FreeDOS竟然可以正常顯示中文字碼了!

下載:
(1)【FreeDOS 1.1 開機光碟】
(2)【SATA光碟機DOS驅動程式】
(3)【倚天國喬中文免硬碟開機光碟】
{該光碟由本人製作光碟:Dropbox下載網站畫面雖整頁淺色反白屏蔽,但非會員仍可點選「下載」繼續;另外也必須更新 UIDE.SYS 才能解決 PE2.EXE 啟動當機的問題。}

磁碟:
現今市售主機板早已淘汰「軟式磁碟機」造成VirtualBox_DOS虛擬系統存檔界面不便,雖然如此還有另一招解決辦法就是加裝〔Windows95/98〕透過網路雲端硬碟存檔並安裝光碟燒錄軟體;但值得要注意的是〔Windows95/98〕會改寫CONFIG.SYS和AUTOEXEC.BAT檔而不是FreeDOS開機了。

步驟:
(1)選擇老牌的 Nero Linux 4.0 {nerolinux-4.0.0.0b-x86_64.deb}光碟燒錄,DOS系統讀取光碟資料常會有挑片的現象。
(2)建立VirtualBox Windows95_DOS虛擬系統,翻一翻網頁有很多人張貼教學文章,在此就不再贅述了!
(3)放置【FreeDOS 1.1 開機光碟】來安裝 FreeDOS 虛擬硬碟開機,FDOS格式化程序為 FDISK -> FORMAT 指令製作;解壓很慢需耐心等候。
(4)修改 FDCONFIG.SYS 路徑內容,只因 JEMMEX.EXE 參數 X=TEST... 會導致系統啟動當機並看不到光碟檔名內容,當安裝完成並重啟系統時,光棒請選第Ⅰ項。
........
rem 1?DEVICE=C:\FDOS\BIN\JEMMEX.EXE NOEMS X=TEST I=TEST NOVME NOINVLPG ← {預設開機寫法}
rem 1?DEVICE=C:\FDOS\BIN\JEMMEX.EXE NOEMS ← {真實開機寫法}
1?DEVICE=C:\FDOS\BIN\JEMMEX.EXE I=C900-EFFF FRAME=E000 NOVME NOINVLPG ← {虛擬開機寫法}
........
(5)修改 AUTOEXEC.BAT 路徑內容如下並複製 Windows98 的 SMARTDRV.EXE 到 C:\FDOS\BIN 資料夾中:
........
SET PATH=%dosdir%\BIN;C:\;C:\ET3;C:\LIU;C:\DA5;C:\KC60;C:\TW31; ← {修改 AUTOEXEC.BAT 路徑寫法}
........
LH FDAPM APMDOS
IF "%config%"=="1" LH SMARTDRV /X ← {啟動 SMARTDRV.EXE 寫法}
IF "%config%"=="2" LH SHARE
LH DOSLFN
........
(6)放置【倚天國喬中文免硬碟開機光碟】複製 D:\ET3 資料夾到虛擬硬碟。
C:\>md ET3
C:\>xcopy D:\ET3\*.* /s C:\ET3
C:\>attrib -r C:\ET3\*.* /s
(7)修改 ETSETUP.EXE 中文輸入法啟動方式,C:\ET3>ETSETUP 指令可能需要兩次輸入才能進入安裝設定畫面。
(8)增列 ET3.BAT 啟動內容。
........
C:\ET3\ETCTL/P:G2
CLS
........
(9)增列 AUTOEXEC.BAT 路徑內容。
........
SET PATH=%dosdir%\BIN;C:\;C:\ET3;
........
(10)啟動倚天中文系統並檢視之。
C:\ET3>ETCTL/D
C:\ET3>ETCTL/C:IQ
<show end>

Ⅰ、VirtualBox 安裝 FreeDOS


Ⅱ、倚天中文設定:ETSETUP.EXE

C:\>attrib -r C:\ET3\*.* /s      !==記得要取消倚天中文所有檔案的唯讀功能==!
C:\>attrib -r C:\KC60\*.* /s   !==記得要取消國喬中文所有檔案的唯讀功能==!

Ⅲ、成果顯示:繁體倚天中文、繁體國喬中文、简体天汇中文

2014年10月14日 星期二

B1 Free Archiver 可解決Linux解壓zip中文亂碼檔名並取代WinRAR!

註解:壓縮套件。
下載:B1 Free Archiver
<Show start>
 【操作】

sudo apt-get install trash-cli
sudo dpkg -i b1freearchiver_current_stable_amd64.deb
<Show end>

早期方式: <Show start>
 【操作】

在 windows平台下 rar 和 zip是最常用的壓縮文件格式,即使我一直使用 Fedora 但是也需要經常處理一下 windows下壓縮的壓縮文件,此時文件名亂碼問題便是個常見的問題,特別是不支持自動編碼探測的 unzip 更是一個心病,但是我們還是有一些解決方法的:

zip文件對文件名的編碼默認為當前環境的locale,如在windows下壓縮的zip文件,在linux下其中的中文名便會亂碼。這是zip格式的缺陷,所以目前並沒有很完美的解決辦法。當前的辦法有如下幾種:

給 unzip 加-O CP950參數,強制制定代碼頁:
unzip -O CP950 test.zip

或者:
/etc/environment中加入2行
UNZIP="-O CP950"
ZIPINFO="-O CP950"
<Show end>

2014年10月11日 星期六

PHP include_path 設置方法!

當時候函數 include( ), require( ), fopen_with_path( ) 函數來尋找文件時候,在不設置 include_path 的情況下,這些函數打開文件時候默認的是以 web 根目錄去尋找。當設置include_path以後,這些 php 函數就會先在指定的 include_path 目錄下面去搜索尋找…

1. include_path 的意義
其原理和 Windows 系統的環境變量相似,在 Windows 運行 cmd 命令的時候,輸入一些 cmd 命令之後,系統就會在其設定的環境變量裡面去搜索這些命令是否存在,存在就可以執行…


2. include_path的設置
第一種方法:
修改 php.ini 文件中的 include_path 項。
include_path = .:/usr/local/lib/php:./include
第二種方法:
使用 ini_set 方法。
ini_set("include_path", ".:../:./include:../include");
例如:
zendframework include 設置 index.php

set_include_path('.' .PATH_SEPARATOR.'../library/'
.PATH_SEPARATOR.'./application/models/'
.PATH_SEPARATOR.'./application/lib/'
.PATH_SEPARATOR.get_include_path());

PATH_SEPARATOR 是一個常量,在 Linux 系統中是一個" : "號,Windows 上是一個" ; "號。
所以編寫程序時最好用常量 PATH_SEPARATOR 代替,否則如果系統從 Linux 移植到 Windows 系統或反過來移植均會出錯!

get_include_path 取得當前已有的環境變量,加上前面的設置就是新的系統 include
set_include_path 就是設置 php 的包含文件路徑,相當是操作系統的環境變量

<Show start>
 【操作】

<?php
// Works as of PHP 4.3.0
set_include_path('/inc');
// Works in all PHP versions
ini_set('include_path', '/inc');
?>
<Show end>

2014年10月10日 星期五

Ubuntu 徹底刪除 MySQL !

<Show start>
 【操作】

# 刪除 MySQL #

$ sudo dpkg -P mysql-apt-config
$ sudo apt-get purge mysql-server
$ sudo apt-get autoremove mysql-server
$ sudo apt-get purge mysql-common //這個很重要
$ sudo apt-get autoremove

# 清理殘留數據 #
$ dpkg -l |grep ^rc|awk '{print $2}' |sudo xargs dpkg -P

# 重新安裝 #
$ sudo dpkg -i mysql-apt-config_0.2.1-1ubuntu14.04_all.deb
$ sudo apt-get update
$ sudo apt-get install mysql-server mysql-community-server libmysqlclient18
<Show end>