網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程

《網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程主編：趙春利制作：李曉新2010年2月網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程第1章網(wǎng)頁設(shè)計(jì)概述第2章HTML語言第4章添加網(wǎng)頁元素第5章網(wǎng)頁布局第6章制作動(dòng)感網(wǎng)頁第7章提高網(wǎng)頁制作效率第8章站點(diǎn)的維護(hù)與上傳第9章使用Fireworks8處理網(wǎng)頁圖像第10章使用Flash8制作網(wǎng)頁動(dòng)畫第11章網(wǎng)站設(shè)計(jì)制作綜合實(shí)例第1章網(wǎng)頁設(shè)計(jì)概述1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)1.2網(wǎng)頁制作工具1.3網(wǎng)頁配色1.4網(wǎng)頁布局類型1.5網(wǎng)站設(shè)計(jì)和制作流程1.6優(yōu)秀網(wǎng)站賞析1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)1.1.1網(wǎng)頁與網(wǎng)站1、網(wǎng)頁與網(wǎng)站的關(guān)系網(wǎng)頁就是通過瀏覽器在Internet上看到的頁面，英文名稱為WebPage；網(wǎng)

2、站也稱為站點(diǎn)，英文名稱為WebSite，是多個(gè)網(wǎng)頁的集合，但不是簡(jiǎn)單的集合，而是取決于該網(wǎng)站的內(nèi)容（如網(wǎng)頁的數(shù)量及網(wǎng)站的定位）。1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)2、網(wǎng)站的類型網(wǎng)站按內(nèi)容進(jìn)行分類，可分為門戶網(wǎng)站、垂直網(wǎng)站、地方網(wǎng)站；而其中的垂直網(wǎng)站又可分為新聞網(wǎng)站、娛樂網(wǎng)站、體育網(wǎng)站、科技網(wǎng)站、汽車網(wǎng)站、財(cái)經(jīng)網(wǎng)站、房產(chǎn)網(wǎng)站、游戲網(wǎng)站、生活服務(wù)網(wǎng)站和教育職業(yè)網(wǎng)站等。1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)根據(jù)網(wǎng)站是否具有交互性和遠(yuǎn)程維護(hù)功能，可以將網(wǎng)站分為靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站兩大類。1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)1.1.2常用Web術(shù)語1、Web常用術(shù)語1、URL2、網(wǎng)頁3、主頁1.2網(wǎng)頁制作工具1.2.1網(wǎng)頁編輯工具1、F

3、rontPage2、Dreamweaver1.2網(wǎng)頁制作工具1.2.2網(wǎng)頁圖像與動(dòng)畫制作工具1、Flash2、Fireworks3、PhotoShop4、PhotoImpact5、COOL3D6、UleadGIFAnimator1.3網(wǎng)頁配色1.3.1色彩的基礎(chǔ)知識(shí)1、色彩的產(chǎn)生——光與色可視光譜1.3網(wǎng)頁配色所示白光經(jīng)三棱鏡分解后的光譜1.3網(wǎng)頁配色2、色彩的分類——彩色與無彩色彩色與無彩色1.3網(wǎng)頁配色3、色彩的三個(gè)特性——色相、明度和純度⑴色相⑵明度⑶純度1.3網(wǎng)頁配色4、色彩的混合⑴三原色⑵正混合⑶負(fù)混合⑷中性混合1.3網(wǎng)頁配色5、色相環(huán)12色相環(huán)1.3網(wǎng)頁配色6、色彩的心理

