Pages

Subscribe:

Ads 468x60px

Labels

2015年7月31日 星期五

利用Div標籤與CSS建立基本單欄網頁版型

資料來源
利用Div標籤與CSS建立基本網頁版型,以全國比較文學會議網站為例 

1. 一、Div標籤與CSS


在早期瀏覽器以IE為主的網頁設計時代,大多以表格(TABLE)或頁框(FRAME),來製作網頁主要的定位與架構,但是隨著上網習慣的改變,網路速度的需求、網頁跨瀏覽器的問題以及行動上網的迅速發展等,目前網頁設計的架構,多半以DIV搭配CSS為設計主流,以Div標籤來建立網頁區塊,區分各個主要頁面做為主要的排版架構,搭配CSS語法來美化網頁,以往的網頁美化設定大多直接寫在HTML網頁本身,現在則分開以HTML為架構設定,CSS為風格設定,一個建築網頁架構,一個塑造網頁美感。 


2. 二、單欄版型的範例


進入Dreamweaver的例子,將以全國比較文學會議網站為例,作為輔助說明,使同學們更加輕鬆的進入網頁排版的世界。 
這是一個很單純的單欄版型的網頁,因為內容單純,故以單欄來設計。 

第三十四屆全國比較文學會議網站
http://mepopedia.com/group/comparative/
 

沒有留言:

張貼留言