網頁設計與製作教程--Web前端開發(第7版雙色印刷初級支持1+X證書Web前端開發職業技能等級標準十四五職業教育國家規劃教材)

作者：編者:劉瑞新|責編:和慶娣
出版社：機械工業
ISBN：9787111753971

出版日期：2024/08/01
裝幀：平裝
頁數：309

人民幣：RMB 69.9 元售價：元

內容大鋼

本書依據《Web前端開發職業技能等級標準（初級）》和部分院校的《Web前端技術課程教學標準》編寫，內容涵蓋Web頁面製作基礎、HTML5和CSS3開發基礎與應用、JavaScript程序設計和社區新聞網製作實例。以模塊化的方式組織內容，同時選取靜態網站設計與製作的典型應用作為教學案例。
本書可作為高等職業院校Web前端技術和網頁設計與製作課程的教材，也適合作為1+X職業技能等級證書中Web前端開發（初級）的教學及參考用書。

作者介紹

編者:劉瑞新|責編:和慶娣

前言
第1章  HTML5基礎
  1.1  Web的基本概念
    1.1.1  WWW
    1.1.2  網頁瀏覽器
    1.1.3  Web伺服器
    1.1.4  網站
    1.1.5  網頁
    1.1.6  URL
    1.1.7  標記語言
    1.1.8  網頁標準
  1.2  HTML5的基本結構和語法規則
    1.2.1  HTML5文檔的基本結構
    1.2.2  HTML5的基本語法
    1.2.3  HTML的字元實體和顏色表示
    1.2.4  HTML5開發人員編碼規範
  1.3  用記事本編輯HTML文檔
  1.4  實訓——製作社區網版權信息
  習題1
第2章  HTML5的塊級元素
  2.1  基本塊級元素
    2.1.1  標題元素h1?h6
    2.1.2  段落元素p和換行元素br
    2.1.3  水平線元素hr
    2.1.4  註釋元素
  2.2  列表元素
    2.2.1  無序列表元素ul
    2.2.2  有序列表元素ol
    2.2.3  自定義列表元素dl
    2.2.4  嵌套列表
  2.3  表格元素table
    2.3.1  基本表格
    2.3.2  合併行和列
    2.3.3  表格數據的分組
    2.3.4  調整列的格式
  2.4  表單
    2.4.1  表單元素form
    2.4.2  輸入元素input
    2.4.3  標籤元素label
    2.4.4  選擇欄元素select
    2.4.5  按鈕元素button
    2.4.6  多行文本元素textarea
  2.5  分區元素div
  2.6  縮排元素blockquote
  2.7  實訓——製作精選信息板塊
  習題2
第3章  HTML5的行級元素
  3.1  格式化元素
    3.1.1  字體樣式元素
    3.1.2  短語元素

  3.2  圖像元素img
  3.3  超鏈接元素a
    3.3.1  a元素
    3.3.2  用圖像作為超鏈接熱點
    3.3.3  指向其他頁面的鏈接
    3.3.4  創建鏈接至書籤
    3.3.5  指向下載文件的鏈接
    3.3.6  指向電子郵件的鏈接
    3.3.7  JavaScript鏈接
    3.3.8  空鏈接
  3.4  圖像熱區超鏈接元素map、area
    3.4.1  用map元素定義圖像地圖
    3.4.2  img元素與map元素的關聯
  3.5  範圍元素span
  3.6  多媒體元素
    3.6.1  音頻元素audio
    3.6.2  視頻元素video
  3.7  用HBuilder X編輯HTML文件
  3.8  實訓—製作廣告板塊
  習題3
第4章  CSS3基礎
  4.1  CSS設計與編寫原則
  4.2  在HTML中使用CSS的方法
    4.2.1  行內樣式
    4.2.2  內部樣式
    4.2.3  鏈入外部樣式文件
    4.2.4  導入外部樣式文件
  4.3  CSS的兩個主要特性
    4.3.1  層疊
    4.3.2  繼承
  4.4  CSS的基本語法
    4.4.1  基本語法
    4.4.2  注意事項
  4.5  CSS的選擇器
    4.5.1  元素選擇器
    4.5.2  通配符選擇器
    4.5.3  屬性選擇器
    4.5.4  派生選擇器
    4.5.5  兄弟選擇器
    4.5.6  id選擇器
    4.5.7  類選擇器
    4.5.8  偽類選擇器
    4.5.9  UI元素狀態偽類選擇器
    4.5.10  結構偽類選擇器
    4.5.11  其他偽類選擇器
    4.5.12  偽元素選擇器
  4.6  屬性值的寫法和單位
    4.6.1  長度、百分比單位
    4.6.2  色彩單位
  4.7  HTML文檔結構與元素類型

    4.7.1  文檔結構的基本概念
    4.7.2  元素類型
  4.8  實訓——製作內容詳情頁
  習題4
