網頁設計與製作

網頁設計與製作

作者：趙立群、柴俊霞、付芳、李毅

定價：29元

印次：1-1

ISBN：9787302463191

出版日期：2017.03.01

印刷日期：2017.03.02

本書結合網頁設計製作發展的新特點，根據網頁設計製作操作規程，具體介紹網頁的運行環境、網頁設計、網頁製作三大技術HTML、CSS、JavavScript，網頁和網站設計的實用技巧等基本理論知識。

第1章Web前端技術概述1

1.1Web簡介1

1.1.1從技術角度看Web發展歷程1

1.1.2Web的系統結構4

1.2瀏覽器6

1.2.1瀏覽器的工作原理6

1.2.2瀏覽器中的插件9

1.3網頁製作工具11

1.3.1HTML語言12

1.3.2CSS14

1.3.3JavaScript腳本語言14

1.3.4從網頁製作的角度看網頁構成15

【本章小結】16

【本章習題】16

第2章HTML語言17

2.1HTML網頁的基本結構17

2.1.1HTML文件的基本結構17

2.1.2XHTML基本結構的標記說明18

2.2文本標記20

2.2.1段落、換行和水平線標記20

2.2.2分區標記21

2.2.3標題標記22

2.2.4設置字體、字型大小和顏色22

2.2.5設置字元樣式23

2.2.6設置列表格式24

2.3表格的標記27

2.3.1認識表格標記27

2.3.2設置表格屬性28

2.4超鏈接標記30

2.4.1超鏈接概述30

2.4.2文本鏈接31

2.4.3圖片鏈接與圖像映射31

2.5插入多媒體標記34

2.5.1圖像標記及設置34

2.5.2加入音頻、視頻及動畫文件34

2.5.3滾動字幕的設置36

2.6表單標記38

2.6.1表單的基本結構38

2.6.2表單的用戶輸入區38

2.6.3表單的選擇欄39

2.6.4多行文本框40

2.7框架標記41

2.7.1標記42

2.7.2標記42

