網(wǎng)頁(yè)設(shè)計(jì)1-入門匯總

1、授課人：何蘊(yùn)婷EMAIL：（一）網(wǎng)頁(yè)設(shè)計(jì)入門（一）網(wǎng)頁(yè)設(shè)計(jì)入門內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)站概述網(wǎng)站概述 一、Internet 與WWW 1、Internet能提供包括：WWW服務(wù)、EMAIL服務(wù)、網(wǎng)上傳呼、文件傳輸、在線聊天、網(wǎng)上購(gòu)物、網(wǎng)絡(luò)游戲等服務(wù)。 2、Web頁(yè)工作原理 內(nèi)部培訓(xùn)資料,不作任何宣傳用途二、網(wǎng)站及分類二、網(wǎng)站及分類 1、 WEB頁(yè)的制作軟件： 編輯器（ 如記事本 、 FrontPage 、Dreamweaver 等）WEB頁(yè)的查看軟件：瀏覽器（如Internet Explore、Netscape Navigator等） 2、網(wǎng)頁(yè)和站點(diǎn) 內(nèi)部培訓(xùn)資料,不作任何宣傳用途二、

2、網(wǎng)站及分類二、網(wǎng)站及分類 1、網(wǎng)站的分類 企業(yè)：http:/ 商業(yè)：http:/ 個(gè)人： http:/ 教育科研： / 政府網(wǎng)站：http:/ 學(xué)習(xí)類網(wǎng)站：/ 其它：藝術(shù)類網(wǎng)站http:/ 1、企業(yè)、商業(yè)網(wǎng)站的特點(diǎn)：內(nèi)部培訓(xùn)資料,不作任何宣傳用途三、三、網(wǎng)站設(shè)計(jì)的基本規(guī)律網(wǎng)站設(shè)計(jì)的基本規(guī)律1、企業(yè)、商業(yè)網(wǎng)站的特點(diǎn)： 經(jīng)濟(jì)類網(wǎng)站: http:/ 政府內(nèi)部培訓(xùn)資料,不作任何宣傳用途三、三、網(wǎng)站設(shè)計(jì)的基本規(guī)律網(wǎng)站設(shè)計(jì)的基本規(guī)律 2 教育、信息網(wǎng)站的特點(diǎn)：nhttp:/ 2 教育、信息網(wǎng)站的特點(diǎn)：http:/web.mit.

3、edu/ 內(nèi)部培訓(xùn)資料,不作任何宣傳用途三、三、網(wǎng)站設(shè)計(jì)的基本規(guī)律網(wǎng)站設(shè)計(jì)的基本規(guī)律3 時(shí)尚、休閑網(wǎng)站的特點(diǎn)：nhttp:/ 藝術(shù)類網(wǎng)站的特點(diǎn)：nhttp:/ 音樂網(wǎng)站內(nèi)部培訓(xùn)資料,不作任何宣傳用途三、三、網(wǎng)站設(shè)計(jì)的基本規(guī)律網(wǎng)站設(shè)計(jì)的基本規(guī)律4 藝術(shù)類網(wǎng)站的特點(diǎn)：nhttp:/ 美術(shù)網(wǎng)站內(nèi)部培訓(xùn)資料,不作任何宣傳用途三、三、網(wǎng)站設(shè)計(jì)的基本規(guī)律網(wǎng)站設(shè)計(jì)的基本規(guī)律4 藝術(shù)類網(wǎng)站的特點(diǎn)：nhttp:/ 攝影網(wǎng)站內(nèi)部培訓(xùn)資料,不作任何宣傳用途三、三、網(wǎng)站設(shè)計(jì)的基本規(guī)律網(wǎng)站設(shè)計(jì)的基本規(guī)律4 游戲類網(wǎng)站的特點(diǎn)：nhttp:/.hk/內(nèi)部培訓(xùn)資料,不作任何宣傳用途課堂討論課堂討論 以上網(wǎng)站實(shí)例大家看了之后感

4、覺如何？ 以上網(wǎng)站的整體造型各有不同，為何要采用這樣的設(shè)計(jì)呢？ 網(wǎng)頁(yè)界面設(shè)計(jì)的宗旨是什么？?jī)?nèi)部培訓(xùn)資料,不作任何宣傳用途To Be ContinueTo Be Continue內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)界面設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì) 一、基本要素 1、頁(yè)眉 2、導(dǎo)航條 3、文本 4、圖像 5、多媒體 6、頁(yè)腳內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)界面設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì) 1、頁(yè)眉 2、導(dǎo)航條 3、文本 4、圖像 5、多媒體 6、頁(yè)腳內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)界面設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì) 二、整體造型內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)界面設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì) 二、整體造型 1、弧形和圓形 http:/ 二、整

5、體造型 2、矩形http:/ 二、整體造型3、菱形和多邊形http:/ 二、頁(yè)面設(shè)計(jì)內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)界面布局的基本原則和類型網(wǎng)頁(yè)界面布局的基本原則和類型一、界面布局的基本原則 均衡 簡(jiǎn)約 慣性內(nèi)部培訓(xùn)資料,不作任何宣傳用途界面布局的類型界面布局的類型 “門”字型http:/ 直角型內(nèi)部培訓(xùn)資料,不作任何宣傳用途界面布局的類型界面布局的類型標(biāo)題正文型http:/ 2.純度對(duì)比:http:/ 3.相近色對(duì)比: 4.互補(bǔ)色對(duì)比 5.暖色對(duì)比: http:/ 6.冷色對(duì)比:http:/內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)色彩特征處關(guān)系網(wǎng)頁(yè)色彩特征處關(guān)系1.網(wǎng)頁(yè)色彩特征(1)網(wǎng)頁(yè)安全色W

6、EB安全色：由于瀏覽器在顯示這1670萬(wàn)種顏色時(shí)是有選擇的，它只能選擇其中的216種進(jìn)行顯示，無(wú)論是Rec（00-FF），Green（00-FF）顏色通道，或是Blue（00-FF）對(duì)任意一通道，都采取一種“跳躍”的方式進(jìn)行顏色編碼，即R、G、B都只能在00-FF之間的跳躍取值，而不能任意取值。這種跳躍顯示的色彩被稱為WEB安全色，意義是在任何瀏覽器上都能夠正確顯示。(2)色彩模式2.色彩關(guān)系內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)設(shè)計(jì)作品欣賞網(wǎng)頁(yè)設(shè)計(jì)作品欣賞-內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)設(shè)計(jì)作品欣賞網(wǎng)頁(yè)設(shè)計(jì)作品欣賞-內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：衛(wèi)浴公司的網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：衛(wèi)浴公司的網(wǎng)站 首頁(yè)的制作內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：衛(wèi)浴公司的網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：衛(wèi)浴公司的網(wǎng)站二級(jí)頁(yè)面二級(jí)頁(yè)面內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：衛(wèi)浴公司的網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：衛(wèi)浴公司的網(wǎng)站三級(jí)頁(yè)面三級(jí)頁(yè)面內(nèi)部培訓(xùn)資料,不作任何宣傳用途網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：攝影網(wǎng)站的頁(yè)面設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：攝影網(wǎng)站的頁(yè)面設(shè)計(jì)內(nèi)部培訓(xùn)資料,不作任何宣傳用途課