網(wǎng)頁制作.ppt

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