網(wǎng)頁設(shè)計(jì)DreamweaverCS3教程1-6章(基礎(chǔ)篇).PPT

1、（制作（制作“我的第一張網(wǎng)頁我的第一張網(wǎng)頁”）客戶/服務(wù)器模式 客戶/服務(wù)器模式 靜態(tài)網(wǎng)頁 動(dòng)態(tài)網(wǎng)頁 IE瀏覽器 騰訊瀏覽器 HTML是是Hyper Text Markup Language的簡(jiǎn)稱的簡(jiǎn)稱 Dreamweaver SC3主程序界面 一、建立站點(diǎn)目錄目錄：Mysite12文件夾根目錄：images文件二、建立站點(diǎn)（1）新建Dreamweaver站點(diǎn)（2）輸入站點(diǎn)名稱“mySite”*定義站點(diǎn)目錄時(shí)，不能使用中文定義站點(diǎn)目錄時(shí)，不能使用中文制作完成后的 效果圖 一、建立站點(diǎn)目錄mysitelx，并將站點(diǎn)指定至站點(diǎn)目錄。二、制作網(wǎng)頁“我的個(gè)人介紹”，在網(wǎng)頁中加入背景圖片、文字、 水平線

2、、圖片和超級(jí)鏈接。三、通過記事本打開網(wǎng)頁，修改現(xiàn)有的HTML代碼，比較前后效果。注意：本實(shí)驗(yàn)提供的樣例僅供參考，也許你能設(shè)計(jì)出別具一格的網(wǎng)頁。 修改后效果 （制作（制作“個(gè)人博客個(gè)人博客”） Photoshop操作界面 Fireworks操作界面 Flash操作界面 CorelDRAW操作界面 站點(diǎn)結(jié)構(gòu)示意圖2 站點(diǎn)結(jié)構(gòu)示意圖1 “編輯” |“首選參數(shù)”命令 “首選參數(shù)”對(duì)話框 一、建立站點(diǎn)二、制作首頁三、制作分頁四、完成鏈接網(wǎng)頁效果 “管理站點(diǎn)”對(duì)話框 視圖工具欄 網(wǎng)頁效果“新建文檔”對(duì)話框啟始頁中的“創(chuàng)建新項(xiàng)目” 在“文件”面板中創(chuàng)建頁 “打開”對(duì)話框 “另存為”對(duì)話框 頁面大小的調(diào)整 使

3、用標(biāo)簽選擇器選取網(wǎng)頁元素圖 利用標(biāo)簽選擇器編輯標(biāo)簽 文本的輸入 “字符”下拉菜單圖 “插入其他字符”對(duì)話框 “屬性”面板 “編輯字體列表” “編輯字體列表”對(duì)話框 樣式效果 “拼寫檢查”對(duì)話框 “查找和替換”對(duì)話框 “結(jié)果”面板 “首選參數(shù)”對(duì)話框的“常規(guī)”分類項(xiàng) 文本的輸入 “字符”下拉菜單圖 “插入其他字符”對(duì)話框“屬性”面板 “編輯字體列表” “編輯字體列表”對(duì)話框 樣式效果 “查找和替換”對(duì)話框 “結(jié)果”面板 “拼寫檢查”對(duì)話框 “首選參數(shù)”對(duì)話框的“常規(guī)”分類項(xiàng) “列表屬性”對(duì)話框 插入圖像網(wǎng)頁效果 網(wǎng)頁效果網(wǎng)頁效果 “表格”對(duì)話框 “屬性”面板 準(zhǔn)備知識(shí)：準(zhǔn)備知識(shí)：準(zhǔn)備知識(shí)：準(zhǔn)備知識(shí)：（4）添加表格行或列 添加行和列 刪除行或列 在“屬性”面板中添加刪除行或列（5）插入嵌套表格“插入行或列”對(duì)話框表格“屬性”面板 嵌套表格 頁面效果 頁面效果 “屬性”面板“屬性”面板“拆分單元格”對(duì)話框 網(wǎng)頁效果 “導(dǎo)入表格式數(shù)據(jù)”對(duì)話框 “導(dǎo)入Excel文檔”對(duì)話框“排序表格”對(duì)話框 網(wǎng)頁效果 實(shí)驗(yàn)要求實(shí)驗(yàn)要求： 網(wǎng)頁效果 GIF格式圖像 JPG格式圖像 拖動(dòng)圖像 工具欄插入圖像命令 插入圖像 拖動(dòng)圖像網(wǎng)頁效果 “屬性”面板 “熱點(diǎn)工具”選項(xiàng) 網(wǎng)頁效果 網(wǎng)頁效果 圖像編輯程序參數(shù)設(shè)置 修改后圖