原文作者：Roger Johansson 作者簡介：住在瑞典哥德堡，1994年開始接觸和參與web設計，456 Berea Street是他的住址，因此采用這個名字作為他的個人主頁域名 原文出處：www.456bereastreet.com 原文發(fā)表時間：2005年3月15日 阿捷說明：此文原名"CSS tips and tricks"，有2篇，我將它們合并翻譯在本文中。

以下布局資料原作者：Owen Briggs 單行單列 單行單列1：采用float浮在左上角，固定寬度。 單行單列2：固定在左上角，固定寬度，采用的是絕對(absolute)定位。

如果我們想在3列布局的最后加一行頁腳，放版權之類的信息。就遇到必須對齊3列底部的問題。在table布局中，我們用大表格嵌套小表格的方法，可以很方便對齊三列；而用div布局，三列獨立分散，內容高低不同，就很難對齊。其實我們完全可以嵌套div，把三列放進一個DIV中，就做到了底部對齊。下面是實現(xiàn)例子(白色背景框模擬一個頁面)： Body 這里是#header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 60px;} 這里是#mainbox { MARGIN: 0px; WIDTH: 580px; BACKGROUND: #FFF; }包含了#menu,#sidebar和#content 這里是#menu{ FLOAT: right; MARGIN: 2px 0px 2px 0px; PADDING:0px 0px 0px 0px; WIDTH: 400px; BACKGROUND: #ccd2de; }

接下來開始要真正設計布局了。和傳統(tǒng)的方法一樣，你首先要在腦海里有大致的輪廓構想，然后用photoshop把它畫出來。你可能看到有關web標準的站點大都很樸素，因為web標準更關注結構和內容，實際上它與網(wǎng)頁的美觀沒有根本沖突，你想怎么設計就怎么設計，用傳統(tǒng)表格方法實現(xiàn)的布局，用DIV也可以實現(xiàn)。技術有一個成熟的過程，把DIV看成和TABLE一樣的工具，如何運用就看你的想象力了。

CSS布局與傳統(tǒng)表格(table)布局最大的區(qū)別在于：原來的定位都是采用表格，通過表格的間距或者用無色透明的GIF圖片來控制文布局版塊的間距；而現(xiàn)在則采用層(div)來定位，通過層的margin,padding,border等屬性來控制版塊的間距。 1.定義DIV

在了解XHTML代碼規(guī)范后，我們就要進行CSS布局。首先先介紹一些CSS的入門知識。如果你已經(jīng)很熟悉了，可以跳過這一節(jié)，直接進入下一節(jié)。

關于Dreamweaver亂碼問題的解決方案
--==關于Dreamweaver亂碼問題的解決方案==--

[dvnews_page]
第 03 集：網(wǎng)頁的基本元素
課程目標：了解和掌握一個網(wǎng)頁的基本構成元素
課程要點：網(wǎng)頁是由什么組成的呢？一個網(wǎng)頁可能包含圖片，文字，超級鏈接，動畫，表單，視頻音頻等元素中的一種或多種。
[全屏觀看] | [下載視頻]

[dvnews_page]
　　第 02 集：網(wǎng)站與網(wǎng)頁的概述
課程目標：對網(wǎng)站與網(wǎng)頁的概念有一個基本的了解。
課程要點：您一定經(jīng)常聽到網(wǎng)站與網(wǎng)頁這兩個流行詞匯，那么您知道二者有何聯(lián)系與區(qū)別嗎
全屏觀看

[dvnews_page]

點這里下載
一個可視化的網(wǎng)頁設計和網(wǎng)站管理工具，支持最新的Web技術，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態(tài)HTML、基于團隊的Web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。
　　Macromedia Dreamweaver MX 2004簡體中文零售版新增功能如下：加強的用戶界面；多重用戶配置；增強的源代碼編輯功能；擴展的文檔格式支持；加強的服務器模式擴展；改進的數(shù)據(jù)庫鏈接操作；提升了與外部應用程序的協(xié)作功能

Flash課件由于其自身的優(yōu)點，深受老師們的青睞，但用Flash5或Flash MX

四、制作封面（第一個場景的制作）