網(wǎng)頁(yè)制作.ppt

網(wǎng)頁(yè)制作與網(wǎng)站的建立 第一章 網(wǎng)頁(yè)制作的基礎(chǔ)與網(wǎng)站建立第二章 Dreamweaver的初級(jí)應(yīng)用第三章 Dreamweaver的高級(jí)應(yīng)用 建設(shè)自己網(wǎng)站的前提條件 3 Dreamweaver4 Firework5 Flash6 Fhotoshop 1 IIS5 0 5 12 NETFramework1 1 2 0 IIS與 NETFramework的作用 大部分的網(wǎng)站后臺(tái)都是用ASP NET編寫IIS的安裝主要是為了執(zhí)行ASP腳本 NETFramework1 1 2 0的安裝主要是為了支持ASP NET腳本下面給大家介紹一下安裝IIS的方法 建設(shè)自己網(wǎng)站的前提條件 3 Dreamweaver4 Firework5 Flash6 Photoshop 1 IIS5 0 5 12 NETFramework1 1 2 0 網(wǎng)頁(yè)三劍客 所謂的網(wǎng)頁(yè)三劍客就是 DreamweaverFireworkFlash Dreamweaver Dreamweaver 主要是一款專業(yè)的網(wǎng)頁(yè)制作軟件 他有很大的優(yōu)勢(shì) Dreamweaver在功能的完善 使用的便捷上比Frontpage更強(qiáng)一些他幾乎囊括了Frontpage的所有功能利用Dreamweaver可以制作出 專業(yè)化 個(gè)性化 的站點(diǎn) 可以把設(shè)計(jì)者的思想發(fā)揮的淋漓盡致 Firework Firework是一種專門針對(duì)Web圖像設(shè)計(jì)而開發(fā)的軟件 利用Firework不僅可以生成靜態(tài)的圖像還可以直接生成各種風(fēng)格的動(dòng)態(tài)按鈕或滾動(dòng)圖像 Flash Flash是一個(gè)特別適合于WEB內(nèi)容的專業(yè)標(biāo)準(zhǔn)創(chuàng)作工具Flash不僅可以在網(wǎng)頁(yè)中添加聲音 實(shí)現(xiàn)多媒體動(dòng)畫 而且由于其文件較小適于下載 Photoshop Photoshop主要是平面設(shè)計(jì)軟件是目前世界上最優(yōu)秀的平面設(shè)計(jì)軟件之一利用Photoshop可以直接處理圖像圖形制作并可以繪制和編輯矢量圖形Photoshop和Firework相比在圖像處理上強(qiáng)但是在網(wǎng)頁(yè)圖像和動(dòng)畫上比較弱所以說我們?cè)谥谱骶W(wǎng)頁(yè)素材是要揚(yáng)其長(zhǎng)避其短 網(wǎng)站的開發(fā)流程 規(guī)劃和設(shè)計(jì)網(wǎng)站設(shè)計(jì)和制作網(wǎng)頁(yè)測(cè)試和維護(hù)網(wǎng)站 規(guī)劃和設(shè)計(jì)網(wǎng)站 確定站點(diǎn)目標(biāo) 整體定位 內(nèi)容 確定目標(biāo)觀眾組織站點(diǎn)結(jié)構(gòu) 網(wǎng)站首頁(yè) 二級(jí)頁(yè)面其他 確定站點(diǎn)風(fēng)格 背景 顏色 字體 繪制設(shè)計(jì)圖 正規(guī)用畫圖軟件 設(shè)計(jì)導(dǎo)航圖 顯示位置 搜索 反饋 收集資料 設(shè)計(jì)與制作網(wǎng)頁(yè) 指定網(wǎng)頁(yè)標(biāo)題 簡(jiǎn)單并且有個(gè)性 采集網(wǎng)頁(yè)內(nèi)容 突出主題 準(zhǔn)備網(wǎng)頁(yè)圖片 格式 確定網(wǎng)頁(yè)框架設(shè)置網(wǎng)頁(yè)背景創(chuàng)建其他頁(yè)面元素 關(guān)系著網(wǎng)頁(yè)打開速度 測(cè)試 發(fā)布與維護(hù) 在自己的電腦上測(cè)試前臺(tái)與后臺(tái)的連接申請(qǐng)域名的數(shù)據(jù)庫(kù)選擇 SQL ACCESS 怎樣提高點(diǎn)擊率 搜索引擎 建立自己的論壇 第二章 Dreamweaver的初級(jí)應(yīng)用 2 1Dreamweaver的工作界面2 2新建站點(diǎn)2 3網(wǎng)頁(yè)的基本操作2 4修改文本與設(shè)置超鏈接2 5使用多媒體對(duì)象2 6設(shè)計(jì)頁(yè)面布局 網(wǎng)頁(yè)的基本操作 2 3 1新建 打開與保存網(wǎng)頁(yè)2 3 2設(shè)置頁(yè)面屬性 修改文本與設(shè)置超鏈接 2 4 1輸入文本及設(shè)置文本格式2 4 2設(shè)置列表格式2 4 3設(shè)置超鏈接2 4 4E Mail鏈接2 4 5圖形熱點(diǎn)鏈接 使用多媒體對(duì)象 2 5 1插入圖像 調(diào)整圖像屬性2 5 2使用外部媒體效果2 5 3插入其他對(duì)象 設(shè)計(jì)頁(yè)面布局 2 6 1使用表格2 6 2使用布局表格2 6 3使用層2 6 4使用框架 Dreamweaver的高級(jí)應(yīng)用 3 1創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)3 2使用模板和庫(kù)3 3使用CSS樣式 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè) 3 1 1使用表單 重點(diǎn) 3 1 2使用行為 彈出信息 播放聲音 3 1 3動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)介紹 使用模板和庫(kù) 3 2 1使用模板3 2 2使用庫(kù) 使用CSS樣式 3 3 1認(rèn)識(shí)CSS3 3 2創(chuàng)建CSS樣式3 3 3鏈接外部CSS樣式3 3 4應(yīng)用CSS樣式 認(rèn)識(shí)CSS css cascadingstylesheets 樣式是 層疊樣式表 的簡(jiǎn)稱 css