資源描述:
《flash在web中的應用》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第四章Flash在Web系統(tǒng)中的應用西北農(nóng)林科技大學陳建平2010Flash編程總結(jié)與回顧上節(jié)課主要介紹了網(wǎng)站的基本知識:1、希望大家了解一個網(wǎng)站是如何從零起步創(chuàng)建起來的。包括:域名及解析、服務器空間、網(wǎng)頁制作與FTP維護。2、介紹網(wǎng)頁的設計與制作過程當中一些基本概念:Html標簽語言、CSS樣式表、Javascript在網(wǎng)頁當中的簡單應用本節(jié)內(nèi)容以兩個案例為線索:1、介紹網(wǎng)頁制作的基礎知識與常見問題2、介紹Flash在網(wǎng)頁上的簡單應用案例說明說明案例的設計目標與要求1、個人Flash名片(涉及:DIV+CSS方式設計、Flash中按鈕
2、與超鏈接、動態(tài)加載音樂)2、教學課件網(wǎng)頁(網(wǎng)絡課件創(chuàng)作:涉及到html框架知識、Flash播放音頻、視頻、文本文件等)學生網(wǎng)頁創(chuàng)建實驗使用DreamWeaver制作網(wǎng)頁實驗Dreamweaver是一種完全成熟的WYSIWYG(WhatYouSeeIsWhatYouGet,所見即所得)HTML編輯器,通過它可以輕松快捷地創(chuàng)建網(wǎng)頁和網(wǎng)站。Dreamweaver不僅讓您可以享受到手工編寫HTML代碼的樂趣,而且提供了強大的可視化編輯環(huán)境。MacromediaDreamweaver是一款專業(yè)的HTML編輯器,用于設計、編碼,開發(fā)網(wǎng)站、網(wǎng)頁和We
3、b應用程序。Dreamweaver提供了很多實用的工具,利用這些工具,大家可以更加方便、快捷地制作網(wǎng)頁。它可以與其它的Macromedia產(chǎn)品配合使用,為用戶提供全面的網(wǎng)頁制作功能。菜單插入欄文檔工具欄面板組屬性檢查器文檔窗口“窗口”菜單里面可以控制各種面板的關(guān)閉與開啟常用的“插入”按鈕、文檔界面選項使用DW制作如下的一個網(wǎng)頁DW制作網(wǎng)頁:1、可以使用表格(table標簽)排版2、插入合適的內(nèi)容要素3、可視化設置頁面元素的屬性(字體、顏色、空間尺寸等)表格排版的要點:1、表格線設為0;隱藏表格本身2、邊距、間隔等都用空行空列解決3、表格
4、單元可以合并、分拆4、表格單元可以設置背景色、對齊方式實際演示制作過程…常見問題:Web地址與路徑問題http://www.chinaontology.net/Flash/students/學生FTP的根目錄對應的Web地址是Web目錄為http://www.chinaontology.net/Flash/students/888888/在FTP根目錄下創(chuàng)建888888學號目錄FTP目錄為/888888/Web地址為http://www.chinaontology.net/Flash/students/888888/default.ht
5、m上傳文件到學號目錄下,例如default.htmFTP地址為/888888/default.htm注意:網(wǎng)站一般有默認的起始文件名;由網(wǎng)站管理員設定。例如:教學網(wǎng)站的默認文檔名為default.htm則訪問地址沒有給出具體文檔時,如http://www.chinaontology.net/Flash/students/888888/實際上等于訪問http://www.chinaontology.net/Flash/students/888888/default.htm默認文檔可以設置多個,在IIS里面的網(wǎng)站屬性當中可以設置默認文檔C:
6、888888a.htmFTP/888888/a.htmhttp://www.chinaontology.net/Flash/students/888888/a.htm相對路徑與絕對路徑Y(jié)引用z:z.htmC:aabby.htmC:aabbz.htmY引用z:C:aabbz.htm相對路徑與絕對路徑C:aabbccx.htmC:aabbz.htmZ引用X:C:aabbccx.htmZ引用X:ccx.htm相對路徑與絕對路徑C:aabbccx.htmC:aabbz.htmX引用Z:
7、C:aabbz.htmX引用Z:..z.htm(..表示父目錄,.表示當前目錄)相對路徑與絕對路徑C:aabbccddx.htm如x中有:....s.htm則s的實際路徑是:C:aabbs.htm相對路徑與絕對路徑http://qq.com/news/2010/s.htm如其中有:../x.htm則s路徑:http://qq.com/news/x.htm案例:Flash名片網(wǎng)頁案例的學習目的1、DIV+CSS制作簡單網(wǎng)頁2、具備簡單互動功能的Flash開發(fā)3、展示課程設計的范例創(chuàng)意標題照片個人介紹設計說明標題
8、設計說明內(nèi)容作品展示網(wǎng)頁結(jié)構(gòu)陳建平的Flash作品示范頁