Tag: HTML

171 月

HTML設計規範[6] 考量結構順序與佈局,提升網站SEO優化

搜尋引擎最佳化 (SEO)、可使用性 (Usability)、可訪問性 (Accessibility),這些都是我們在做CSS Layout的目標。例如:當視覺給的版應當是文字呈現的標題,但卻是用一張圖表示時,這時候就可以用CSS的技巧 (Image Replacement) 來把文字標題替換成圖片。或者像是表單設計加上label來讓使用者更方便…等等方式。
  • HTML, SEO
  • Posted by admin  Posted on 17 1 月  0 Comments
  • Read More
121 月

製作簡易的電子賀卡

在一些特別的節日裡大家是否會想用簡單的方式來傳遞祝福與關心呢? 今天就分享如何用html製作專屬個人特色的賀卡
  • EDM, HTML, 電子賀卡
  • Posted by admin  Posted on 12 1 月  0 Comments
  • Read More
101 月

HTML設計規範[3] 選用符合資料意義的正確標籤

在學會CSS Layout前,要先瞭解CSS Layout並不是單純只是用<div>把所有內容包起來,再用CSS做樣式,就是CSS Layout,而是要對XHTML的標籤有一定的瞭解,這樣才能寫出正確的結構。以下就網頁中常碰到的五大元素類型來介紹XHTML的標籤...
  • CSS, HTML, XHTML
  • Posted by admin  Posted on 10 1 月  0 Comments
  • Read More
061 月

HTML設計規範[2] XHTML網頁標誌語言的規則說明

CSS Layout設計首重HTML標籤的語義結構,除了要正確使用結構規則外,也要懂得選用正確的標籤以符合資料本身代表的意義,能夠對語義結構有精確的理解,才算是成功使用CSS Layout設計的第一步。而對於標籤結構我們目前選用的是XHTML 1.0這個標準。
  • HTML, XHTML
  • Posted by admin  Posted on 06 1 月  0 Comments
  • Read More
061 月

HTML設計規範[1] 選用符合標準模式的DOCTYPE宣告

DOCTYPE文件類型定義有很多種,除了用來識別html/xhtml版本之外,同時也告訴瀏覽器該以哪一種模式來顯示網頁,這段宣告一定不可缺少,而且一定要寫在文件的最頂部。我們統一使用符合標準模式的DOCTYPE宣告,這樣即可以解決大部份跨瀏覽器的呈現問題,例如著名的Box Model相容問題。
  • HTML, XHTML
  • Posted by admin  Posted on 06 1 月  0 Comments
  • Read More
2911 月

Web前端開發設計概要說明

網頁元素可分成三大部份:結構 (HTML)、樣式 (CSS)、行為 (JavaScript)。前端開發的理想目標,就是要盡量將這三個部份各自分離獨立。透過CSS Layout的設計理念,可以將樣式從結構中抽離出來,透過非侵入式Unobtrusive JavaScript的設計準則,還有jQuery的輔助,可以將行為從結構及樣式中獨立出來。
  • CSS, HTML
  • Posted by admin  Posted on 29 11 月  0 Comments
  • Read More