實(shí)驗(yàn)一初識(shí)Dreamweaver CS_第1頁(yè)
實(shí)驗(yàn)一初識(shí)Dreamweaver CS_第2頁(yè)
實(shí)驗(yàn)一初識(shí)Dreamweaver CS_第3頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡(jiǎn)介

1、實(shí)驗(yàn)一 初識(shí)Dreamweaver CS6(驗(yàn)證性實(shí)驗(yàn)2學(xué)時(shí)) 一、實(shí)驗(yàn)?zāi)康?掌握認(rèn)識(shí)并熟悉Dreamweaver的工作界面，能夠自定義工作環(huán)境。2掌握代碼視圖的使用方法。二、軟硬件環(huán)境1 硬件：奔騰686處理器， 2G內(nèi)存，150G硬盤。2 軟件：中文Windows XP的操作系統(tǒng)和Adobe Dreamweaver CS 6應(yīng)用程序。三、預(yù)習(xí)要求認(rèn)真復(fù)習(xí)課堂所講內(nèi)容。應(yīng)了解和掌握網(wǎng)頁(yè)的基本概念及網(wǎng)頁(yè)的基本構(gòu)成元素；學(xué)會(huì)站點(diǎn)整體規(guī)劃；熟練代碼視圖的使用方法。四、實(shí)驗(yàn)內(nèi)容1建立本地站點(diǎn)1) 在D盤根目錄下建立一個(gè)名為web的文件夾。在web文件夾下，建立一個(gè)名為images的子文件夾（用于存放

2、網(wǎng)站的圖片文件），將素材中的圖片復(fù)制到images文件夾中。2) 定義一個(gè)本地站點(diǎn)，其中站點(diǎn)名為：我的站點(diǎn)，站點(diǎn)的根目錄為web，默認(rèn)圖像文件夾為images。操作步驟：(1) 啟動(dòng)Adobe Dreamweaver CS6 ，單擊“站點(diǎn)”“新建站點(diǎn)” 選擇“站點(diǎn)”選項(xiàng)卡，設(shè)置站點(diǎn)名稱和站點(diǎn)文件夾。(2) 選擇“高級(jí)設(shè)置”中的“本地信息”選項(xiàng)卡，設(shè)置默認(rèn)圖像文件夾。(3) 點(diǎn)擊“保存”按鈕。3) 管理本站點(diǎn)。操作步驟：“站點(diǎn)”“管理站點(diǎn)”：刪除站點(diǎn) ：編輯站點(diǎn)：復(fù)制站點(diǎn) ：導(dǎo)出站點(diǎn)2新建一個(gè)文件1_1.html，分別設(shè)置該文件的頁(yè)面屬性、下載時(shí)間與大小，并預(yù)覽該頁(yè)面。提示： “文件”“新建”打

3、開新建文檔對(duì)話框，如下圖所示。 在代碼視圖中輸入：<a href=>新浪網(wǎng)</a>，然后轉(zhuǎn)換到設(shè)計(jì)視圖，并保存文件為1_1.html。1) 頁(yè)面屬性設(shè)置 包括外觀（CSS）設(shè)置（默認(rèn)字體、字號(hào)、字色、背景色、背景圖片及邊距）、鏈接（CSS）、標(biāo)題/編碼設(shè)置。操作步驟：“修改”“頁(yè)面屬性”打開頁(yè)面屬性對(duì)話框。u 選擇“外觀（CSS）”選項(xiàng)卡，按照下圖所示設(shè)置文本的大小、顏色和網(wǎng)頁(yè)的背景色。單擊“應(yīng)用”按鈕查看設(shè)置效果。u 選擇“外觀（CSS）”選項(xiàng)卡，將網(wǎng)頁(yè)的背景圖像設(shè)置為“images/2.gif”。單擊“應(yīng)用”按鈕查看設(shè)置效果。u 選擇“標(biāo)題/編碼”選項(xiàng)卡，將網(wǎng)頁(yè)的標(biāo)

4、題設(shè)置為“我的第一個(gè)網(wǎng)頁(yè)”。u 選擇“鏈接（CSS）”選項(xiàng)卡，按下圖所示設(shè)置網(wǎng)頁(yè)的鏈接2) 下載時(shí)間與大小 網(wǎng)頁(yè)文件的設(shè)計(jì)要遵循8秒鐘原則。操作步驟如下：(1) 設(shè)置鏈接速度?！熬庉嫛薄笆走x參數(shù)”“窗口大小”，如下圖所示設(shè)置鏈接速度。(2) 在狀態(tài)欄查看下載時(shí)間與網(wǎng)頁(yè)文件的大小。，其中的6K為文件的大小，1秒為網(wǎng)頁(yè)打開所需時(shí)間。3) 預(yù)覽網(wǎng)頁(yè)文件 u 設(shè)置默認(rèn)瀏覽器?！熬庉嫛薄笆走x參數(shù)”“在瀏覽器中預(yù)覽”，如下圖所示，可以添加瀏覽器、設(shè)置主瀏覽器、預(yù)覽網(wǎng)頁(yè)文件的快捷鍵。u 預(yù)覽網(wǎng)頁(yè)文件。單擊文檔工具欄中的按鈕。如下圖所示。3新建一文件1_2.html，將Excel工作薄“學(xué)生成績(jī).xlsx”【

5、導(dǎo)入】其中，并設(shè)置網(wǎng)頁(yè)標(biāo)題為“學(xué)生成績(jī)”。操作步驟如下：1) 新建一個(gè)Excel文檔“學(xué)生成績(jī).xlsx”，工作表的內(nèi)容如下：2) 新建一文檔1_2.html，單擊“文件” “導(dǎo)入” “Excel文檔（E）”，導(dǎo)入剛剛創(chuàng)建的“學(xué)生成績(jī).xlsx”。效果圖如下：3) 保存并預(yù)覽網(wǎng)頁(yè)設(shè)計(jì)效果。4代碼視圖的使用1) 新建一文檔1_3.html，在代碼視圖中輸入如下的代碼：<body bgcolor="yellow"><p>這是我的第三個(gè)網(wǎng)頁(yè)。</p> <br/><hr/> <a href=>新浪網(wǎng)</a

6、><br/> <br/><img src="images/lg.jpg" width="400" height="350" /><br/> <hr/> <table border=1> <! -表-><tr> <td>姓名</td> <td>數(shù)學(xué)</td><td>英語(yǔ)</td></tr><tr><td>張三</td><td>82</td><td>70</td></tr></table></body>效果圖如下：2) 新建一文檔1_4.html，從網(wǎng)上搜索一網(wǎng)頁(yè)特效代碼，復(fù)制到代碼窗口中，并查看效果。操作步驟如下：(1) 通過(guò)搜索引擎（如百度）搜索“特效代碼”網(wǎng)站；特效網(wǎng)站：w(2) 查找所需要的特效，運(yùn)行代碼查看特效

溫馨提示

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

評(píng)論

0/150

提交評(píng)論