網(wǎng)頁設(shè)計DreamweaverCS教程章(基礎(chǔ)篇)

1、（制作（制作“我的第一張網(wǎng)頁我的第一張網(wǎng)頁”）客戶/服務(wù)器模式 客戶/服務(wù)器模式 靜態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁 IE瀏覽器 騰訊瀏覽器 HTML是是Hyper Text Markup Language的簡稱的簡稱 Dreamweaver SC3主程序界面 一、建立站點二、制作網(wǎng)頁，將各種網(wǎng)頁元素放入到網(wǎng)頁中去。制作完成后的 效果圖 實驗要求：實驗要求：一、建立站點目錄mysitelx，并將站點指定至站點目錄。二、制作網(wǎng)頁“我的個人介紹”，在網(wǎng)頁中加入背景圖片、文字、 水平線、圖片和超級鏈接。三、通過記事本打開網(wǎng)頁，修改現(xiàn)有的HTML代碼，比較前后效果。注意：本實驗提供的樣例僅供參考，也許你能設(shè)計出別具一

2、格的網(wǎng)頁。 修改后效果 （制作（制作“個人博客個人博客”） Photoshop操作界面 Fireworks操作界面 Flash操作界面 CorelDRAW操作界面 站點結(jié)構(gòu)示意圖2 站點結(jié)構(gòu)示意圖1 “編輯” |“首選參數(shù)”命令 “首選參數(shù)”對話框 一、建立站點二、制作首頁三、制作分頁四、完成鏈接網(wǎng)頁效果 “管理站點”對話框 視圖工具欄 網(wǎng)頁效果“新建文檔”對話框啟始頁中的“創(chuàng)建新項目” 在“文件”面板中創(chuàng)建頁 “打開”對話框 “另存為”對話框 頁面大小的調(diào)整 使用標(biāo)簽選擇器選取網(wǎng)頁元素圖 利用標(biāo)簽選擇器編輯標(biāo)簽 文本的輸入 “字符”下拉菜單圖 “插入其他字符”對話框 “屬性”面板 “編輯字體

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