劉玉紅老師在新疆大學主要負責計算機系的畢業(yè)生實訓,善于引導學生學習,讓學校所學的知識和社會的需求很好地銜接,同時具有豐富的教學經驗和開發(fā)經驗。曾做項目:電子貨幣交易系統(tǒng)、 B2C 電子商務平臺和眾多企業(yè)等。【媒體評論】評論【目錄】目錄第1篇基礎知識第1章 開啟網頁設計之路——網頁設計與制作基礎1.1認識網頁和網站 41.1.1 什么是網頁 41.1.2 什么是網站 51.1.3 網站的種類和特點51.2網頁的相關概念 61.2.1 因特網與萬維網 61.2.2 瀏覽器與HTML 61.2.3 URL、域名與IP地址71.2.4 上傳和下載 81.3網頁的HTML構成 81.3.1 文檔標簽91.3.2 頭部標簽91.3.3 主體標簽91.4 HTML常用標簽 91.5實戰(zhàn)演練——制作日程表 211.6高手甜點251.7跟我練練手 26第2章 磨刀不誤砍柴工——認識Dreamweaver CC72.1走進DreamweaverCC282.1.1 案例1——安裝DreamweaverCC282.1.2 案例2——啟動DreamweaverCC292.2 Dreamweaver CC的工作環(huán)境302.2.1 認識Dreamweaver CC的工作界面302.2.2 熟悉【插入】面板組 322.3體驗DreamweaverCC的新增功能 342.4認識站點362.5創(chuàng)建站點362.5.1 案例3——創(chuàng)建本地站點 372.5.2 案例4——創(chuàng)建遠程站點 372.6管理站點382.6.1 案例5——打開站點 382.6.2 案例6——編輯站點 392.6.3 案例7——刪除站點 392.6.4 案例8——復制站點 402.7操作站點文件及文件夾402.7.1 案例9——創(chuàng)建文件夾402.7.2 案例10——創(chuàng)建文件412.7.3 案例11——文件或文件夾的移動和復制412.7.4 案例12——刪除文件或文件夾422.8實戰(zhàn)演練1——創(chuàng)建本地站點 422.9實戰(zhàn)演練2——創(chuàng)建站點文件和文件夾 432.10 高手甜點452.11 跟我練練手 46第3章 網頁內容之美——創(chuàng)建網頁中的文本3.1網頁設計的基本操作 483.1.1 案例1——新建網頁 483.1.2 案例2——保存網頁 483.1.3 案例3——打開網頁 493.1.4 案例4——預覽網頁 493.2設置頁面屬性503.3用文字充實網頁 543.3.1 案例5——插入文字 543.3.2 案例6——設置字體 553.3.3 案例7——設置字號 573.3.4 案例8——設置字體顏色 573.3.5 案例9——設置字體樣式 583.3.6 案例10——編輯段落593.3.7 案例11——檢查拼寫643.3.8 案例12——創(chuàng)建項目列表653.4特殊文本的操作 673.4.1 案例13——插入換行符 673.4.2 案例14——插入水平線 673.4.3 案例15——插入日期683.4.4 案例16——插入特殊字符693.4.5 案例17——插入注釋703.5實戰(zhàn)演練——設置主頁中的跟蹤圖像713.6高手甜點733.7跟我練練手 74第2篇核心技術第4章 有圖有真相——使用圖像和多媒體4.1選擇適合網頁中圖像的格式784.2用圖像美化網頁 794.2.1 案例1——插入圖像 794.2.2 案例2——圖像屬性設置 804.2.3 案例3——圖像的對齊方式824.2.4 案例4——插入鼠標經過圖像 834.2.5 案例5——插入圖像占位符844.3在網頁中插入多媒體 854.3.1 案例6——插入背景音樂 854.3.2 案例7——插入Flash動畫86 4.3.3 案例8——插入FLV 874.3.4 案例9——插入HTML5音頻884.3.5 案例10——插入HTML5視頻894.4 實戰(zhàn)演練——制作圖文并茂的網頁 904.5高手甜點924.6跟我練練手 92第5章 Web新面孔——HTML5新增元素與屬性速覽5.1新增的主體結構元素 945.1.1 案例1——section元素 945.1.2 案例2——article元素 945.1.3 案例3——aside元素 975.1.4 案例4——nav元素 985.1.5 案例5——time元素 1005.2新增的非主體結構元素1015.2.1 案例6——header元素 1015.2.2 案例7——hgroup元素 1025.2.3 案例8——footer元素 1035.2.4 案例9——figure元素1045.2.5 案例10——address元素 1055.3新增其他常用元素1075.3.1 案例11——mark元素 1075.3.2 案例12——rp、rt與ruby元素1075.3.3 案例13——progress元素 1085.3.4 案例14——command元素 1095.3.5 案例15——embed元素 1095.3.6 案例16——details與summary元素 1105.3.7 案例17——datalist元素1105.4新增的全局屬性 1115.4.1 案例18——contentEditable屬性1115.4.2 案例19——spellcheck屬性1125.4.3 案例20——tabIndex屬性 1125.5新增的其他屬性與廢除的屬性 1145.5.1 案例21——表單相關的屬性 1145.5.2 案例22——鏈接相關屬性1195.5.3 案例23——其他新增屬性1215.5.4 案例24——HTML5廢除的屬性 1215.6實戰(zhàn)演練——制作HTML5的網頁1235.7高手甜點1255.8跟我練練手 126第6章 不在網頁中迷路——設計網頁超鏈接6.1鏈接與路徑 1286.1.1 鏈接的概念 1286.1.2 鏈接的路徑 1286.1.3 鏈接的類型 1296.2添加網頁超鏈接 1306.2.1 案例1——添加文本鏈接 1306.2.2 案例2——添加圖像鏈接 1316.2.3 案例3——創(chuàng)建外部鏈接 1326.2.4 案例4——創(chuàng)建錨記鏈接 1326.2.5 案例5——創(chuàng)建圖像熱點鏈接 1336.2.6 案例6——創(chuàng)建電子郵件鏈接 1346.2.7 案例7——創(chuàng)建下載文件的鏈接1356.2.8 案例8——創(chuàng)建空鏈接1366.2.9 案例9——創(chuàng)建腳本鏈接 1366.2.10 案例10——鏈接的檢查 1376.3實戰(zhàn)演練——為企業(yè)網站添加友情鏈接 1386.4高手甜點1396.5跟我練練手 139第7章 簡單的網頁布局——表格的應用7.1插入表格1427.2選擇表格1437.2.1 案例1——選擇完整的表格1437.2.2 案例2——選擇行和列1447.2.3 案例3——選擇單元格1447.3表格屬性1457.3.1 案例4——設置單元格屬性1457.3.2 案例5——設置整個表格屬性 1467.4操作表格1477.4.1 案例6——調整大小 1477.4.2 案例7——增加行、列1477.4.3 案例8——刪除行、列1497.4.4 案例9——剪切、復制和粘貼單元格1497.4.5 案例10——合并和拆分單元格1507.5 操作表格數據1517.5.1 案例11——向表格中輸入文本1517.5.2 案例12——向表格中插入圖像1517.5.3 案例13——表格數據的排序 1527.5.4 案例14——導入表格數據1537.5.5 案例15——導出表格數據1537.6實戰(zhàn)演練——使用表格布局網頁1547.7高手甜點1577.8跟我練練手 158第8章 讓網頁互動起來——使用網頁表單和行為8.1認識表單1608.2在網頁中插入表單元素1608.2.1 案例1——插入表單域1618.2.2 案例2——插入文本域1618.2.3 案例3——插入密碼域1638.3在網頁中插入復選框和單選按鈕1648.3.1 案例4——插入復選框1648.3.2 案例5——插入單選按鈕 1658.4制作網頁菜單和列表 1658.4.1 案例6——插入下拉菜單 1658.4.2 案例7——插入滾動列表 1668.5在網頁中插入按鈕1678.5.1 案例8——插入按鈕 1678.5.2 案例9——插入圖像按鈕 1678.6插入文件上傳域 1688.7添加網頁行為1698.7.1 案例10——打開【行為】面板1698.7.2 案例11——添加行為1708.8常用行為的應用 1708.8.1 案例12——交換圖像1718.8.2 案例13——彈出信息1728.8.3 案例14——打開瀏覽器窗口 1738.8.4 案例15——檢查表單行為1758.8.5 案例16——設置狀態(tài)欄文本 1778.9實戰(zhàn)演練——使用表單制作留言本 1788.10 高手甜點1818.11 跟我練練手 182第9章 批量制作風格統(tǒng)一的網頁——使用模板和庫9.1創(chuàng)建模板1849.1.1 案例1——在空白文檔中創(chuàng)建模板 1849.1.2 案例2——在【資源】面板中創(chuàng)建模板 1849.1.3 案例3——從現有文檔創(chuàng)建模板1859.1.4 案例4——創(chuàng)建可編輯區(qū)域1869.2管理模板1879.2.1 案例5——從模板中分離文檔 1879.2.2 案例6——更新模板及基于模板的網頁 1889.3庫概述 1899.4庫的創(chuàng)建、管理與應用1909.4.1 案例7——創(chuàng)建庫項目1909.4.2 案例8——庫項目的應用 1919.4.3 案例9——編輯庫項目1929.5實戰(zhàn)演練——創(chuàng)建基于模板的頁面 1949.6 高手甜點1969.7 跟我練練手 196第3篇高級應用第10章 讀懂樣式表密碼——使用CSS樣式表美化網頁10.1 初識CSS 20010.1.1 CSS概述20010.1.2 CSS的作用20010.1.3 基本CSS語法 20110.1.4 案例1——使用DreamweaverCC編寫CSS 20110.2 使用CSS的方法20310.2.1 案例2——行內樣式20310.2.2 案例3——內嵌樣式20310.2.3 案例4——鏈接樣式20410.2.4 案例5——導入樣式20510.2.5 案例6——優(yōu)先級問題 20610.3 使用CSS樣式美化網頁20810.3.1 案例7——使用字體樣式美化文字20810.3.2 案例8——使用文本樣式美化文本21210.3.3 案例9——使用背景樣式美化背景21510.3.4 案例10——使用鏈接樣式美化鏈接21810.3.5 案例11——使用列表樣式美化列表21910.3.6 案例12——使用區(qū)塊樣式美化區(qū)塊22110.3.7 案例13——使用寬高樣式設定寬高22210.3.8 案例14——使用邊框樣式美化邊框22310.4 實戰(zhàn)演練——設定網頁中鏈接樣式 22510.5 高手甜點22810.6 跟我練練手 228第11章 架構師的大比拼——網頁布局典型范例11.1 使用CSS排版23011.1.1 案例1——將頁面用DIV分塊23011.1.2 案例2——設置各塊位置23011.1.3 案例3——用CSS定位23011.2 固定寬度網頁剖析與布局 23311.2.1 案例4——網頁單列布局模式23311.2.2 案例5——網頁1-2-1型布局模式 23711.2.3 案例6——網頁1-3-1型布局模式 24011.3 自動縮放網頁1-2-1型布局模式24411.3.1 案例7——“1-2-1”等比例變寬布局 24411.3.2 案例8——“1-2-1”單列變寬布局24511.4 自動縮放網頁1-3-1型布局模式24611.4.1 案例9——“1-3-1”三列寬度等比例布局 24611.4.2 案例10——“1-3-1”單側列寬度固定的變寬布局 24611.4.3 案例11——“1-3-1”中間列寬度固定的 變寬布局 24911.4.4 案例12——“1-3-1”雙側列寬度固定的變寬布局 25211.4.5 案例13——“1-3-1”中列和側列寬度固定的變寬布局25511.5 實戰(zhàn)演練——使用CSS設定網頁布局 列的背景色 25811.6 高手甜點25911.7 跟我練練手 260第12章 讓網頁更絢麗——在網頁中編寫JavaScript12.1 認識JavaScript26212.1.1 什么是JavaScript 26212.1.2 JavaScript的特點 26212.2 JavaScript 在HTML中的使用26312.2.1 案例1——在HTML網頁頭中嵌入JavaScript代碼 26312.2.2 案例2——在HTML網頁中嵌入JavaScript代碼 26412.2.3 案例3——在HTML網頁的元素事件中嵌入JavaScript代碼 26512.2.4 案例4——在HTML中調用已經存在的JavaScript文件 26612.2.5 案例5——通過JavaScript偽URL引入JavaScript腳本代碼 26712.3 JavaScript的基本語法 26812.3.1 執(zhí)行順序26812.3.2 區(qū)分大小寫 26812.3.3 分號與空格 26812.3.4 對代碼行進行折行26912.3.5 案例6——注釋26912.4 JavaScript 的數據結構27012.4.1 標識符 27012.4.2 關鍵字 27112.4.3 保留字 27112.4.4 常量27212.4.5 變量27212.5 案例7——使用函數27412.6 JavaScript的常用事件 27512.6.1 案例8——頁面事件27512.6.2 案例9——鼠標事件27612.6.3 案例10——鍵盤事件27712.6.4 案例11——表單處理事件27912.7 實戰(zhàn)演練——使用事件動態(tài)改變圖片的焦點 28112.8 高手甜點28212.9 跟我練練手 282第13章 讓別人瀏覽我的成果——網站的發(fā)布13.1 上傳網站前的準備工作28413.1.1 注冊域名28413.1.2 申請空間28513.2 測試網站28613.2.1 案例1——測試站點范圍的鏈接 28613.2.2 案例2——改變站點范圍的鏈接 28613.2.3 案例3——查找和替換 28713.2.4 案例4——清理文檔28813.3 上傳網站28913.3.1 案例5——使用DreamweaverCC上傳網站 28913.3.2 案例6——使用FTP工具上傳網站 29013.4 高手甜點29213.5 跟我練練手 293第14章 整體把握網站結構——網站配色與布局14.1 善用色彩設計網頁29614.1.1 認識色彩29614.1.2 案例1——網頁上的色彩處理29714.2 網頁色彩的搭配 30014.2.1 案例2——確定網站的主題色30014.2.2 案例3——網頁色彩搭配原理30114.2.3 案例4——網頁中色彩的搭配30314.2.4 案例5——網頁元素的色彩搭配 30414.2.5 案例6——網頁色彩搭配的技巧 30514.3 布局網站板塊結構30614.3.1 案例7——“國”字型 30714.3.2 案例8——標題正文型 30714.3.3 案例9——左右框架型 30714.3.4 案例10——上下框架型 30714.3.5 案例11——綜合框架型 30814.3.6 案例12——封面型 30814.3.7 案例13——Flash型 30814.4 網站配色應用案例30814.4.1 案例14——網絡購物網站色彩應用30814.4.2 案例15——游戲網站色彩應用30914.4.3 案例16——企業(yè)門戶網站色彩應用31014.4.4 案例17——時政新聞網站色彩應用31114.4.5 案例18——影音視頻網站色彩應用31114.4.6 案例19——電子商務網站色彩應用31214.4.7 案例20——娛樂網站色彩應用31214.5 實戰(zhàn)演練——定位網站頁面的框架 31314.6 高手甜點31414.7 跟我練練手 314第4篇行業(yè)應用案例第15章 行業(yè)綜合案例1——制作電子商務類網頁15.1 整體布局31815.1.1 設計分析31815.1.2 排版架構31815.2 模塊組成31915.3 制作步驟31915.3.1 樣式表 31915.3.2 網頁頭部32515.3.3 主體第一通欄32815.3.4 主體第二通欄32815.3.5 主體第三通欄32915.3.6 網頁底部331第16章 行業(yè)綜合案例2——制作網上音樂類網頁16.1 構思布局33616.1.1 設計分析33616.1.2 排版架構33616.2 模塊分割33816.2.1 頁頭部分33816.2.2 左側內容列表34016.2.3 中間內容列表34216.2.4 右側內容列表34416.2.5 頁腳部分34616.3 整體調整34616.3.1 頁面內容主體調整34616.3.2 頁面整體調整347第17章 行業(yè)綜合案例3——制作休閑娛樂類網頁17.1 整體布局35017.1.1 設計分析35017.1.2 排版架構35117.2 模塊組成35117.3 制作步驟35217.3.1 制作樣式表 35217.3.2 Logo與導航菜單35917.3.3 搜索條 35917.3.4 左側視頻模塊36017.3.5 評論模塊36117.3.6 右側熱門推薦36217.3.7 底部模塊365第18章 行業(yè)綜合案例4——制作移動設備類網頁18.1 網站設計分析36818.2 網站結構分析36818.3 網站主頁面的制作36918.4 網站成品預覽370第5篇全能拓展第19章 增加點擊率——網站優(yōu)化與推廣19.1 在網站中添加廣告38019.1.1 網站廣告分類38019.1.2 添加網站廣告38119.2 添加實用查詢工具38219.2.1 添加天氣預報38219.2.2 添加IP查詢38319.2.3 添加萬年歷 38319.2.4 添加列車時刻查詢38419.3 網站的宣傳與推廣38519.3.1 網站宣傳實用策略38519.3.2 利用大眾傳媒進行推廣38619.3.3 利用網絡媒介進行推廣38619.3.4 利用其他形式進行推廣38819.4 實戰(zhàn)演練——查看網站的流量 38819.5 高手甜點39119.6 跟我練練手 391第20章 打造堅實的堡壘——網站安全與防御20.1 網站維護基礎知識39420.1.1 網站的維護與安全39420.1.2 常見的網站攻擊方式 39520.2 網站安全防御策略39620.2.1 案例1——檢測上傳文件的安全性39620.2.2 案例2——設置網站訪問權限39720.3 高手甜點39920.4 跟我練練手 400