f網(wǎng)頁設(shè)計(jì)中的若干術(shù)語 （web服務(wù)器及客 戶機(jī)、URl、常用協(xié)議、IP地址及域名、網(wǎng) 頁、網(wǎng)站、主頁、超級(jí)鏈接） 網(wǎng)站建設(shè)的基本步驟nn難點(diǎn) 難點(diǎn) 難點(diǎn) 難點(diǎn)nn網(wǎng)站建設(shè)的基本步驟nnfWEB簡(jiǎn)介n

f網(wǎng)頁設(shè)計(jì)中的若干術(shù)語 （web服務(wù)器及客 戶機(jī)、URl、常用協(xié)議、IP地址及域名、網(wǎng) 頁、網(wǎng)站、主頁、超級(jí)鏈接） 網(wǎng)站建設(shè)的基本步驟nn難點(diǎn) 難點(diǎn) 難點(diǎn) 難點(diǎn)nn網(wǎng)站建設(shè)的基本步驟nnfWEB簡(jiǎn)介nnWWWnWorld Wide Web （世界 寬邊網(wǎng)絡(luò)）的縮寫，也 寬邊網(wǎng)絡(luò)）的縮寫， 可以簡(jiǎn)稱為Web，中文 可以簡(jiǎn)稱為 ， 名字為“萬維網(wǎng)” 名字為“萬維網(wǎng)”。nn?.WEB服務(wù)器及客戶機(jī) 2.WEB服務(wù)器及客戶機(jī)nnf客戶端瀏覽器： 客戶端瀏覽器：通過在地址欄中輸入Web 服務(wù)器地址從而訪問Web服務(wù)器的軟件； 目前主要是Internet Explorer（IE）和 Netscape：nn?.URl、常用協(xié)議、IP地址及域名 3.URl、常用協(xié)議、IP地址及域名nnHTTP ? 定義 ? 一般格式 ? ? ? 定義 作用 優(yōu)點(diǎn)nnURLnn?.URl、常用協(xié)議、IP地址及域名 3.URl、常用協(xié)議、IP地址及域名nnFTP ? 定義 ? 作用nnIP ? 定義 ? 作用 ? 組成nn域名nn?.什么是網(wǎng)頁 1.什么是網(wǎng)頁 ? 究竟什么是網(wǎng)頁？ ? 網(wǎng)頁使用來干什么？ ? 他有什么作用？nn騰訊網(wǎng)站nn學(xué)院主站nnf聯(lián)想網(wǎng)站主頁nn163免費(fèi)郵件主頁nn淘寶主頁nn搜狐主頁nnf? 總結(jié)：網(wǎng)頁就是包含了文字、圖片、動(dòng)畫、 文字、 文字 圖片、動(dòng)畫、 聲音等內(nèi)容的可以在網(wǎng)上傳輸?shù)慕缑?。他可?聲音 共享信息、宣傳自己 服務(wù)用戶等。 用來共享信息 宣傳自己 服務(wù)用戶 共享信息 宣傳自己、服務(wù)用戶 ? 問題：n– 為什么同樣是網(wǎng)頁給我們的視覺效果是不一樣的？ – 為什么同樣是網(wǎng)頁給我們提供的信息也是不盡相同的？nnf? 問題：n– 久久音樂網(wǎng)、一聽音樂網(wǎng)等，同樣是音樂，給我們的感 覺是否完全相同哪？nn網(wǎng)頁是豐富多彩的nn?.什么是網(wǎng)頁設(shè)計(jì) 2.什么是網(wǎng)頁設(shè)計(jì) 定義 一個(gè)成功的網(wǎng)頁設(shè)計(jì)n– 首先，在觀念上要確立活躍的思維方式 – 其次，要有效地將圖形引入網(wǎng)頁設(shè)計(jì)之中，增加人們?yōu)g覽網(wǎng)頁的興趣nn特點(diǎn)nn在崇尚鮮明個(gè)性風(fēng)格的今天，網(wǎng)頁設(shè)計(jì)應(yīng)增加個(gè)性化因素。nnf? 網(wǎng)頁設(shè)計(jì) 設(shè)計(jì)與網(wǎng)頁制作 制作的區(qū)別 ? UI(User Interface,用戶界面) U ,用戶界面) ? UE或者UX (User Experience,用戶體驗(yàn)) U Ex ,用戶體驗(yàn)) 網(wǎng)頁設(shè)計(jì)要注意一下幾個(gè)方面： 網(wǎng)頁設(shè)計(jì)要注意一下幾個(gè)方面： 內(nèi)容及框架結(jié)構(gòu)(Frame Sets) 圖象區(qū)塊(Image Maps)與flash 特效等nn?.超級(jí)鏈接、 3.超級(jí)鏈接、網(wǎng)站和主頁 超級(jí)鏈接 ? 舉例說明什么叫超級(jí)鏈接。 舉例說明什么叫超級(jí)鏈接。 ? ? ? 定義 作用 命名規(guī)范nn? 定義 ? 作用 網(wǎng)站 主頁nnf? 網(wǎng)頁美化工具（圖像）： photoshop和fireWork photoshop fireWork等 ? 網(wǎng)頁美化工具（動(dòng)畫）： flash和swish flash swish等 ? 網(wǎng)頁排版工具： DreamWeaver和FrontPage DreamWeaver FrontPage等nnf? 一個(gè)網(wǎng)站的制作流程類似與一個(gè)電視節(jié)目的制