4、感覺：不同的顏色會(huì)給瀏覽者不同的心理感受。7、近似色近似色1.3網(wǎng)頁配色8、互補(bǔ)色互補(bǔ)色1.3網(wǎng)頁配色9、分離補(bǔ)色1.3網(wǎng)頁配色10、組色1.3網(wǎng)頁配色11、暖色1.3網(wǎng)頁配色12、冷色1.3網(wǎng)頁配色13、RGB模式——顯示器的色彩模式1.3網(wǎng)頁配色14、CMYK模式——印刷的混色原理1.3網(wǎng)頁配色1.3.2網(wǎng)頁配色方案1、基本色、輔助色和強(qiáng)調(diào)色1.3網(wǎng)頁配色2、常用概念⑴色彩的對(duì)比色彩對(duì)比是指各種色彩在界面內(nèi)形成的面積、形狀、位置以及色相、明度、純度之間的差異，使網(wǎng)頁出現(xiàn)不同的變化和心理感受。1.3網(wǎng)頁配色⑵色彩的調(diào)和兩種或兩種以上色彩和諧搭配在一起，會(huì)產(chǎn)生調(diào)和、統(tǒng)一的效果，是人們

5、追求視覺得到統(tǒng)一、舒適、達(dá)到心理平衡的手段。1.3網(wǎng)頁配色1.3.3色彩在網(wǎng)頁設(shè)計(jì)中的基本應(yīng)用1、前提：以網(wǎng)站的內(nèi)容為基礎(chǔ)2、尋找搭配方案的技巧和經(jīng)驗(yàn)3、顏色與文本1.3網(wǎng)頁配色具體搭配實(shí)例分析1、兒童類網(wǎng)站1.3網(wǎng)頁配色2、男性特征的網(wǎng)站1.3網(wǎng)頁配色3、體現(xiàn)華麗高貴特色的網(wǎng)站1.3網(wǎng)頁配色4、青年人網(wǎng)站1.3網(wǎng)頁配色5、服裝服飾類1.3網(wǎng)頁配色經(jīng)驗(yàn)與技巧1、忌“花”：色彩不要過多2、冷暖搭配要謹(jǐn)慎3、網(wǎng)站各界面色彩統(tǒng)一4、不要用“花”背景1.4網(wǎng)頁布局類型1、“國(guó)”字型2、拐角型3、標(biāo)題正文型4、左右框架型1.4網(wǎng)頁布局類型5、上下框架型6、綜合框架型7、封面型8、Flash型9

6、、變化型1.5網(wǎng)站設(shè)計(jì)和制作流程1.5.1進(jìn)行需求調(diào)查和分析1、確定參與人員2、編寫完整的需求調(diào)查記錄文檔3、用戶調(diào)查內(nèi)容4、市場(chǎng)調(diào)研內(nèi)容5、編寫《網(wǎng)站需求說明書》1.5網(wǎng)站設(shè)計(jì)和制作流程1.5.2確定網(wǎng)站的主題內(nèi)容1、確定網(wǎng)站主題2、搜集材料1.5網(wǎng)站設(shè)計(jì)和制作流程1.5.3提出網(wǎng)站設(shè)計(jì)方案1、主題欄目的設(shè)置2、目錄結(jié)構(gòu)設(shè)計(jì)3、顏色搭配4、網(wǎng)站標(biāo)志Logo5、版面布局6、圖像的運(yùn)用1.5網(wǎng)站設(shè)計(jì)和制作流程1.5.4制作和上傳網(wǎng)站1、制作網(wǎng)站2、上傳與測(cè)試3、后期維護(hù)1.6優(yōu)秀網(wǎng)站賞析1.6.1時(shí)尚娛樂類網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析

7、1.6優(yōu)秀網(wǎng)站賞析1.6.2信息類網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6.3商務(wù)類網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析1.6優(yōu)秀網(wǎng)站賞析第2章HTML語言2.1HTML語言基礎(chǔ)2.2字符格式的設(shè)置2.3多媒體文件的調(diào)用2.4超鏈接的設(shè)置2.5表格的設(shè)置2.6表單的設(shè)置2.7框架的設(shè)置2.1HTML語言基礎(chǔ)2.1.1HTML標(biāo)簽1、標(biāo)簽的組成⑴HTML語言中，所有的標(biāo)簽都必須用尖括號(hào)括起來，比如：、