MozTW 討論區 https://forum.moztw.org/ |
|
[教學]利用 MS-DOS 批次檔製作無框架頁之 CSS 排版網頁 https://forum.moztw.org/viewtopic.php?f=13&t=8876 |
第 1 頁 (共 1 頁) |
發表人: | wini [ 2005-06-09, 15:58 ] |
文章主題 : | [教學]利用 MS-DOS 批次檔製作無框架頁之 CSS 排版網頁 |
================== 【前言】 ================== 想寫不使用到框架頁的網頁, 卻又覺得每份文件都要填上同樣的東西(通常是選單部分)很麻煩? 今天如果你用的是 Windows 系統, 你可以利用 MS-DOS 的批次檔 *.BAT 幫你完成這份工作! (至於 Linux 的作法當然更多,不過我沒在用不清楚。) ================== 【準備】 ================== [ head.html ] <html> <head> <meta http-equiv="Content-type" content="text/html; charset=文字編碼" /> <title> </title> </head> <body> [ content_*.html ] <div id="content_*"> <p> </p> </div> [ menu.html ] <div id="menu"> <ul> <li> </li> </ul> </div> </body> </html> [ makeup.bat ] type "head.html" > "index.html" type "content_*.html" >> "index.html" type "menu.html" >> "index.html" ================== 【執行】 ================== 接著只要把這四個檔案放在同一個資料夾中, 滑鼠左鍵雙擊 makeup.bat 檔, 就會自動產生一個 index.html 檔了, 各位可以自行查看該檔案看看。 注意,當已存在有 index.html 一檔時, 執行批次檔時會不經詢問直接覆蓋原檔。 ================== 【補述】 ================== 開始 MS-DOS 視窗之方法, 是在「開始」功能表中, 選取「執行」後,輸入「command」或「cmd」即可。 type 就是傾印某檔案中的內容到螢幕上, 「>」表示將前者動作的結果,輸出成後者(的檔案)。 「>>」表示的好像是附加的意思。 另外批次檔中的指令的前後順序會影響輸出的結果這樣。 另外建議,請先在額外的工作區(資料夾)中, 進行此處理,確認無誤後,才放入結果資料夾中, 就就是說,可能會需要四個資料夾來存放資料, 原始的分散的 menu.html 等檔所要用的資料夾, 待合成的 menu.html 等檔所要用的資料夾, 合成後的 index.html 等檔所要用的資料夾, 合成後且確認無誤的 index.html 等檔所要用的資料夾, ================== 【問題】 ================== 問題一: 當 head.html 中的 title 元素中的內文, 或是 menu.html 中的 某元素中的內文, 需要進行差別化處理,也就是說依情況不同, 會需要更動時,似乎只能手動去修改輸出的 index.html 而已, 目前還想不到更輕便又不必多製作批次檔的方法。 問題二: 目前尚未實驗讓批次檔可以自動建立資料夾並移動檔案, 有興趣的人請參考後記中的資料自行嘗試。 『對於因為自行嘗試而出的問題,本人無法給予任何擔保。』 不過我認為要出啥大問題是很難啦, 畢竟應該沒什麼人會輸入 format 嚇自己這樣。 ================== 【後記】 ================== 本文是參考 「台大批踢踢實業坊」 telnet://ptt.twbbs.org 8 戰略高手 遊戲, 數位, 程設 =6 Programing 程式 Σ程設 研究 經驗 ==18 ˇWeb_Design 網路 ◎網頁創意空間 3736 + 5/29 NelsonT R: [問題] 不使用frame or iframe有比較好的建構 … 以及 「風之谷」 http://www.cs.ccu.edu.tw/~wjy92u/ 電腦教學 ( buttom3.jpg ) 【DOS簡單指令】 兩者的資料而作成的。 這一份完整的文章的授權使用方式, 要使用在 http://wiki.moztw.org/ 中時, 是採「Creative Commons 姓名標示-相同方式分享 2.0 台灣 (中華民國)」, 在我自己的網站 http://www.andcycle.idv.tw/~wini/ , 則是採「Creative Commons 姓名標示-非商業性-相同方式分享 2.0 台灣 (中華民國)」。 |
發表人: | 訪客 [ 2005-06-09, 17:11 ] |
文章主題 : | |
這類型的工作我一向使用以毒攻毒的方式, 寫個HTML來輸出這類型的網頁原始碼, 還可利用外部參數檔案來作差別式輸出。 |
發表人: | wini [ 2005-06-09, 17:18 ] |
文章主題 : | |
Anonymous 寫: 這類型的工作我一向使用以毒攻毒的方式,
寫個HTML來輸出這類型的網頁原始碼, 還可利用外部參數檔案來作差別式輸出。 抱歉,你說的太簡短了,我聽不太懂, 可以稍微提一下實作的方式是如何嗎?謝謝。 (我本身的工具只有純文字編輯器而已, 程式和互動式網頁我不會寫,過於複雜的 HTML 技巧也不會。) |
發表人: | Nelson [ 2005-06-09, 21:23 ] |
文章主題 : | |
wini 寫: 本文是參考
「台大批踢踢實業坊」 telnet://ptt.twbbs.org 8 戰略高手 遊戲, 數位, 程設 =6 Programing 程式 Σ程設 研究 經驗 ==18 ˇWeb_Design 網路 ◎網頁創意空間 3736 + 5/29 NelsonT R: [問題] 不使用frame or iframe有比較好的建構 … 突然看到我的名字,嚇到了 XD 目前我是使用 PHP 達到這樣的功能啦~ 不過其實用 bat 檔還滿方便的,要修改也很好修改。 |
發表人: | 風痕影 [ 2005-06-12, 20:31 ] |
文章主題 : | |
我曾經在多年前使用過另一種方法 就是用外部*.js檔來寫入選單 要改時就改*.js檔,全站的選單就一起改了 缺點是,如果對方關閉JS,就看不到選單了XD |
發表人: | Nelson [ 2005-06-13, 01:27 ] |
文章主題 : | |
風痕影 寫: 我曾經在多年前使用過另一種方法
就是用外部*.js檔來寫入選單 要改時就改*.js檔,全站的選單就一起改了 缺點是,如果對方關閉JS,就看不到選單了XD 沒錯~XD 我一開始也有用過這個辦法, 就是考慮到對方關閉JS就糟了, 所以我改用 PHP 的 include~ |
發表人: | Amauds [ 2005-06-13, 06:47 ] |
文章主題 : | |
wini 寫: Anonymous 寫: 這類型的工作我一向使用以毒攻毒的方式, 寫個HTML來輸出這類型的網頁原始碼, 還可利用外部參數檔案來作差別式輸出。 抱歉,你說的太簡短了,我聽不太懂, 可以稍微提一下實作的方式是如何嗎?謝謝。 (我本身的工具只有純文字編輯器而已, 程式和互動式網頁我不會寫,過於複雜的 HTML 技巧也不會。) 已經有人回答了喔! 用 JavaScript 就可以了,後來考量到相同的問題--萬一使用者關閉 JS 支援怎麼辮? 決定改用完全的 HTML 來作,不過所有的檔案還是用 JS 產生的,只是產生的動作都是在本機上,至於要作到什麼程度,就看個人的決定,我只作最常變動的部份,有些一定要使用 JS 的頁面的話就儘量使用最簡單最通用的語法,確保各平台的相容性。 PS:用JS作網頁,寫成自用的工作模組(JavaScript+form)滑鼠點一點基本的網頁架構就完成了。 另外也可以只寫一份控制頁面(如選單)其餘部份使用有指定屬性的 IFRAME 標籤,就不用每個頁面寫一次選單了。 (各平台的支援性‧‧‧‧‧‧啊我不知耶。。) |
發表人: | petertc [ 2005-06-13, 11:10 ] |
文章主題 : | |
shtml? |
發表人: | 風痕影 [ 2005-06-13, 13:11 ] |
文章主題 : | |
Amauds 寫: 另外也可以只寫一份控制頁面(如選單)其餘部份使用有指定屬性的 IFRAME 標籤,就不用每個頁面寫一次選單了。
我也想過這個方法,而且這可以解決另一個問題:W3C的HTML標準內,並沒有讓框架邊框消失的屬性。 可惜,在我準備製作的新站上,因為某些因素,造成我必須使用表格,而無法用DIV來排列Iframe;並且又因為某些因素,我必須只設定部分儲存格的大小,其他讓瀏覽器自行調整。問題來了:IE的顯示變得很古怪,而且是只要加上DTD就會出問題,不加就沒問題。所以我最後還是只好用框架,而且加上各瀏覽器自行擴充的border="0"了。 |
第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |