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)，請進行舉報或認領(lǐng)

文檔簡介

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

應(yīng)用于：Ｌinｋ對象oｎmoｕseuｐ事件發(fā)生在用戶把鼠標放在對象上鼠標鍵被按下的情況下,放開鼠標鍵的時候。假如按下鼠標鍵的時候，鼠標并不在放開鼠標的對象上,則本領(lǐng)件不會發(fā)生。應(yīng)用于:Button對象；Link對象。onDbｌClick雙擊事件ｏnclｉｃk事件發(fā)生在對象被單擊的時候。單擊是指鼠標停留在對象上,按下鼠標鍵，沒有移動鼠標而放開鼠標鍵這一個完整的過程。一個普通按鈕對象(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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論