網頁設計與製作教程(HTML+CSS+JavaScript第3版面向新工科普通高等教育系列教材)

作者：編者:張兵義//張博|責編:胡靜//郝建偉
出版社：機械工業
ISBN：9787111716303

出版日期：2022/10/01
裝幀：平裝
頁數：235

人民幣：RMB 69 元售價：元

內容大鋼

本書內容緊扣國家對高等院校培養高級應用型、複合型人才的技能水平和知識結構的要求，採用全新的Web標準編寫，詳細講解了HTML5、CSS3、JavaScript 開發技術基礎和HTML5網站製作實例。本書共11章，主要內容包括網頁設計與製作基礎、編輯HTML5元素、網頁布局與交互、CSS3樣式基礎、使用CSS3修飾網頁元素、CSS3盒模型、Div+CSS布局頁面、JavaScript基礎、JavaScript DOM編程、HTML5的高級應用和「馨美裝修」網站的製作。
本書可作為高等院校電腦及相關專業的教材，也可以作為網站建設、相關軟體開發人員和電腦愛好者的參考書。

作者介紹

編者:張兵義//張博|責編:胡靜//郝建偉

前言
第1章  網頁設計與製作基礎
  1.1  網頁與網站的概念
  1.2  Web前端開發技術簡介
    1.2.1  HTML5簡介
    1.2.2  CSS3簡介
    1.2.3  JavaScript簡介
  1.3  HTML5的基本結構和編碼規範
    1.3.1  HTML5語法結構
    1.3.2  HTML5文檔結構
    1.3.3  HTML5編碼規範
  1.4  編輯HTML文件
    1.4.1  常見的網頁編輯工具
    1.4.2  HTML文件的創建
  1.5  案例—製作「馨美裝修」公司介紹頁面
  習題1
第2章  編輯HTML5元素
  2.1  HTML5元素的分類
    2.1.1  元信息元素
    2.1.2  語義元素
    2.1.3  無語義元素
  2.2  註釋和特殊符號
    2.2.1  註釋
    2.2.2  特殊符號
  2.3  HTML5的顏色表示
  2.4  文本元素
    2.4.1  字體樣式元素
    2.4.2  短語元素
  2.5  文本層次語義元素
    2.5.1  mark元素
    2.5.2  cite元素
    2.5.3  time元素
  2.6  基本排版元素
    2.6.1  標題元素
    2.6.2  段落元素和換行元素
    2.6.3  縮排元素
    2.6.4  水平線元素
    2.6.5  案例—製作「馨美裝修」網購嚮導頁面
  2.7  圖像元素
    2.7.1  常用的Web圖像格式
    2.7.2  圖像元素的基本用法
  2.8  超鏈接元素
    2.8.1  a元素
    2.8.2  頁面轉向鏈接
    2.8.3  書籤鏈接
    2.8.4  下載文件鏈接
    2.8.5  電子郵件鏈接
    2.8.6  JavaScript鏈接
    2.8.7  圖像鏈接
    2.8.8  空鏈接

    2.8.9  案例—製作「馨美裝修」服務資源頁面
  2.9  列表元素
    2.9.1  無序列表
    2.9.2  有序列表
    2.9.3  定義列表
    2.9.4  嵌套列表
    2.9.5  案例—製作「馨美裝修」廣告聯盟頁面
  2.10  HTML5多媒體元素
    2.10.1  HTML5對音頻和視頻的支持
    2.10.2  audio元素
    2.10.3  video元素
  習題2
第3章  網頁布局與交互
  3.1  iframe框架元素
    3.1.1  基本格法
    3.1.2  使用iframe框架元素布局頁面
    3.1.3  使用iframe框架元素實現頁面間的跳轉
  3.2  分區元素
    3.2.1  基本語法
    3.2.2  使用div元素布局頁面內容
  3.3  範圍元素
    3.3.1  基本語法
    3.3.2  span元素與div元素的異同
    3.3.3  案例—布局「馨美裝修」技術支持頁面
  3.4  HTML5文檔結構元素
    3.4.1  section元素
    3.4.2  nav元素
    3.4.3  header元素
    3.4.4  footer元素
    3.4.5  article元素
    3.4.6  aside元素
    3.4.7  分組元素
    3.4.8  案例—製作「馨美裝修」人才招聘頁面
  3.5  HTML5頁面交互元素
    3.5.1  details元素和summary元素
    3.5.2  progress元素
  3.6  表格元素
    3.6.1  表格的組成
    3.6.2  基本表格
    3.6.3  不規範表格
    3.6.4  數據分組
    3.6.5  調整列的格式
    3.6.6  案例—使用表格布局「馨美裝修」案例頁面
  3.7  表單
    3.7.1  表單元素form
    3.7.2  輸入元素input
    3.7.3  標籤元素label
    3.7.4  選擇欄元素select
    3.7.5  多行文本元素textarea
    3.7.6  表單分組

    3.7.7  案例—製作「馨美裝修」聯繫我們表單
  習題3