第5章  CSS3的屬性
  5.1  CSS背景屬性
    5.1.1  背景顏色屬性background-color
    5.1.2  背景圖像屬性background-image
    5.1.3  重複背景圖像屬性background-repeat
    5.1.4  固定背景圖像屬性background-attachment
    5.1.5  背景圖像位置屬性background-position
    5.1.6  背景圖像大小屬性background-size
    5.1.7  背景屬性background
    5.1.8  背景覆蓋區域屬性background-clip
    5.1.9  背景圖像起點屬性background-origin
    5.1.10  背景漸變屬性background-image
  5.2  CSS字體屬性
    5.2.1  字體類型屬性font-family
    5.2.2  字體尺寸屬性font-size
    5.2.3  字體傾斜屬性font-style
    5.2.4  小寫字體屬性font-variant
    5.2.5  字體粗細屬性font-weight
    5.2.6  字體簡寫屬性font
    5.2.7  CSS3新增使用伺服器字體
  5.3  CSS文本屬性
    5.3.1  文本顏色屬性color
    5.3.2  文本方向屬性direction
    5.3.3  字元間隔屬性letter-spacing
    5.3.4  行高屬性line-height
    5.3.5  文本水平對齊方式屬性text-align
    5.3.6  為文本添加裝飾屬性text-decoration
    5.3.7  段落首行縮進屬性text-indent
    5.3.8  文本的陰影屬性text-shadow
    5.3.9  文本的大小寫屬性text-transform
    5.3.10  元素內部的空白屬性white-space
    5.3.11  單詞之間的間隔屬性word-spacing
    5.3.12  文本的截斷效果屬性text-overflow
    5.3.13  文本的換行方式屬性word-break
    5.3.14  單詞斷字屬性word-wrap
  5.4  CSS尺寸屬性
    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  CSS列表屬性
    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  CSS表格屬性
    5.6.1  合併邊框屬性border-collapse
    5.6.2  邊框間隔屬性border-spacing
    5.6.3  標題位置屬性caption-side
    5.6.4  單元格無內容顯示方式屬性empty-cells
    5.6.5  表格設置方式屬性table-layout
  5.7  CSS內容屬性
  5.8  CSS屬性的應用
    5.8.1  設置圖像樣式
    5.8.2  設置鏈接
    5.8.3  創建導航菜單
  5.9  實訓——製作社區網頁面
    5.9.1  製作通知公告目錄頁面
    5.9.2  製作導航欄
  習題5
第6章  CSS3的盒模型
  6.1  CSS盒模型的組成和大小
    6.1.1  盒子的組成
    6.1.2  盒子的大小
    6.1.3  塊級元素與行級元素的寬度和高度
  6.2  CSS盒模型的屬性
    6.2.1  CSS內邊距屬性padding
    6.2.2  CSS外邊距屬性margin
    6.2.3  CSS邊框屬性border
    6.2.4  圓角邊框屬性border-radius
    6.2.5  盒模型的陰影屬性box-shadow
    6.2.6  邊框圖像屬性border-image-*
    6.2.7  CSS輪廓屬性outline
    6.2.8  調整大小屬性resize
  6.3  CSS布局屬性
    6.3.1  元素的布局方式概述
    6.3.2  CSS浮動屬性float
    6.3.3  清除浮動屬性clear
    6.3.4  裁剪屬性clip-path
    6.3.5  內容溢出時的顯示方式屬性overflow
    6.3.6  元素顯示方式屬性display
    6.3.7  元素可見性屬性visibility
  6.4  CSS盒子定位屬性
    6.4.1  定位位置屬性top、right、bottom、left
    6.4.2  定位方式屬性position
    6.4.3  層疊順序屬性z-index
  6.5  CSS3多列屬性
    6.5.1  列數屬性column-count
    6.5.2  列寬屬性column-width
    6.5.3  列寬屬性column
    6.5.4  列之間的間隔屬性column-gap
    6.5.5  是否橫跨所有列屬性column-span
    6.5.6  列間隔樣式屬性column-rule-style
    6.5.7  列之間間隔顏色屬性column-rule-color

    6.5.8  列之間寬度屬性column-rule-width
    6.5.9  列之間間隔所有屬性column-rule
  6.6  CSS基本布局樣式
    6.6.1  CSS布局類型
    6.6.2  CSS布局樣式
  6.7  實訓——製作社區網網頁
    6.7.1  製作新聞圖片頁面
    6.7.2  製作熱點關注頁面
  習題6
