編寫網頁、版面設計 與 製作手法 應考慮下列的原則:
NCU ME 電路電子教材網頁 編輯特用規則
- 所有的檔案都應將檔名及其 <Title> 條列在 list.htm 檔內以利搜尋與管理。
通則:
- 所有的 html 檔案都應編列 <Properties><Document> 下的 <Title>及<Author>。
其中 <Title> 應明確標示檔案內容並於最後註明 最後修改的人及日期 如
"rev TLYeh 88,1,3", 而 <Author> 應標示原始作者及日期 "TLYeh
88,1,3"。 如此有利於版權或專利歸屬的確認。
- 所有網頁的設計都應把握文以載道的原則, 講究網路環保, 避免不必要花俏,
節 約使用圖影音檔及高解析度。
- 規劃資料連結架構以便展示認知結構。
- 避免不必要的行間距離及大型文字, 方便使用者掌握內容的整體架構。
- 資料內容適當分割, 控制檔案大小, 提高使用時的網路反應效率。
- 避免使用濃色背景、淡色文字、固定尺寸的超大顯示範圍。
- 應考慮瀏覽器的通用性, 避免使用個別瀏覽器的特殊功能。
- 站內資料的連結全部用相對式連結。
- 善加利用問題導向的互動 、綜合應用、設計規劃、等案例, 以便引導腦筋急轉
彎、嘗試、活用、實作。
- 以後可以增加線上瀏覽活動的紀錄來建立個人化的學習診斷與輔導的功能。
發信人: tlyeh@NaiveAge (aliang), 信區: ME-Electric 標 題: 由cedesign網頁連想的注意事項
發信站: 中央機械純真年代 (Fri May 12 06:34:03 2000) 轉信站: NaiveAge
cedesign中 kaba 的機設原理首頁 的 upframe 不能 scroll 雖然moe 要求用
800x600 來看 可是 還是不能做成 限制只能用 800x600 所以 每個頁的每個 frame
都要能夠 scroll,否則用低解稀度的螢幕模式就會點不到東西
新增的 靜力與材力教學網 很炫 不知是誰做的 不過兩件事要考慮一下: 大綱的行距太大了
最好能在一個螢幕的範圍內一目了然 原來cedesign是設計成 從創意看板 點選 任一專業教材時
是要另開一視窗的 這樣才有交叉參考 方便在 創意看板上繼續做 設計與討論的
所以原來的幾門課都是點選之後 教材出現在另一視窗內 (其實我是希望 每個教材都有自己的視窗
而不是都在同一個教材視窗) 所以 靜材 的網頁要新加入 應該要先參考原來的設計
用同樣的風格加入 而不是硬塞
原來cedesign網頁設計 以及 kaba 機設原理 連選單都是用圖檔 這樣會使得
做檢索時 會檢索不到這個有選單的內容的首頁(沒有字串可供檢索) 這是很可惜的,
也許可以將選單的內容編入 document title 來做補救
另 在每個檔的 document title 中 應該要有 檔案名 內容 原創人 及 日期,
修改人及日期, 製作單位等資料
不要用中文檔名 或 長檔名, 在做系統備份及跨平台應用時 會是很大的問題
我們應該都用 big5 編碼存檔 這樣 全文檢所中文字串 才能找得到東西 要注意的是
在存檔之前一定要確定 <alt view><character set> 是設成 big5
否則 好像 default 是 western. 細節請參考 "用netscape composer 編中文網頁
ie出現亂碼"
發信人: tlyeh (aliang), 信區: MEMultiMedia
標 題: 用netscape composer 編中文網頁 ie出現亂碼 發信站: 中央機械純真年代
(Fri May 12 11:31:39 2000)
在 netscape composer 中 有
version 3.* <alt options><general preferences><fonts>
version 4.* <alt edit><preferences><appearance-fonts>
下選 encoding為 <traditional chinese (big5)> (這對新編一個網頁時有效)
以及
version 3.* <alt options><document encoding> (3.*似乎無法改變一個舊的網頁的設定)
version 4.* <alt view><character set> 下選 <traditional
chinese (big5)> (然後存檔 則可改變檔案的編碼方式)
**^^^^上面這些設定好像不會存入成為 default 每次新啟動程式都得重新設過****
在 v4.* 下更改 <alt view><character set> 為 <western>
或 <traditional ch(big5)> 之後在寫入檔案 就會把原來的檔案寫成 編碼的方式
或 中文big5 的方式 所產生的檔的前幾行 在 charset= 處分別會是 iso-8859-1
及 big5 ie 似乎無法處理 iso-8895-1 的編碼 所以就會產生亂碼
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html;
charset=big5">
^^ 可以在 <alt properties><document><advanced><system
variables> 中看到
我們應該都用 big5 編碼存檔 這樣 全文檢所中文字串 才能找得到東西 要注意的是
在存檔之前一定要確定 <alt view><character set> 是設成 big5
否則 好像 default 是 western. 細節請參考 "用netscape composer 編中文網頁
ie出現亂碼"
---- pkunzip 會把檔名寫成大寫 所以最好是用 cuteftp 直接抓回, 或用unix上的zip
之後 用 winzip 解開 應該就沒有大小寫的問題
---- 在 composer 中 插入 image檔時 有個選項 default是 "抄到 local
子目錄下" 就會把影相檔 抄一份到正在編輯的 .html 檔下, 若是要集中放
就不要讓它抄