2023年Dreamweaver網(wǎng)設(shè)計課程的核心知識點_第1頁
2023年Dreamweaver網(wǎng)設(shè)計課程的核心知識點_第2頁
2023年Dreamweaver網(wǎng)設(shè)計課程的核心知識點_第3頁
2023年Dreamweaver網(wǎng)設(shè)計課程的核心知識點_第4頁
2023年Dreamweaver網(wǎng)設(shè)計課程的核心知識點_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

《Dreamwｅaver網(wǎng)頁設(shè)計》課程的核心知識點在學(xué)習(xí)的過程中，請同學(xué)們重點關(guān)注以下知識點。一、建立站點本地站點和遠(yuǎn)程站點的概念。搭建站點的兩種方法:使用向?qū)硗戤叄\用高級設(shè)定來完畢。練習(xí)：按照下述規(guī)定建立站點1．新建本地根文獻(xiàn)夾:在指定的文獻(xiàn)夾中新建本地根文獻(xiàn)夾并命名為ｒoｏｔ，在該文獻(xiàn)夾中新建子文獻(xiàn)夾,用于存放圖片等文檔。2．定義站點：設(shè)立“站點名稱”：定義Dreamｗeaveｒ站點,命名為“Mｙｗｅb＇’。設(shè)立本地根文獻(xiàn)夾：本地根文獻(xiàn)夾指定為ｒoot文獻(xiàn)夾。設(shè)立首頁:設(shè)立首頁為inｄeｘ.htm。二、有關(guān)HTML文獻(xiàn)的基礎(chǔ)知識(很重要)１．ＨTML：HｙpeｒTextMａrｋupLanｇｕage超文本標(biāo)記語言２.直接由瀏覽器解釋執(zhí)行,無須編譯。３.語法結(jié)構(gòu)：涉及文檔頭部和文檔主體。下面是HＴML代碼的基本結(jié)構(gòu)：<HTML＞<ＨEAD>頭部信息<／HＥAD><BODＹ>文檔主體，正文部分</BＯDY></HTML＞４.標(biāo)簽１)用<和>包圍起來的代碼２)涉及單標(biāo)簽和雙標(biāo)簽單標(biāo)簽<BR>表達(dá)換行<HＲ>表達(dá)插入一條水平線雙標(biāo)簽<始標(biāo)簽>內(nèi)容＜/尾標(biāo)簽>例如:＜B＞加粗文字</B>3)標(biāo)簽的屬性<標(biāo)簽的名字屬性1屬性2屬性3＞屬性之間沒有順序關(guān)系屬性值盡量用英文輸入法下的全角引號包圍。<HRＳIZＥ＝3ＡLIGN=ＬEFＴWＩDTH＝"75%">SＩZE:線的粗細(xì)AＬIGN:對齊方式ＷIDTH：水平線的長度4)重要的標(biāo)簽頭部標(biāo)簽主體標(biāo)簽圖片標(biāo)簽文字標(biāo)簽字體標(biāo)簽列表標(biāo)簽表格標(biāo)簽表單標(biāo)簽三、基本網(wǎng)頁設(shè)計1．設(shè)立頁面屬性2.設(shè)立文獻(xiàn)頭信息３.網(wǎng)頁中的文字、文字設(shè)立４.網(wǎng)頁中的圖像、圖像設(shè)立５．圖文混排的網(wǎng)頁６．網(wǎng)頁鏈接的設(shè)計1）相對途徑與絕對途徑２)制作Eｍａiｌ鏈接3）制作錨點鏈接４)制作圖像映射即熱點5)制作腳本鏈接7.多媒體網(wǎng)頁的設(shè)計1)在網(wǎng)頁中插入Ｆｌａｓh動畫2）在網(wǎng)頁中插入Fｌash按鈕與文字３）在網(wǎng)頁中插入Flaｓｈ圖片播放器4)在網(wǎng)頁中插入Aｐplet５)在網(wǎng)頁中使用翻轉(zhuǎn)圖片6)在網(wǎng)頁中使用導(dǎo)航條7)在網(wǎng)頁中插入音頻8)插入與控制滾動文字９插入水平線8．各種對象的屬性面板四、表格的使用1.“表格”對話框中１)表格寬度:單位有像素和比例兩種；按像素定義的表格大小是固定，按比例定義的表格，表格隨瀏覽器的大小變化。２)邊框粗細(xì):指表格邊框的粗細(xì)；0為無邊框,１為有邊框。3）單元格邊距:表達(dá)單元格中的內(nèi)容和單元格邊框之間的距離。2．表格屬性與單元格屬性的設(shè)立3.了解表格中的HTML在表格設(shè)計的HTML中的重要標(biāo)簽涉及：<tablｅ><／taｂle>其中的內(nèi)容屑于一個表格<tｒ><／tr>其中的內(nèi)容屬于一行<td></td>其中的內(nèi)容屬于一列4．表格的設(shè)計與解決5．運用表格進(jìn)行網(wǎng)頁排版6.表格排序五、表單的使用1．表單的基本概念１)表單的作用：收集用戶的信息。2)表單的工作組成：分為前臺和后臺兩個部分，后臺往往需要一些編程語言輔助完畢。3)表單的工作過程：訪問者在瀏覽有表單的網(wǎng)頁時,可填寫必須的信息，然后單擊“提交”按鈕。這些信息通過Ｉnｔernｅt傳送到服務(wù)器上。服務(wù)器上專門的程序?qū)@些數(shù)據(jù)進(jìn)行解決，假如有錯誤會返回錯誤信息，并規(guī)定糾正錯誤。當(dāng)數(shù)據(jù)完整無誤后,服務(wù)器反饋一個輸人完畢信息。4)表單的組成:一個表單域和若干表單元素。５)表單的提交方法：ＧET將瀏覽者提供的信息附加在URL地址的后面提交到服務(wù)器;PＯSＴ表單信息將以文獻(xiàn)的形式提交,安全系數(shù)高。２．插入各種表單對象1)文本域2)隱藏域3)按鈕４)單選按鈕(組)5)復(fù)選框6)列表／菜單7)跳轉(zhuǎn)菜單8）文獻(xiàn)域9)圖像域六、使用CSS樣式表1．樣式表基礎(chǔ)１)概念:簡稱CＳＳ，是一系列格式規(guī)則，用于控制網(wǎng)頁內(nèi)容的外觀。2)作用：控制傳統(tǒng)的文本屬性、特殊的html屬性(對象位置、圖片效果、鼠標(biāo)指針等）。3）特點:格式與結(jié)構(gòu)分離;控制頁面布局；減小網(wǎng)頁的“體積”;同時更新網(wǎng)頁。４)類型:類樣式，標(biāo)簽樣式,高級樣式。類樣式：也稱為自定義樣式表,可以將樣式屬性設(shè)立為任何文本范圍或文本塊中,所有樣式均以．開頭，出現(xiàn)“Clasｓ”屬性，出現(xiàn)“<Spａn></Span＞”標(biāo)簽。標(biāo)簽樣式:針對標(biāo)簽定義的樣式，將對整個標(biāo)簽內(nèi)的內(nèi)容有效。高級樣式：使用“ID”屬性，常見的有4種:a：ｌinｋ設(shè)定正常狀態(tài)下鏈接文字的樣式。a:active設(shè)定鼠標(biāo)單擊時鏈接文字的外觀。a：visited設(shè)定訪問過的鏈接文字的外觀。ａ:hｏvｅr設(shè)定鼠標(biāo)放置在鏈接文字之上時文字的外觀。５)語法規(guī)則：由兩個部分組成：選擇器和聲明，選擇器就是樣式的名稱，涉及自定義的類，HＴML標(biāo)簽和ＣSS選擇器樣式。比如“.mｙcss”為自定義的類，“tｄ”為標(biāo)準(zhǔn)HTML標(biāo)簽,而“a:link”則是CＳS選擇器樣式;聲明則是用于定義樣式元素的。聲明又分兩部分:屬性(如ｆont-siｚｅ）和值（如1２px)。對于一個選擇器而言，可以有多個聲明。比如一個聲明是表達(dá)顏色,一個聲明是表達(dá)大小等。2．樣式表的設(shè)立與使用3．鏈接和導(dǎo)入樣式七、框架的使用1．框架的基本概念１)作用:把瀏覽器窗口劃分為若干個區(qū)域,每個區(qū)域可以分別顯示不同的網(wǎng)頁。２)組成：框架集(Frameseｔ)：也是一個網(wǎng)頁文獻(xiàn)，它將一個窗口通過行和列分割成多個框架,每個框架中要顯示的就是不同的網(wǎng)頁文獻(xiàn)。框架(Ｆrame)：瀏覽器窗口中的一個區(qū)域，可以顯示與瀏覽器窗口中的其余部分中所顯示內(nèi)容無關(guān)的網(wǎng)頁文獻(xiàn)。3)保存方式：保存框架集文獻(xiàn)、多個框架文獻(xiàn)。２.框架的創(chuàng)建與使用八、層的使用１.層的基本概念1)層：CＳS中的定位技術(shù),在Dreamｗeaｖer中可對其進(jìn)行可視化操作。層體現(xiàn)了網(wǎng)頁技術(shù)從二維空間向三維空間的一種延伸。2)層的特點：重疊、便于移動、可設(shè)為隱藏。3)運用層與表格進(jìn)行的排版：不是所有的瀏覽器都支持層。運用層做對象的定位，然后將層轉(zhuǎn)化為表格。2．層與排版九、時間軸和行為的使用1.使用時間軸制作動畫制作動畫需要將層和“時間軸”面板配合起來。運用時間軸，可以更改層的位置、大小、可見性和層疊順序。2.使用行為制作動態(tài)網(wǎng)頁行為是指可以簡樸運用制作動態(tài)網(wǎng)頁的ＪａvaScrｉpｔ的功能,它提高了網(wǎng)站的可交互性。１)行為的組成:由動作和事件組成。例如，當(dāng)鼠標(biāo)指針指向一張圖片，圖片發(fā)生輪替，此時鼠標(biāo)移動被稱為事件,圖片發(fā)生的變化稱之為動作。一般的動作是由事件來激活動作。2）動作:由預(yù)先寫好的可以執(zhí)行某種任務(wù)的JavaScｒipt代碼組成,這些代碼執(zhí)行特定的任務(wù)，例如打開瀏覽器窗口、顯示或隱藏層、播放聲音或停止Shockwａve影片。３)事件:與瀏覽器用戶的操作相關(guān)，如鼠標(biāo)的滾動等。onｆoｃus事件發(fā)生在窗口得到焦點的時候。應(yīng)用于:windoｗ對象onｌoａd事件發(fā)生在文檔所有下載完畢的時候。所有下載完畢意味著不僅HTML文獻(xiàn),并且包含的圖片,插件,控件，小程序等所有內(nèi)容都下載完畢。本領(lǐng)件是ｗinｄｏw的事件，但是在HTML中指定事件解決程序的時候,我們是把它寫在<body>標(biāo)記中的。應(yīng)用于：window對象ｏｎmousedowｎ事件發(fā)生在用戶把鼠標(biāo)放在對象上按下鼠標(biāo)鍵的時候。參考o(jì)ｎｍouseup事件。應(yīng)用于：Bｕtton對象；Link對象oｎmｏｕseoｕt事件發(fā)生在鼠標(biāo)離開對象的時候。參考ｏnmouseover事件。應(yīng)用于:Link對象onmoｕseｏver事件發(fā)生在鼠標(biāo)進(jìn)入對象范圍的時候。這個事件和oｎmouｓeoｕｔ事件,再加上圖片的預(yù)讀,就可以做到當(dāng)鼠標(biāo)移到圖像連接上，圖像更改的效果了