第7章  JavaScript語法基礎
  7.1  JavaScript概述
  7.2  在HTML文檔中使用JavaScript
    7.2.1  在HTML文檔中嵌入腳本程序
    7.2.2  鏈接腳本文件
    7.2.3  在HTML標籤內添加腳本
  7.3  數據類型
    7.3.1  數據類型的分類
    7.3.2  基本數據類型
    7.3.3  數據類型的判斷
    7.3.4  數據類型的轉換
  7.4  標識符、變數和常量
    7.4.1  標識符
    7.4.2  字面常量
    7.4.3  定義變數
    7.4.4  定義常量
  7.5  運算符和表達式
    7.5.1  運算符和表達式的分類
    7.5.2  語句的書寫規則
  7.6  流程式控制制
    7.6.1  順序結構
    7.6.2  條件選擇結構
    7.6.3  循環結構
  7.7  函數
    7.7.1  函數的聲明
    7.7.2  函數的調用
    7.7.3  變數的作用域和生命周期
    7.7.4  內嵌函數
    7.7.5  閉包函數
    7.7.6  箭頭函數
    7.7.7  常用系統函數
  7.8  正則表達式
    7.8.1  創建正則表達式
    7.8.2  正則表達式的組成
    7.8.3  正則表達式使用的方法
  習題7
第8章  JavaScript對象基礎
  8.1  JavaScript對象概述
  8.2  對象
    8.2.1  對象的概念
    8.2.2  類

    8.2.3  創建對象
    8.2.4  對象的屬性
    8.2.5  對象的方法
    8.2.6  對象的遍歷
    8.2.7  對象的事件
  8.3  內置對象
    8.3.1  數學對象
    8.3.2  字元串對象
    8.3.3  日期對象
    8.3.4  數組對象
    8.3.5  擴展運算符
  習題8
第9章  JavaScript對象模型
  9.1  BOM的對象
    9.1.1  BOM概述
    9.1.2  window對象
    9.1.3  document對象
    9.1.4  location對象
    9.1.5  navigator對象
    9.1.6  screen對象
    9.1.7  history對象
  9.2  DOM的對象
    9.2.1  節點和節點樹
    9.2.2  DOM的操作
    9.2.3  Node對象
    9.2.4  HTML DOM對象
    9.2.5  HTML Document對象
    9.2.6  HTML Element對象
    9.2.7  Node操作實例
  9.3  DOM與CSS
    9.3.1  style對象
    9.3.2  currentStyle對象
    9.3.3  CSSStyleSheet對象
  習題9
第10章  JavaScript事件處理
  10.1  事件概述
    10.1.1  事件的概念
    10.1.2  事件的類型
    10.1.3  事件處理程序的綁定方式
  10.2  window事件
    10.2.1  load事件
    10.2.2  resize事件
    10.2.3  scroll事件
    10.2.4  focus和blur事件
  10.3  mouse事件
    10.3.1  click事件
    10.3.2  dblclick事件
    10.3.3  mouseover和mouseout事件
    10.3.4  mousedown、mousemove和mouseup事件
  10.4  keyboard事件

    10.4.1  keydown事件
    10.4.2  keypress事件
    10.4.3  keyup事件
  10.5  form事件
    10.5.1  submit和reset事件
    10.5.2  子元素事件處理
  10.6  事件捕捉與事件冒泡
    10.6.1  事件捕捉與事件冒泡的執行順序
    10.6.2  阻止事件冒泡和捕捉
    10.6.3  取消默認事件
  習題10
第11章  綜合案例——社區新聞網的設計與實現
  11.1  網站的開發流程和組織結構
    11.1.1  創建網站的文件夾結構
    11.1.2  網站頁面的組成
  11.2  製作社區新聞網的首頁
    11.2.1  頁面結構代碼
    11.2.2  CSS樣式
  11.3  製作社區新聞網的列表頁
    11.3.1  頁面結構代碼
    11.3.2  CSS樣式
  11.4  製作社區新聞網的內容頁
    11.4.1  頁面結構代碼
    11.4.2  CSS樣式
  習題11
參考文獻

同類熱銷排行榜

最近瀏覽的商品

網頁設計與製作教程--Web前端開發(第7版雙色印刷初級支持1+X證書Web前端開發職業技能等級標準十四五職業教育國家規劃教材)