網頁設計初階筆記

2019.2.10, 網頁設計基本概念、html5與css語法解析。

... •HTML負責建構網頁的內容及基本架構 •CSS專門負責美化網頁的任務 •JavaScript 負責控制網頁動態內容及使用者 ... 最新消息 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 HyperTextMarkupLanguage •HTML(HyperTextMarkupLanguage)超文本標記語言：是一種用於建立網頁的標準標記語言。

HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計賞心悅目的網頁。

•HTML在1989年時由TimBerners-Lee所發展出來的，在1990年被WWW開始採用，並於1991年提出HTML語法的基本草稿。

由於全世界的人都在使用HTML來設計網頁(WebPage)構建網站，所以HTML的語法必須統一。

全球資訊網協會W3C(TheWorldWideWebConsortium)在1993年推出HTML1.0版。

認識CSS CascadingStyleSheets CSS的中文稱為「串接樣式表」，CSS的特色: (1)它能讓我們更精確的控制網頁版面的文字、背景、字型等網頁外觀及美化。

(2)它能只修正一個CSS文件，便可同時更新眾多的網頁版面外觀及格式。

(3)它可以使html的文件內碼更精簡，縮小檔案下載的速度。

(4)適用於各種作業平台。