應(yīng)用于：Ｌinｋ對象oｎmoｕseuｐ事件發(fā)生在用戶把鼠標(biāo)放在對象上鼠標(biāo)鍵被按下的情況下,放開鼠標(biāo)鍵的時候。假如按下鼠標(biāo)鍵的時候，鼠標(biāo)并不在放開鼠標(biāo)的對象上,則本領(lǐng)件不會發(fā)生。應(yīng)用于:Button對象；Link對象。onDbｌClick雙擊事件ｏnclｉｃk事件發(fā)生在對象被單擊的時候。單擊是指鼠標(biāo)停留在對象上,按下鼠標(biāo)鍵，沒有移動鼠標(biāo)而放開鼠標(biāo)鍵這一個完整的過程。一個普通按鈕對象(Bｕtton)通常會有oncｌiｃk事件解決程序,由于這種對象主線不能從用戶那里得到任何信息，沒有onclｉck事件解決程序就等于廢柴。按鈕上添加oｎclicｋ事件解決程序，可以模擬“另一個提交按鈕”,方法是：在事件解決程序中更改表單的ａction,tａｒgｅｔ,ｅncodiｎｇ,meｔhod等一個或幾個屬性,然后調(diào)用表單的submit（）方法。在Link對象的onclick事件解決程序中返回falｓｅ值(retｕrnｆalsｅ),能阻止瀏覽器打開此連接。即，

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論