The Network under the Bright-Bright Sky

THEA100 Theater Technology告終，最後在另一個教演戲的THEA Class的終期演出中擔當Soundboard operator一角下寫上句號。

從前就對「掣」有著濃厚的興趣，無論是錄影機的遙控掣，抑或是麥當勞的收食機……

上次the Buried Child當Lightboard Op就有種「神說有光就有了光」的感覺，因為場內一切燈光控制都盡在我手中。

塊Soundboard有24條input、6條aux channels、8條submaster、兩個mix output，兩個headphone output，有千千萬萬個掣控制如何可以將input和output連埋一齊……wohoo，呢個Course實在係正正抓著癢處呀。

有朋友做開平面設計，但好明顯呢期做平面設計就開始要識寫網頁啦，聽到佢打算用Dreamweaver整就真係腳到震埋，自學九成九會學壞手勢，無哂理論根底。

咁樣出到去Interview俾人chok兩下都係會答唔到問題，跟Programmer夾program一定會俾人煩到炒粉，後期要加減design一定會煩親自己……所以絕對要幫忙一下。

見到佢開始整網頁，一view source睇下，果然就係跟九成九的cases一樣，將HTML本末倒置～～

整理一下個HTML Guideline先……

• HTML is…
  • A content presentation interface
    • To structure information
      HTML係用來將內容整得有條理的一個工具
    • Not design!
      但就唔係設計
    • Otherwise why not plain flat bitmap graphics?
      如果唔係，就咁整個大bitmap放上去都得啦……
  • Widely supported format, by different devices, media
    歷史尤久，各大現代OS都有Support
  • Standard is driven by open community, not bounded to any royalty technology, unlike Flash, PDF
    又唔似得Flash, PDF咁係一兩間公司定個標準，而係由大眾決定，有一定穩定性。
  • Simple and efficient data presentation format, to both human and machines
    簡單易寫，唔洗特別Software。人同機械同樣易懂。
  • Design are usually accomplished by other technologies
    Eye candy provided by CSS, DHTML, Javascript
    美觀上的東西都應由其他技術搭救，並唔係HTML本身的職能能。
• Design Issue
  設計問題
  • Different Media, especially Continuous/Paged and Size variation
    唔同的媒體，如Mon、紙、PDA甚至乎凸字機，特別有連續和分頁之分，大小各有不同。
    • Variation of Font, Contrast, Color, Resolution or even HTML structure rendering.
      字體、對比、顏色、解像度甚至乎HTML的呈現方式都各有不同。
    • Compatibility
      相容性
      • IE is not the Only Browser!
        呢個世界唔係只得IE。
• Why Clean?
  點解要簡潔的HTML
  • Search Engine crawling robot (Exposure to Google!)
    俾搜尋器搵到！(增加在google的出鏡率)
  • Maintainability
    易於維護
    • Human maintenance
      無論俾人再修改又好
    •  Integration with Program
      或者夾Server program都好
  • Accessibility / Usability
    易達性，可用性
    • Take care of disabled, section 508
      無障礙網站
      • PDA, Printout, Browser, Device difference
        唔同的裝置都較能呈現簡單的HTML
      • Even to normal user, try changing font size for fixed font page (in IE), or force new window links in non window, or copy and paste a cumbersome structured text
        對普通用家都好?，例如有無試過係固定大小的網頁轉下字型大小？或者迫個開新視窗的link唔開個新的出來？或者引用文章要copy and paste一個HTML好雜亂的Site？
• Javascript, CSS are really Extra!
  Javascript, CSS真係額外的……
  • Correctly use oldest possible technology to do thing, for best compatibility and usability. Like using javascript for onmouseover is bad, use javascript to make scrolling panel is another thing I hate most (use css overflow!)……
    永遠用最舊而正確的方法做事，為的都是有更好的兼容度和更易使用，直接影響使用者感受。
• Common Trap
  普遍常見的陷阱
  • Presentational element in HTML
    HTML中指定呈現的效果，所指定顏色，字型等。
  • <table> abused for styling, especially in TOC
    亂用<table>作排版工具，尤其見於目錄
  • Assume present of Javascript, CSS and Cookie
    假設Javascript, CSS, Cookie的存在性
    • Again, use oldest correct technology if possible
      應該正確使用最古老的方法做事
    • Fail gracefully, or even better: provide alternative
      提供合理的錯誤信息，若提供其他方法則更好
  • Encoding
    編碼問題

有無人有其他意見……？

ASTR201 Stars, Galaxies, and the Universe完滿結束。Workload唔高感覺良好又學到嘢，達到為興趣 (不是求分數) 而上課的目的，唔錯唔錯……

踏入最後一個星期，今天是ARTV102 Creative 3D Design的最後一天。

終極的Project都完成了，影了一些相片。

這似乎成為了是我最喜愛的課之一。

Windows Vista functions Demo with MacOS

個旁述係Bill Gates，做緊新Windows Vista的Demo，但係係人地剪接上去現有MacOS的Screencap上去的。