幫助中心 | 我的帳號 | 關於我們

Web前端開發必知必會(應用型人才培養精品教材)

  • 作者:編者:張怡芳|責編:康靜
  • 出版社:電子工業
  • ISBN:9787121475443
  • 出版日期:2024/03/01
  • 裝幀:平裝
  • 頁數:263
人民幣:RMB 53 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本教材共分18課(章),每課根據實際情況需要3?8個學時,第1課到第10課,主要介紹了HTML基本框架,標籤與屬性,CSS樣式基礎,教會讀者利用盒子模型,結合HTML5結構化標籤,建立基本的頁面框架,以及固定寬度布局的模板網頁,第11?16課介紹了JavaScript特效應用、表單、響應式設計、彈性圖像與彈性布局、flexbox伸縮盒等實際Web前端開發必備的知識點,並輔助以若幹個對應知識點的網頁實例;第17課~18課則介紹了網站建設的基本規範、API工具等,便於讀者後續的學習與實踐。讀者在學習了第1?10課後,將初步掌握Web頁面製作基礎,然後繼續學習後續的課程章節,學習實際Web前端開發應用必備的知識,通過涵蓋各個知識點的案例進行實踐,快速、高效地掌握實用網頁製作的基本方法。另外,將另外提供教材中涉及的全部網頁源代碼網路資源,方便社會讀者自學。

作者介紹
編者:張怡芳|責編:康靜

目錄
第1課  Web前端簡介
  1.1  Web前端與HTML
    1.1.1  什麼是Web前端
    1.1.2  Web是如何工作的
    1.1.3  網站與HTML網頁
    1.1.4  網站類型
  1.2  HTML文件結構
  1.3  網頁三要素:結構、表現、行為
  1.4  網頁編碼工具
    1.4.1  使用記事本編寫網頁代碼
    1.4.2  瀏覽器的開發者工具
    1.4.3  IDE簡介
    1.4.4  HBuilderX環境
  1.5  每課小練
    1.5.1  練一練:製作帶圖像的簡單網頁
    1.5.2  試一試:製作航天新聞網頁
    1.5.3  常見問題Q&A
  1.6  理論習題
第2課  常用的HTML標籤及其屬性
  2.1  常用的標籤
    2.1.1  什麼是標籤
    2.1.2  標籤的屬性
  2.2  特殊符號
  2.3  表格
  2.4  圖像
    2.4.1  內容圖像
    2.4.2  背景圖像
  2.5  每課小練
    2.5.1  練一練:基本標籤的應用
    2.5.2  試一試:圖像與表格
    2.5.3  常見問題Q&A
  2.6  理論習題
第3課  超鏈接與路徑
  3.1  超鏈接
    3.1.1  超鏈接標籤及其屬性
    3.1.2  錨記
  3.2  路徑
    3.2.1  絕對路徑
    3.2.2  相對路徑
  3.3  每課小練
    3.3.1  練一練:簡單超鏈接
    3.3.2  學以致用:再別康橋網頁
    3.3.3  常見問題Q&A
  3.4  理論習題
第4課  簡單CSS
  4.1  CSS樣式概述
    4.1.1  CSS樣式的作用
    4.1.2  什麼是選擇器
    4.1.3  CSS選擇器類型
    4.1.4  基本選擇器命名規則

  4.2  顏色模型
  4.3  設置網頁的文本顏色與背景顏色
    4.3.1  設置文本顏色
    4.3.2  設置背景顏色
    4.3.3  使用拾色器
    4.3.4  設置背景圖像
  4.4  每課小練
    4.4.1  練一練:標籤選擇器練習
    4.4.2  練一練:製作基本網頁模板
    4.4.3  學以致用:使用float屬性水平排列撲克牌
    4.4.4  常見問題Q&A
  4.5  理論習題
第5課  複合選擇器與網頁導航菜單
  5.1  什麼是複合選擇器
    5.1.1  複合選擇器的種類
    5.1.2  後代選擇器與子元素選擇器的區別
    5.1.3  毗鄰兄弟選擇器與同級兄弟選擇器的區別
    5.1.4  結構化偽類選擇器與偽元素詳解
    5.1.5  導航菜單超鏈接使用的選擇器
  5.2  無序列表導航菜單
    5.2.1  只改變字體顏色
    5.2.2  鏈接項呈現塊級變化
  5.3  常見的CSS1?CSS3選擇器
  5.4  每課小練
    5.4.1  練一練:後代選擇器與橫嚮導航菜單
    5.4.2  學以致用:複合選擇器與太陽系網頁
    5.4.3  常見問題Q&A
  5.5  理論習題
第6課  基本HTML5框架與應用
  6.1  什麼是語義化結構標籤
  6.2  語義化結構標籤的應用
  6.3  <meta>標籤
    6.3.1  <meta>標籤的基本用途
    6.3.2  控制響應式設計中的視口
    6.3.3  設置網頁的定時跳轉
  6.4  每課小練
    6.4.1  練一練:使用<section>標籤的上下結構網頁框架
    6.4.2  學以致用:使用CSS實現個人簡歷網頁
    6.4.3  常見問題Q&A
  6.5  理論習題
第7課  盒子模型與DOM樹
  7.1  DOM樹與文件流
  7.2  盒子模型
    7.2.1  什麼是盒子模型
    7.2.2  容器與元素關係
    7.2.3  塊級元素與行內元素
  7.3  float與clear屬性
    7.3.1  標準文件流
    7.3.2  使用float屬性使元素脫離標準流
    7.3.3  使用clear屬性清除浮動的影響

  7.4  每課小練
    7.4.1  練一練:float與clear屬性的應用
    7.4.2  學以致用:製作IPanda網頁
    7.4.3  常見問題Q&A
  7.5  理論習題
