網(wǎng)站技術(shù)應(yīng)用和創(chuàng)新設(shè)計(jì)的培訓(xùn)講義

1、網(wǎng)站技術(shù)應(yīng)用和創(chuàng)新設(shè)計(jì)的培訓(xùn)講義信息素養(yǎng)獲取信息、使用信息、創(chuàng)造信息的能力技術(shù)與設(shè)計(jì)有一雙識(shí)別美的眼睛預(yù)備知識(shí)： :/ ftp:/ URL 網(wǎng)站結(jié)構(gòu)課的結(jié)構(gòu)理論課 35%實(shí)踐課帶上耳機(jī) 50%欣賞課 15%制作軟件整合了幾乎所有的網(wǎng)站技術(shù)，是制作專業(yè)網(wǎng)站的捷徑But 仍然必須對(duì)各種語言有一定了解Dreamweaver制作軟件矢量動(dòng)畫制作軟件FLASH圖形處理軟件PHOTOSHOPDifficulty20% 課堂上可以學(xué)會(huì)的40% 通過上機(jī)實(shí)踐可以掌握的20% 經(jīng)過努力可以習(xí)得20% 需要慢慢領(lǐng)悟的MethodsDo 上機(jī) while(1)Copy & modifydesign your pro

2、ductionidea沒有一種軟件可以促進(jìn)你的水平提高，一切進(jìn)步的根源在于你的頭腦別人的作品比你的優(yōu)秀的原因不是靠幾個(gè)技巧，而是他消耗了比你更多的精力網(wǎng)站技術(shù)知識(shí)體系1. 超文本標(biāo)識(shí)語言(html)HyperText Markup Language Html 是用來表示web文檔的標(biāo)準(zhǔn)，它使用標(biāo)識(shí)符來確定網(wǎng)頁顯示的格式Html4.01XHtml1.0 (XML)2.網(wǎng)頁美化層疊樣式表CSSCasecading Style Sheet 是一種格式化網(wǎng)頁的標(biāo)準(zhǔn)方式，擴(kuò)展了HTML的功能，使網(wǎng)頁設(shè)計(jì)者能夠以更有效的方式設(shè)置網(wǎng)頁格式網(wǎng)站技術(shù)知識(shí)體系CSS介紹CSS層疊樣式表單1、樣式表單控制網(wǎng)頁顯示方

3、式2、層疊樣式的優(yōu)先級(jí)3、有效地使網(wǎng)頁顯示和網(wǎng)頁內(nèi)容別離例如“Web標(biāo)準(zhǔn)CSS盒模型boxcontentpaddingbordermarginCSS2中的盒模型是關(guān)系到設(shè)計(jì)中排版定位的關(guān)鍵 三維模型動(dòng)畫層疊概念 及css與html結(jié)合方式 red, yellow or blue? 根本規(guī)那么P color : red ；選擇符聲明屬性 值選擇符類型選擇符類選擇符ID選擇符包含選擇符類選擇符和ID選擇符的區(qū)別：類選擇符可以重復(fù)使用，且可以應(yīng)用在任意元素上； ID選擇符是唯一的偽類和偽元素元素并不存在，只是指明一種狀態(tài)A:link FONT-SIZE: 12px; COLOR: #000000;

4、TEXT-DECORATION: none A:visited FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none A:hover FONT-SIZE: 12px; COLOR: #fc6a04; TEXT-DECORATION: underline A:active FONT-SIZE: 12px; COLOR: #cc0000 ; text-decoration: none注意順序A(錨點(diǎn))樣式重定義(偽類)文檔結(jié)構(gòu)網(wǎng)站技術(shù)知識(shí)體系3. 動(dòng)態(tài)網(wǎng)頁javascriptAJAX (異步 JavaScript 和 XML)典型應(yīng)用：Gma

5、il, Google suggest和google Maps JavaScript 核心概念所有的網(wǎng)頁元素都是一個(gè)對(duì)象windowlocationdocumenttableimagelinkformtextsubmittrtd萬物皆對(duì)象每個(gè)對(duì)象都有屬性和方法 img1.height td1.alignwindow.print() document.write(“ )我們通過事件來觸發(fā)程序onMouseOver onMouseOut點(diǎn)語法根底練習(xí)翻滾圖定制彈出窗口表單檢驗(yàn)function EmailCkeck() var valid=false; var emailStr=document.lo

6、gin.email.value; if (emailStr=) alert(input your email, please!); else for (i=0;iemailStr.length;i+) if(emailStr.charAt(i)=) valid=true; break; if(valid=false) alert(please check your email!); CSS&JavaScript應(yīng)用 -XP風(fēng)格菜單代碼分析網(wǎng)站技術(shù)知識(shí)體系4.網(wǎng)絡(luò)編程.net (asp)+windows (IIS) +SQLServerPHP+Linux+MySqlJSP+Linux+OracleFlash動(dòng)畫的特點(diǎn) 靈活地結(jié)合了矢量圖、位圖、音頻、視頻和交互動(dòng)作，應(yīng)用于各種媒體領(lǐng)域文件數(shù)據(jù)量小強(qiáng)大的交互性Actionscript支持邊下載邊播放的“流的形式絢麗的視覺表現(xiàn)形式動(dòng)畫根本概念連續(xù)播放的靜態(tài)圖片給人產(chǎn)生運(yùn)動(dòng)的錯(cuò)覺幀(frame) -動(dòng)畫的時(shí)間表示 1、逐幀動(dòng)畫 2、關(guān)鍵幀動(dòng)畫(key frame)動(dòng)畫根本概念層(layer)-動(dòng)畫的