最新消息
| 2019.3.01 | 新增教學影片 |
|---|---|
| 2019.2.10 | 網頁設計基本概念、html5與css語法解析。 |
| 2019.2.09 | 網頁設計初階網站架設。 |
基本概念
網頁的基本架構
•基本的網頁是由HTML、CSS與JavaScript所組成
•HTML負責建構網頁的內容及基本架構•CSS專門負責美化網頁的任務
•JavaScript 負責控制網頁動態內容及使用者的操作行為
•本學期以講述靜態網頁HTML與CSS的基本概念為主。
教學影片
利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例--第一步驟
在早期瀏覽器以IE為主的網頁設計時代，大多以表格(TABLE)或頁框(FRAME)，來製作網頁主要的定位與架構，但是隨著上網習慣的改變，網路速度的需求、網頁跨瀏覽器的問題以及行動上網的迅速發展等，目前網頁設計的架構，多半以DIV搭配CSS為設計主流，以Div標籤來建立網頁區塊，區分各個主要頁面做為主要的排版架構，搭配CSS語法來美化網頁，以往的網頁設計大多直接寫在HTML網頁本身，現在則分開以HTML為架構設定，CSS為風格設定，一個建築網頁架構，一個塑造網頁美感。
認識HTML
HyperText Markup Language
•HTML (HyperText Markup Language) 超文本標記語言：是一種用於建立網頁的標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計賞心悅目的網頁。
•HTML 在 1989 年時由 Tim Berners-Lee 所發展出來的，在 1990 年被 WWW 開始採用，並於 1991 年提出 HTML 語法的基本草稿。由於全世界的人都在使用 HTML 來設計網頁 (WebPage) 構建網站，所以 HTML 的語法必須統一。全球資訊網協會 W3C (The World Wide Web Consortium) 在 1993 年推出 HTML1.0 版。
認識CSS
Cascading Style Sheets
CSS的中文稱為「串接樣式表」，CSS的特色:
(1)它能讓我們更精確的控制網頁版面的文字、背景、字型等網頁外觀及美化。(2)它能只修正一個 CSS 文件，便可同時更新眾多的網頁版面外觀及格式。
(3)它可以使 html 的文件內碼更精簡，縮小檔案下載的速度。
(4)適用於各種作業平台。