第4章  CSS3樣式基礎
  4.1  CSS3簡介
    4.1.1  初識CSS
    4.1.2  CSS3的優點
    4.1.3  CSS3的局限性
    4.1.4  CSS3編寫規範
    4.1.5  CSS3的工作環境
  4.2  在HTML中引入CSS3樣式表
    4.2.1  行內樣式
    4.2.2  內部樣式表
    4.2.3  鏈入外部樣式表
    4.2.4  導入外部樣式表
  4.3  CSS3的基本語法和屬性值單位
    4.3.1  基本語法
    4.3.2  注意事項
    4.3.3  長度、百分比單位
    4.3.4  色彩單位
  4.4  CSS3的選擇符
    4.4.1  基本選擇符
    4.4.2  複合選擇符
    4.4.3  通配符選擇符
    4.4.4  偽類選擇符
    4.4.5  偽元素選擇符
    4.4.6  案例—製作「馨美裝修」網站使用條款頁面
  4.5  文檔結構與元素類型
    4.5.1  文檔結構的基本概念
    4.5.2  元素類型
  4.6  繼承性、層疊性和優先順序
    4.6.1  繼承性
    4.6.2  層疊性
    4.6.3  優先順序
  4.7  綜合案例—製作「馨美裝修」幫助中心局部頁面
  習題4
第5章  使用CSS3修飾網頁元素
  5.1  CSS3字體屬性
    5.1.1  字體類型屬性font-family
    5.1.2  字體尺寸屬性font-size
    5.1.3  字體傾斜屬性font-style
    5.1.4  小寫字體屬性font-variant
    5.1.5  字體粗細font-weight
  5.2  CSS3文本屬性
    5.2.1  文本顏色屬性color
    5.2.2  行高屬性line-height
    5.2.3  文本水平對齊方式屬性text-align
    5.2.4  為文本添加修飾屬性text-decoration
    5.2.5  段落首行縮進屬性text-indent
    5.2.6  文本的陰影屬性text-shadow
    5.2.7  元素內部的空白屬性white-space

    5.2.8  文本的截斷效果屬性text-overflow
  5.3  CSS3背景屬性
    5.3.1  背景顏色屬性background-color
    5.3.2  背景圖像屬性background-image
    5.3.3  重複背景圖像屬性background-repeat
    5.3.4  固定背景圖像屬性background-attachment
    5.3.5  背景圖像位置屬性background-position
    5.3.6  背景圖像大小屬性background-size
    5.3.7  背景屬性background
    5.3.8  背景圖像起點屬性background-origin
  5.4  CSS3尺寸屬性
    5.4.1  寬度屬性width
    5.4.2  高度屬性height
    5.4.3  小寬度屬性min-width
    5.4.4  大寬度屬性max-width
    5.4.5  小高度屬性min-height
    5.4.6  大高度屬性max-height
  5.5  CSS3列表屬性
    5.5.1  圖像作為列表項的標記屬性list-style-image
    5.5.2  列表項標記的位置屬性list-style-position
    5.5.3  標記的類型屬性list-style-type
    5.5.4  列表簡寫屬性list-style
  5.6  CSS3表格屬性
    5.6.1  合併邊框屬性border-collapse
    5.6.2  邊框間隔屬性border-spacing
    5.6.3  標題位置屬性caption-side
    5.6.4  單元格無內容顯示方式屬性empty-cells
    5.6.5  案例—使用斑馬線表格製作裝修工程年度排行榜
  5.7  CSS3屬性的應用
    5.7.1  設置圖像樣式
    5.7.2  設置表單樣式
    5.7.3  設置鏈接
    5.7.4  創建導航菜單
  5.8  綜合案例—製作「馨美裝修」網購學堂頁面
    5.8.1  網購學堂頁面布局規劃
    5.8.2  網購學堂頁面的製作過程
  習題5
