網(wǎng)頁設計基礎-使用Dreamweaver_第1頁
網(wǎng)頁設計基礎-使用Dreamweaver_第2頁
網(wǎng)頁設計基礎-使用Dreamweaver_第3頁
網(wǎng)頁設計基礎-使用Dreamweaver_第4頁
網(wǎng)頁設計基礎-使用Dreamweaver_第5頁
已閱讀5頁,還剩17頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

第九章使用Dreamweaver(一)基本功能本章目地熟悉Dreamweaver地基本界面元素:菜單,工具欄,文檔窗口,狀態(tài)欄,工作面板等。掌握使用Dreamweaver創(chuàng)建與管理本地站點。掌握在Dreamweaver插入文本,圖像,表格,表單等各種網(wǎng)頁元素,并行各種屬設置。掌握在Dreamweaver使用CSS樣式。掌握Dreamweaver地快速代碼編寫功能。掌握使用媒體查詢實現(xiàn)響應式網(wǎng)頁設計。DW地界面創(chuàng)建本地站點站點文件操作DW網(wǎng)頁制作地一般過程創(chuàng)建/建立本地站點;創(chuàng)建網(wǎng)頁文件;設置網(wǎng)頁屬;插入網(wǎng)頁元素,設置元素屬;保存網(wǎng)頁,預覽網(wǎng)頁效果。文本與超鏈接圖像與多媒體使用表格使用表單創(chuàng)建CSS樣式表定義樣式規(guī)則謝謝!第九章使用Dreamweaver(二)高級應用快速代碼編寫——emmet輸入nav>ul>li(子元素)ul>li*二(重復元素)div+p+b(兄弟元素)div+div>p>span+em^bq(上移一層)ul>li.item$*三(項目編號)div>(header>ul>li*二>a)+footer>p(括號分組)#header.title快速代碼編寫——多光標操作AltCtrl快速代碼編寫——代碼片斷響應式設計所謂響應式設計,就是所設計地網(wǎng)站或應用,能夠根據(jù)用戶行為與設備環(huán)境(系統(tǒng)臺,屏幕尺寸,屏幕定向等)行相應地響應與調(diào)整。不論用戶使用地是大屏幕顯示,還是板電腦,或者是手機,系統(tǒng)都應能自動切換分辨率,圖片尺寸以及有關腳本功能。隨著移動設備地廣泛使用,響應式設計已經(jīng)是網(wǎng)頁設計地基本要求。響應式設計使用媒體查詢@mediamediatypeand(mediafeature){CSS-Code;}其mediatype可以是all(所有媒體,默認值),print(打?。?screen(屏幕)與speech(屏幕閱讀器)等,如果沒有特殊要求,一般不寫或者寫screen;mediafeature是媒體屬,取值包括:width,min-width,max-width,height,min-height,max-height,resolution,orienta

溫馨提示

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

最新文檔

評論

0/150

提交評論