第8課  position位置屬性
  8.1  疊放層與漂浮層
    8.1.1  position位置屬性
    8.1.2  z-index屬性
  8.2  relative與absolute的精確定位
  8.3  每課小練
    8.3.1  練一練:通過四角定位撲克牌
    8.3.2  試一試:使用position位置屬性實現疊放層的應用
    8.3.3  常見問題Q&A
  8.4  理論習題
第9課  CSS+DIV固定寬度的頁面布局
  9.1  float左右布局
  9.2  float左中右布局
  9.3  position彈性左中右布局
  9.4  固定寬度的混合布局
  9.5  網頁製作的「3O」原則
  9.6  每課小練
    9.6.1  練一練:float左右布局基本框架
    9.6.2  練一練:使用float屬性與position位置屬性進行固定寬度混合布局
    9.6.3  學以致用:簡化版杭州19樓網頁
    9.6.4  常見問題Q&A
  9.7  理論習題
第10課  表單基礎
  10.1  表單與表單對象
    10.1.1  什麼是表單
    10.1.2  <form>標籤
    10.1.3  表單對象
  10.2  註冊登錄表單實例
  10.3  每課小練
    10.3.1  練一練:製作簡單表單網頁
    10.3.2  學以致用:表單應用實例
    10.3.3  常見問題Q&A
  10.4  理論習題
第11課  JavaScript基本應用
  11.1  什麼是JavaScript
  11.2  JavaScript的應用方法
    11.2.1  JavaScript基本語法
    11.2.2  最簡單的JavaScript程序(Say Hello!)
    11.2.3  表單數據驗證
    11.2.4  常用的JavaScript對象與方法
    11.2.5  定時器函數
  11.3  每課小練
    11.3.1  練一練:簡單時鐘網頁實例
    11.3.2  學以致用:製作考生登錄表單
    11.3.3  試一試:JavaScript漂浮層的應用實例

    11.3.4  常見問題Q&A
  11.4  理論習題
第12課  jQuery特效
  12.1  jQuery簡介
    12.1.1  什麼是jQuery
    12.1.2  jQuery庫文件的下載與引用
  12.2  jQuery文件就緒事件
  12.3  jQuery選擇器及其操作
  12.4  jQuery常見特效
    12.4.1  最簡單的例子——點一點就消失
    12.4.2  使用slideToggle()方法控制面板展開或收起
    12.4.3  使用animate()動畫實現頁面上下滾動
  12.5  每課小練
    12.5.1  練一練:滑鼠懸停切換圖像特效
    12.5.2  學以致用:jQuery輪播特效實例
    12.5.3  常見問題Q&A
  12.6  理論習題
第13課  固定寬度網頁實例
  13.1  IHangzhou網頁
  13.2  杭州19樓綜合頁面
  13.3  杭州亞運新聞網頁
  13.4  每課小練
    13.4.1  練一練:頁面布局分析與重現
    13.4.2  學以致用:開發創意網站
    13.4.3  常見問題Q&A
  13.5  理論習題
第14課  響應式設計基礎
  14.1  響應式網站概述
    14.1.1  最簡單的響應式設計CSS樣式代碼
    14.1.2  視口
    14.1.3  響應式技術支持
  14.2  媒體查詢與斷點
    14.2.1  媒體查詢的語法規則
    14.2.2  斷點與多段響應式
    14.2.3  斷點取值
  14.3  彈性布局
  14.4  響應式左右布局
  14.5  每課小練
    14.5.1  練一練:兩段響應式布局
    14.5.2  學以致用:製作響應式IPanda網頁
    14.5.3  常見問題Q&A
  14.6  理論習題
第15課  響應式設計特點及應用
  15.1  響應式設計特點
    15.1.1  設計原則
    15.1.2  響應式設計考慮要點
    15.1.3  彈性布局
  15.2  多段響應式布局實例
  15.3  網頁中的圖像
    15.3.1  彈性圖像

    15.3.2  常見的網頁圖像文件類型
    15.3.3  圖像拼合技術
    15.3.4  字體圖標
  15.4  網頁字體
    15.4.1  襯線體與非襯線體
    15.4.2  使用@font-face功能設置字體
  15.5  每課小練
    15.5.1  練一練:三段響應式布局練習
    15.5.2  試一試:製作三段響應式Oscar網頁
  15.6  理論習題
第16課  Flexbox伸縮盒
  16.1  什麼是Flexbox伸縮盒
  16.2  常用的Flexbox伸縮盒屬性
  16.3  每課小練
    16.3.1  練一練:Flexbox伸縮盒網頁練習
    16.3.2  試一試:將Flexbox伸縮盒用於響應式布局
    16.3.3  常見問題Q&A
  16.4  理論習題
第17課  網站建設概述
  17.1  網站建設過程與規範
  17.2  什麼是自建站
  17.3  網站重構
  17.4  網站建設項目需求
  17.5  網站文件管理
  17.6  每課小練
    17.6.1  學以致用:網站建設實踐
    17.6.2  常見問題Q&A
  17.7  理論習題
第18課  HTML5的API
  18.1  什麼是API
  18.2  <canvas>繪圖
    18.2.1  什麼是網頁Canvas畫布
    18.2.2  Canvas繪圖實例
  18.3  音樂播放器
    18.3.1  <audio>標籤
    18.3.2  音樂播放器代碼實現
  18.4  百度地圖API簡介
  18.5  理論習題
附錄

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032