網(wǎng)頁(yè)設(shè)計(jì)與制作ppt課件.ppt

網(wǎng)頁(yè)設(shè)計(jì)與制作綜述 網(wǎng)頁(yè)設(shè)計(jì)與制作綜述 學(xué)習(xí)要點(diǎn) 網(wǎng)頁(yè)和網(wǎng)站網(wǎng)頁(yè)類(lèi)型網(wǎng)頁(yè)的基本構(gòu)成元素網(wǎng)頁(yè)制作常用軟件和技術(shù)網(wǎng)站策劃與設(shè)計(jì)流程HTML語(yǔ)言基礎(chǔ)知識(shí) 學(xué)習(xí)任務(wù) 認(rèn)識(shí)網(wǎng)頁(yè) 互聯(lián)網(wǎng)是一個(gè)蘊(yùn)藏著無(wú)窮資源的寶庫(kù) 在資源共享和信息交換方面具有得天獨(dú)厚的優(yōu)勢(shì) 網(wǎng)頁(yè)則正是這些資源和信息重要的傳遞載體 網(wǎng)頁(yè)不但可以提供文字 圖片 多媒體信息的瀏覽 并且網(wǎng)絡(luò)在娛樂(lè) 商務(wù)及各種領(lǐng)域的應(yīng)用例如電子郵件 聊天室 搜索引擎 網(wǎng)上交易 電子政務(wù)等都離不開(kāi)網(wǎng)頁(yè) 什么是網(wǎng)頁(yè) 網(wǎng)頁(yè)是一種可以在互聯(lián)網(wǎng)上傳輸 能被瀏覽器認(rèn)識(shí)和翻譯成頁(yè)面并顯示出來(lái)的文件 網(wǎng)頁(yè)是網(wǎng)站的基本構(gòu)成元素 網(wǎng)頁(yè)實(shí)際上就是一個(gè)文件 一般網(wǎng)頁(yè)上都會(huì)有文本和圖片等信息 而復(fù)雜一些的網(wǎng)頁(yè)上還會(huì)有聲音 視頻 動(dòng)畫(huà)等多媒體內(nèi)容 網(wǎng)頁(yè)比報(bào)紙 廣播 電視等傳統(tǒng)媒介在信息傳遞上更加迅速 多樣化 交互能力更強(qiáng) 網(wǎng)頁(yè)類(lèi)型 網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩種類(lèi)型 靜態(tài)網(wǎng)頁(yè)就是設(shè)計(jì)者做什么樣 在客戶端瀏覽時(shí)就顯示什么樣 而動(dòng)態(tài)網(wǎng)頁(yè)可以根據(jù)不同的用戶顯示不同的頁(yè)面 1 靜態(tài)網(wǎng)頁(yè) 靜態(tài)網(wǎng)頁(yè)的基本特點(diǎn)歸納如下 靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL 且網(wǎng)頁(yè)URL以 htm html shtml等常見(jiàn)形式為后綴 而不含有 網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上 無(wú)論是否有用戶訪問(wèn) 每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的 靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定 因此容易被搜索引擎檢索 靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持 靜態(tài)網(wǎng)頁(yè)的交互性較差 在功能方面有較大的限制 2 動(dòng)態(tài)網(wǎng)頁(yè) 動(dòng)態(tài)網(wǎng)頁(yè)的基本特點(diǎn)歸納如下 動(dòng)態(tài)網(wǎng)頁(yè)以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ) 可以大大降低網(wǎng)站維護(hù)的工作量 采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能 動(dòng)態(tài)網(wǎng)頁(yè)實(shí)際上并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁(yè)文件 只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁(yè) 動(dòng)態(tài)網(wǎng)頁(yè)中的 對(duì)搜索引擎檢索存在一定的問(wèn)題 什么是網(wǎng)站網(wǎng)址與域名網(wǎng)頁(yè)的基本構(gòu)成元素網(wǎng)頁(yè)制作常用軟件和技術(shù) 學(xué)習(xí)任務(wù) 認(rèn)識(shí)網(wǎng)站 學(xué)習(xí)任務(wù) 認(rèn)識(shí)網(wǎng)站 根據(jù)提供服務(wù)的不同 通常把提供網(wǎng)頁(yè)服務(wù)的服務(wù)器稱為web服務(wù)器 相關(guān)網(wǎng)站稱為web站點(diǎn) 網(wǎng)站是提供各種信息和服務(wù)的基地 如用戶熟悉的搜狐 新浪 雅虎等都是網(wǎng)站 網(wǎng)站是由很多網(wǎng)頁(yè)鏈接在一起組成的 用戶瀏覽到一個(gè)網(wǎng)站時(shí)看到的第一個(gè)頁(yè)面叫做主頁(yè) 1 網(wǎng)址與域名 網(wǎng)址瀏覽網(wǎng)頁(yè)時(shí) 在瀏覽器地址欄中輸入的諸如就是一個(gè)網(wǎng)址 瀏覽器訪問(wèn)網(wǎng)頁(yè)是由URL UniformResourceLocator 統(tǒng)一資源定位器的方式來(lái)實(shí)現(xiàn)的 2 域名域名就是網(wǎng)站的名稱 企業(yè)在注冊(cè)域名時(shí)一般都會(huì)申請(qǐng)一個(gè)符合網(wǎng)站特點(diǎn)的域名 甚至?xí)延蛎醋髌髽I(yè)的網(wǎng)上商標(biāo) 2 網(wǎng)頁(yè)的基本構(gòu)成元素 文本元素圖像元素動(dòng)畫(huà)元素超鏈接 3 網(wǎng)頁(yè)制作常用軟件和技術(shù) 網(wǎng)頁(yè)編輯排版軟件Dreamweaver網(wǎng)頁(yè)圖像制作軟件Photoshop和Fireworks網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件Flash網(wǎng)頁(yè)標(biāo)簽語(yǔ)言HTML網(wǎng)頁(yè)腳本語(yǔ)言JavaScript動(dòng)態(tài)交互式網(wǎng)頁(yè)編程語(yǔ)言 網(wǎng)站建設(shè)基本流程 網(wǎng)站的需求分析規(guī)劃站點(diǎn)結(jié)構(gòu)收集素材設(shè)計(jì)與制作網(wǎng)站網(wǎng)站的發(fā)布 第1章DreamweaverCS3入門(mén) 第1章DreamweaverCS3入門(mén) 本章學(xué)習(xí)要點(diǎn) DreamweaverCS3的主要功能和特點(diǎn)DreamweaverCS3的操作環(huán)境利用DreamweaverCS3制作網(wǎng)頁(yè)利用DreamweaverCS3創(chuàng)建并管理站點(diǎn) 認(rèn)識(shí)DreamweaverCS3 AdobeDreamweaverCS3是網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶最多 應(yīng)用最廣 功能最強(qiáng)的軟件 它將可視布局工具 應(yīng)用程序開(kāi)發(fā)功能和代碼編輯支持組合在一起 其功能強(qiáng)大 使得各個(gè)層次的開(kāi)發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建吸引人的 基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序 Dreamweaver與用于制作網(wǎng)頁(yè)矢量動(dòng)畫(huà)的Flash 制作網(wǎng)頁(yè)圖像的Fireworks并稱為 網(wǎng)頁(yè)制作三劍客 DreamweaverCS3的主要功能 支持最新的Web技術(shù)供兩個(gè)選擇 既可以在直觀的可視布局界面中工作 又可以在簡(jiǎn)化的編碼環(huán)境中工作借助AdobeDreamweaverCS3軟件 用戶可以快速 輕松地完成設(shè)計(jì) 開(kāi)發(fā)與維護(hù)網(wǎng)站和Web應(yīng)用程序的全過(guò)程新增功能 Ajax的Spry框架 Spry構(gòu)件 Spry效果 高級(jí)PhotoshopCS3集成 瀏覽器兼容性檢查 AdobeCSSAdvisor CSS布局 管理SS AdobeDeviceCentral AdobeBridgeCS3 DreamweaverCS3操作環(huán)境介紹 本地站點(diǎn)的規(guī)劃與創(chuàng)建 利用Dreamweaver制作網(wǎng)頁(yè)步驟 規(guī)劃站點(diǎn)創(chuàng)建站點(diǎn)利用站點(diǎn)對(duì)文件進(jìn)行管理 站點(diǎn)的概念 所謂站點(diǎn) 可以看作是一系列文檔的組合 這些文檔通過(guò)各種鏈接建立邏輯關(guān)聯(lián) 用戶在建立網(wǎng)站前必須要建立站點(diǎn) 修改某網(wǎng)頁(yè)內(nèi)容時(shí) 也必須打開(kāi)站點(diǎn) 然后修改站點(diǎn)內(nèi)的網(wǎng)頁(yè) 規(guī)劃站點(diǎn) 站點(diǎn)的規(guī)劃 包括站點(diǎn)的目錄結(jié)構(gòu) 鏈接結(jié)構(gòu) 模板和庫(kù)的使用 網(wǎng)站的目錄結(jié)構(gòu)是網(wǎng)站組織和存放站內(nèi)所有文檔的目錄設(shè)置情況 網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間的相互鏈接關(guān)系模板和庫(kù) 可以在不同的文檔中重用頁(yè)面布局和頁(yè)面元素 給網(wǎng)頁(yè)的維護(hù)帶來(lái)很大的方便 創(chuàng)建本地站點(diǎn) 本地站點(diǎn)實(shí)際上是位