編者按：這是一個(gè)“圖片+動(dòng)畫”式的教程，力求直觀，生動(dòng)，一步步引導(dǎo)您學(xué)習(xí)制作網(wǎng)站頁面的技巧。文件大的動(dòng)畫在教程頁面中只有一個(gè)截圖，需要觀看動(dòng)畫，請點(diǎn)擊該截圖即可。
版權(quán)聲明：（作者趙鵬zhaopeng.net，所在論壇blueidea.com）此教程允許任意轉(zhuǎn)載，允許用于商業(yè)印刷，不需經(jīng)過作者同意，不需支付任何費(fèi)用。但必須保證教程的完整性，同時(shí)注明本版權(quán)聲明全部內(nèi)容。
先來看看最終效果圖：
--------------------------------------------------------------------------------
1. 背景的制作
1)
--------------------------------------------------------------------------------
2)
--------------------------------------------------------------------------------
3)
--------------------------------------------------------------------------------
4)
--------------------------------------------------------------------------------
5)
--------------------------------------------------------------------------------
6)
--------------------------------------------------------------------------------
7)
--------------------------------------------------------------------------------
8)
--------------------------------------------------------------------------------
2. 漸變條的制作
1)
--------------------------------------------------------------------------------
2)
--------------------------------------------------------------------------------
3)
--------------------------------------------------------------------------------
4)
--------------------------------------------------------------------------------
5)
--------------------------------------------------------------------------------
6)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
7)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
3 光環(huán)的制作
1)
--------------------------------------------------------------------------------
2)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
3)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
4. 主體文字的制作
1)
--------------------------------------------------------------------------------
2)
--------------------------------------------------------------------------------
3)
--------------------------------------------------------------------------------
4)
--------------------------------------------------------------------------------
5)
--------------------------------------------------------------------------------
6)
--------------------------------------------------------------------------------
7)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
8)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
9)
--------------------------------------------------------------------------------
10)
--------------------------------------------------------------------------------
11)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
5 變形文字的制作
1)
--------------------------------------------------------------------------------
2)
--------------------------------------------------------------------------------
3)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
4)
點(diǎn)擊小圖觀看演示動(dòng)畫
--------------------------------------------------------------------------------