2.7.3標記42</div><div class="cp">2.7.4<iframe>標籤44</div><div class="cp">【本章小結】46</div><div class="cp">【本章習題】46</div><div class="cp">第3章CSS樣式基礎48</div><div class="cp">3.1CSS48</div><div class="cp">3.1.1CSS概述48</div><div class="cp">3.1.2編輯CSS49</div><div class="cp">3.2添加CSS的方法50</div><div class="cp">3.2.1行內樣式50</div><div class="cp">3.2.2內嵌式51</div><div class="cp">3.2.3鏈接式52</div><div class="cp">3.2.4導入樣式53</div><div class="cp">3.2.5各種方式的優先順序問題55</div><div class="cp">3.3CSS2選擇器55</div><div class="cp">3.3.1CSS2選擇器定義55</div><div class="cp">3.3.2選擇器的應用55</div><div class="cp">3.3.3常用單位61</div><div class="cp">3.4CSS的字體和文本屬性62</div><div class="cp">3.4.1字體的屬性62</div><div class="cp">3.4.2文本屬性65</div><div class="cp">3.5背景、鏈接和滑鼠屬性69</div><div class="cp">3.5.1背景樣式屬性69</div><div class="cp">3.5.2超鏈接73</div><div class="cp">3.5.3滑鼠特效74</div><div class="cp">3.6表格、列表樣式76</div><div class="cp">3.6.1表格的樣式76</div><div class="cp">3.6.2列表樣式79</div><div class="cp">【本章小結】81</div><div class="cp">【本章習題】81</div><div class="cp">第4章CSS+div網頁布局82</div><div class="cp">4.1盒模型82</div><div class="cp">4.1.1什麼是盒模型82</div><div class="cp">4.1.2填充屬性83</div><div class="cp">4.1.3邊框屬性85</div><div class="cp">4.1.4邊界屬性87</div><div class="cp">4.2元素的定位方式92</div><div class="cp">4.2.1元素定位的原則92</div><div class="cp">4.2.2浮動92</div><div class="cp">4.3CSS+div網頁布局95</div><div class="cp">4.3.1CSS+div布局網頁基礎95</div><div class="cp">4.3.2對div與span的再認識97</div><div class="cp">4.4常見CSS+div布局100</div><div class="cp">4.4.1單列居中布局100</div><div class="cp">4.4.2兩列居中布局102</div><div class="cp">4.4.3多列居中布局106</div><div class="cp">4.4.4固定寬度、高度的塊中內容溢出處理108</div><div class="cp">【本章小結】109</div><div class="cp">【本章習題】110</div><div class="cp">第5章<a target="_blank" href="/wiki/3xvqg2vg2j42vmv.html" title="JavaScript">JavaScript</a>基礎112</div><div class="cp">5.1JavaScript中的數據與運算112</div><div class="cp">5.1.1JavaScript的嵌入與運行112</div><div class="cp">5.1.2數據類型114</div><div class="cp">5.1.3變數與常量115</div><div class="cp">5.1.4運算符與表達式116</div><div class="cp">5.2流程式控制制語句117</div><div class="cp">5.2.1實現分支結構的語句117</div><div class="cp">5.2.2實現循環結構的語句120</div><div class="cp">5.3函數123</div><div class="cp">5.3.1函數的定義與調用123</div><div class="cp">5.3.2系統函數125</div><div class="cp">5.4對象127</div><div class="cp">5.4.1JavaScript對象概述127</div><div class="cp">5.4.2數組對象128</div><div class="cp">5.4.3字元串對象129</div><div class="cp">5.5事件響應130</div><div class="cp">5.5.1JavaScript事件響應概述130</div><div class="cp">5.5.2表單事件131</div><div class="cp">5.5.3滑鼠事件132</div><div class="cp">5.5.4鍵盤事件135</div><div class="cp">5.5.5頁面載入和離開事件137</div><div class="cp">【本章小結】138</div><div class="cp">【本章習題】139</div><div class="cp">第6章瀏覽器對象140</div><div class="cp">6.1瀏覽器對象概述140</div><div class="cp">6.2window對象141</div><div class="cp">6.2.1窗口對象的屬性和方法142</div><div class="cp">6.2.2窗口對象的應用143</div><div class="cp">6.3document對象149</div><div class="cp">6.3.1documemt對象的集合、屬性和方法149</div><div class="cp">6.3.2訪問頁面元素150</div><div class="cp">6.3.3向文檔寫入內容152</div><div class="cp">6.4navigator對象155</div><div class="cp">6.4.1navigator對象概述155</div><div class="cp">6.4.2檢測瀏覽器155</div><div class="cp">6.5location對象157</div><div class="cp">6.5.1location對象的常用屬性和方法157</div><div class="cp">6.5.2location的應用157</div><div class="cp">6.6history對象158</div><div class="cp">6.6.1history對象的屬性與方法159</div><div class="cp">6.6.2history對象的應用159</div><div class="cp">6.7網頁特效161</div><div class="cp">6.7.1漂動廣告161</div><div class="cp">6.7.2用JavaScript+CSS製作下拉菜單163</div><div class="cp">【本章小結】165</div><div class="cp">【本章習題】166</div><div class="cp">第7章網站設計167</div><div class="cp">7.1網頁設計167</div><div class="cp">7.1.1網頁設計概述167</div><div class="cp">7.1.2交互設計168</div><div class="cp">7.1.3界面設計172</div><div class="cp">7.2網站建設177</div><div class="cp">7.2.1網站建設的基本流程177</div><div class="cp">7.2.2常見網站類型簡析178</div><div class="cp">7.2.3網站要素的規劃180</div><div class="cp">7.2.4Web站點建設的常用方法183</div><div class="cp">7.3網站設計案例187</div><div style="clear: both"></div></div></div></div><div class="column is-narrow is-full-touch"><div class="sidebar"><div class="info-box"><div class="catlog-title is-2"><h4>基本信息</h4></div><div><dl><dt>定價</dt><dd><div><span>29 元</span></div></dd></dl><dl><dt>ISBN</dt><dd><div><span>9787302463191</span></div></dd></dl><dl><dt>出版時間</dt><dd><div><span>2017年03月01日</span></div></dd></dl><dl><dt>作者</dt><dd><div><span>趙立群、柴俊霞、付芳、李毅</span></div></dd></dl></div></div></div></div></div><ul id="fixbar"><li class="gotop"><span class="icon is-large"><i class="iconf i-dingbu"></i></span></li><li class="dir"><span class="icon is-medium"><i class="iconf i-dir"></i></span><span class="bar-font">目錄</span></li></ul></div></div><footer class="py-5 footer"><div class="container has-text-centered"><a target="_blank" rel="nofollow" href="/site/privacy">隱私條款</a><span> | </span><a target="_blank" rel="nofollow" href="/site/contact">聯絡我們</a></div></footer><div class="modal" id="dir-modal"><div class="modal-background"></div><div class="modal-card"><header class="modal-card-head"><p class="modal-card-title">目錄</p><button class="delete" aria-label="close"></button></header><section class="modal-card-body"></section></div></div><script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script><script src="https://i1.twwiki.net/js/com.min.js?v=12"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-PQB6P4TLQ5"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PQB6P4TLQ5');</script></body></html>