第6章  CSS3盒模型
  6.1  盒模型概述
    6.1.1  盒子的組成
    6.1.2  盒子的大小
    6.1.3  塊級元素與行級元素的寬度和高度
  6.2  盒模型的屬性
    6.2.1  內邊距屬性padding
    6.2.2  外邊距屬性margin
    6.2.3  邊框屬性border
    6.2.4  圓角邊框屬性border-radius
    6.2.5  盒模型的陰影屬性box-shadow
    6.2.6  調整大小屬性resize
  6.3  CSS3布局屬性

    6.3.1  元素的布局方式概述
    6.3.2  CSS浮動屬性float
    6.3.3  清除浮動屬性clear
    6.3.4  裁剪屬性clip
    6.3.5  元素顯示方式屬性display
    6.3.6  元素可見性屬性visibility
  6.4  CSS3盒子定位屬性
    6.4.1  定位位置屬性top、right、bottom、left
    6.4.2  定位方式屬性position
    6.4.3  層疊順序屬性z-index
  6.5  CSS3多列屬性
  6.6  綜合案例—「馨美裝修」登錄頁面整體布局
  習題6
第7章  Div+CSS布局頁面
  7.1  Div+CSS布局技術簡介
    7.1.1  Div+CSS布局的優點
    7.1.2  使用嵌套的Div實現頁面排版
  7.2  典型的Div+CSS整體頁面布局
    7.2.1  CSS布局類型
    7.2.2  CSS布局樣式
  7.3  典型的局部布局
    7.3.1  <div>-<ul>-<li>局部布局
    7.3.2  <div>-<dl>-<dt>-<dd>局部布局
  7.4  綜合案例—製作「馨美裝修」商務服務中心頁面
    7.4.1  商務服務中心頁面布局規劃
    7.4.2  商務服務中心頁面的製作過程
  習題7
第8章  JavaScript基礎
  8.1  JavaScript概述
  8.2  在HTML文件中使用JavaScript
    8.2.1  在HTML文檔中嵌入腳本程序
    8.2.2  鏈接腳本文件
    8.2.3  在HTML標籤內添加腳本
  8.3  數據類型
    8.3.1  數據類型的分類
    8.3.2  基本數據類型
    8.3.3  數據類型的轉換
  8.4  常量和變數
    8.4.1  常量
    8.4.2  變數
  8.5  運算符和表達式
    8.5.1  基本概念
    8.5.2  運算符和表達式的分類
  8.6  流程式控制制語句
    8.6.1  順序結構語句
    8.6.2  條件選擇結構語句
    8.6.3  循環結構語句
  8.7  函數
    8.7.1  函數的聲明
    8.7.2  函數的調用

    8.7.3  變數的作用域
    8.7.4  內置函數
  習題8
第9章  JavaScript DOM編程
  9.1  DOM概述
  9.2  window對象
    9.2.1  window對象的屬性
    9.2.2  window對象的方法
  9.3  document對象
    9.3.1  document對象的屬性
    9.3.2  document對象的方法
  9.4  location對象
    9.4.1  location對象的屬性
    9.4.2  location對象的方法
  9.5  history對象
  9.6  screen對象
  9.7  navigator對象
  9.8  form對象
    9.8.1  form對象的屬性
    9.8.2  form對象的方法
  9.9  DOM節點
    9.9.1  node對象
    9.9.2  element對象
    9.9.3  nodeList對象
  9.10  對象事件處理程序
    9.10.1  對象的事件
    9.10.2  常用的事件及處理
    9.10.3  表單對象與交互性
  9.11  綜合案例—「馨美裝修」工程複選框全選效果
  習題9
第10章  HTML5的高級應用
  10.1  拖放API
    10.1.1  draggable屬性
    10.1.2  拖放事件
    10.1.3  數據傳遞對象dataTransfer
  10.2  繪圖API
    10.2.1  創建canvas元素
    10.2.2  構建繪圖環境
    10.2.3  通過JavaScript繪製圖形
  習題10
第11章  「馨美裝修」網站的製作
  11.1  網站的開發流程
  11.2  網站結構
    11.2.1  創建站點目錄
    11.2.2  網站頁面的組成
  11.3  網站技術分析
  11.4  製作首頁
    11.4.1  頁面結構代碼
    11.4.2  頁面樣式設計
    11.4.3  頁面交互與網頁特效的實現

  11.5  製作合作案例頁面
    11.5.1  頁面結構代碼
    11.5.2  頁面樣式設計
  11.6  網站的整合
  習題11
參考文獻

同類熱銷排行榜

最近瀏覽的商品

網頁設計與製作教程(HTML+CSS+JavaScript第3版面向新工科普通高等教育系列教材)