峽谷中漫步: 11月 2012

2012年11月26日星期一

比較:美感，直覺性，流暢，預期反應

                        外國網站                                                 永慶房屋

美感            比較有創意，以    較無美感可言顏色雜亂
                    圖來表示位置

直覺性        前者能立即看到所要的東西位置      可能會有連結到其他地區的房子

流暢         很順利輕易掌握到所要資訊                   需要了解一下網站的使用方式
                                                                                    且過多廣告有點錯亂

預期反應   一開始如果不知道是找房子網站會誤認    過程繁瑣且有很多不同連結的東西可
                   是地圖，我想標示不大清楚                        點，第一次使用需要花點時間找尋

lab 24

2012年11月12日星期一

lab 23

lab 24

為了給作者們提供更靈活, 更具互操作性, 能有更多交互性並令人振奮的網站和應用程序, HTML 5 引入並加強了一系列功能, 包括表單控制, 應用程序接口(APIs), 多媒體, 結構化和語義化.
HTML 5 引入了一整套全新的元素來讓構建頁面變得更加簡單. 大多數基於HTML 4的頁面的包含多種常用結構, 比如說頁首(header), 頁腳(footer)和縱列(column). 現階段我們通常會用div元素標記這些區塊, 然後為它們定義一個描述性的id或是class.

圖表說明一個典型的用div元素帶上id和class屬性標記的2欄佈局. 其中包括頁首(header)和頁腳(footer), 在頁首下面是一個水平導航條, 主體內容又包含了文章(article)和它右邊的側邊欄(sidebar).
大量的使用div元素是因為目前的HTML 4版本缺少更明確的語義描述這些區塊所致. HTML 5 為了表現這些不同的區塊而引入了新的元素.

那些div元素可以被新的元素代替了: header, nav, section, article, aside以及footer.

<body>
  <header>...</header>
  <nav>...</nav>
  <article>
   <section>
   ...
   </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>

用這些新元素會有一些優勢(相對於HTML 4). 當和標題元素(h1 - h6)一同使用時, 可以標記出嵌套的章節標題層次, 超越之前版本的
HTML僅有的六個層次. 規範中包含了一份生成大綱的具體算法. 把結構化這些內容納入考慮範圍, 並仍然向後兼容先前的版本. 這樣可以在編輯工具以及瀏覽器中生成目錄來幫助用戶來瀏覽這個文檔.
舉例說明, 下面的標記結構使用了嵌套的章節和h1元素構成:

<section>
  <h1>Level 1</h1>
  <section>
   <h1>Level 2</h1>
   <section>
    <h1>Level 3</h1>
   </section>
  </section>
</section>

這裡要注重, 為了更好的兼容現在的瀏覽器, 它也能在適當的位置利用其它的標題元素(h2 - h6)來代替h1元素.
通過辨別頁面中的章節使用非凡章節元素的確切目的, 輔助的技術能幫助用戶更輕易的瀏覽這個頁面. 舉例, 他們能不費力的略過導航區塊或者能快速的從一篇文章直接跳到下一篇而不需要作者提供跳轉鏈接. 對於創作者來說, 在文檔中去掉多餘的div, 而用一些更明顯的元素代替它們,會讓源代碼更清楚而且更輕易書寫。

原文出處: http://mid.lt263.com/mb/divcssjiaocheng/17030_2.html

簡單來說html 5在新標記、無障礙(Accessibility)、新應用程式介面（API）都有很大的更新，那對於html 4檔案聲明，增加新的元素，使的語法更簡潔更有利。

參考:維基百科

2012年11月11日星期日

hw

上大學候常常會聽一些專業人士或是一些人生的講座，可是常常面對的不是演講人而是他專業深奧繁雜的ppt，我不是內行人，但他門三句不離專業術語，五句不離數學公式，說實話對我門而言真的一點吸收也沒有，反到如此不如把你會的東西用簡單的方式或比喻，讓我門理解，我門不必懂很多但至少知道你在說些什麼東西，看完這演講，雖然短短四分鐘，但真真確確表達很多聽講者的心聲，溝通與傳達對於演講人是很重要的要素，也是它吸引力的主因當然還包括一些幽默感，傳達訊息讓人清楚的演講即使內容不艱深但對於聽講人獲益往往多於繁雜的內容，至於一些專業人士的觀點，我想最後有機會給他門在發問也是可以的阿