作過程，包括:nn策劃nn制作nn宣傳nn更新nn?.網(wǎng)頁設(shè)計(jì)基本步驟 1.網(wǎng)頁設(shè)計(jì)基本步驟 （1）設(shè)計(jì)網(wǎng)頁欄目及組織結(jié)構(gòu) （2）準(zhǔn)備素材 （3）界面設(shè)計(jì) （4）網(wǎng)頁排版（頁面實(shí)現(xiàn)） （6）網(wǎng)頁測(cè)試與發(fā)布 （7）網(wǎng)頁推廣與維護(hù)nn?.制作網(wǎng)頁時(shí)要注意的問題 2.制作網(wǎng)頁時(shí)要注意的問題 ① 網(wǎng)頁的標(biāo)題要簡(jiǎn)潔，明確。 ② 對(duì)重點(diǎn)內(nèi)容要強(qiáng)調(diào)顯示。 ③ 網(wǎng)頁中插入的圖片要盡量的小。 ④ 圖形要附加文字說明，以便關(guān)閉圖像時(shí)查看。 ⑤ 網(wǎng)頁中引用的資料及商標(biāo)（或圖標(biāo)），不能 侵犯版權(quán)。nnf序號(hào) 1 2 3 4 5 6 7 8nn觀測(cè)點(diǎn) 需求分析充分、欄目設(shè)置合理、功能完善 主題鮮明，能體現(xiàn)網(wǎng)站功能 頁面布局（排版）美觀大方，有個(gè)性 色彩搭配合理，能表現(xiàn)主題，特色鮮明 多媒體元素運(yùn)用得當(dāng)，適合網(wǎng)絡(luò)傳輸，運(yùn)行速度快。 操作方便、自然清新，適應(yīng)不同人群 方便后期開發(fā)與維護(hù) 內(nèi)容健康、正確、合法，鏈接準(zhǔn)確 合計(jì)nn分值 15 15 15 15 10 10 8 12 100nnf? 通過對(duì)web相關(guān)概念的講解，使學(xué)生了解web服務(wù) 器及客戶機(jī)、URl、常用協(xié)議、IP地址及域名等基 礎(chǔ)知識(shí)。 ? 通過典型網(wǎng)站案例分析和討論使同學(xué)們明白了網(wǎng) 頁、網(wǎng)站、主頁的區(qū)別，了解了網(wǎng)頁設(shè)計(jì)及超級(jí) 鏈接的概念。 ? 本節(jié)課還簡(jiǎn)單地介紹了網(wǎng)頁設(shè)計(jì)常用工具、網(wǎng)站 建設(shè)的基本步驟及應(yīng)注意的問題等知識(shí)。nnf填空題： １．Internet是在__________經(jīng)過不斷發(fā)展變化 而形成的。 ２．ＷＷＷ是__________的縮寫，也可以簡(jiǎn)稱為 Ｗeb，中文名字為“萬維網(wǎng)”。 ３．為了區(qū)別各個(gè)站點(diǎn)，必須為每個(gè)站點(diǎn)分配一 個(gè)唯一的地址，這個(gè)地址即稱為__________ ４．ｃ類地址的表示范圍為__________，默認(rèn)網(wǎng) 絡(luò)掩碼為__________。nnf選擇題： 1．下列不屬于Macromedia公司產(chǎn)品的是（） A．Dreamweaver B．Firewoks C．Flash D．Frontpagennf問答題： 1 .常見的網(wǎng)頁元素有哪些？ 2.上網(wǎng)瀏覽一些著名網(wǎng)站（如搜狐、網(wǎng)易、新浪 、騰訊(QQ)等）的主頁，并這些網(wǎng)頁和我們學(xué) 院的主頁在結(jié)構(gòu)和版面等方面有什么區(qū)別？ 3.請(qǐng)瀏覽我院主頁，至少說出兩種網(wǎng)頁中包含的 主要網(wǎng)頁元素。 4.常見的網(wǎng)頁制作工具有哪些？ 5.列舉你所了解的美化網(wǎng)頁工具。 6.總結(jié)建立網(wǎng)站的基本流程。nnf