幫助中心 | 我的帳號 | 關於我們
進階搜尋
car

同類熱銷排行榜

最近瀏覽的商品

Web前端技術項目式教程(HTML5+CSS3+Flex+Bootstrap工業和信息化十三五高職高專人才培養規劃教材)

  • 作者：編者:唐彩虹//張琳霞//曾浩|責編:桑珊
  • 出版社：人民郵電
  • ISBN：9787115534804
  • 出版日期：2020/07/01
  • 裝幀：平裝
  • 頁數：209
人民幣：RMB 46 元      售價：元
放入購物車
加入收藏夾
內容大鋼
    本書以一個完整旅遊公司網站的開發項目為主線，貫穿所有知識點，較為全面地介紹了Web前端開發中使用HTML5和CSS3標準化重構網頁的技術。
    全書共10個任務，包括初探Web前端技術、使用HTML5搭建旅遊公司網站首頁結構、使用DIV+CSS實現旅遊公司網站首頁布局、使用CSS3美化超鏈接、使用CSS3製作導航、美化網頁、添加用戶交互界面——表單、使用Flex實現網頁響應式布局、使用Bootstrap實現網頁響應式布局、綜合練習——兒童玩具商城網站設計與製作等。每一任務都配有課後練習，幫助讀者及時鞏固所學知識；最後一章的綜合練習幫助讀者進一步提升網頁設計與製作的技能實踐水平。
    本書可用作高職高專院校電腦網路、數字媒體技術、電腦軟體技術、電腦應用、電腦信息管理等專業「網頁製作」相關課程的教材，同時也適合作為對Web前端技術有興趣的愛好者的學習參考書。
作者介紹
編者:唐彩虹//張琳霞//曾浩|責編:桑珊
目錄
任務一  初探Web前端技術
  任務描述
  知識引入
    1.網站、網頁和主頁
    2.什麼是Web和Web標準
    3.Web前端技術的發展
    4.搭建Web前端開發環境
    5.Web頁面的基本結構
    6.瀏覽器兼容性
  任務實現：動手編寫第一個前端頁面
  任務小結
  課後練習
任務二  使用HTML5搭建旅遊公司網站首頁結構
  任務描述
  知識引入
    1.HTML5的標題、段落和文本格式化標籤
    2.HTML5的圖片標籤
    3.HTML5的列表標籤
    4.HTML5的超鏈接標籤
    5.HTML5的表格標籤
    6.傳統的布局標籤
和
    7.HTML5的各種語義化分段元素
  任務實現：搭建旅遊公司網站首頁結構
    1.規劃網站目錄結構
    2.分析首頁文檔結構
    3.構建首頁結構
    4.添加網頁內容
  任務拓展：製作旅遊公司網站二級頁面
  任務小結
  課後練習
任務三  使用DIV+CSS實現旅遊公司網站首頁布局
  任務描述
  知識引入
    1.CSS規則的基本語法
    2.CSS選擇器
    3.CSS規則的應用方式
    4.CSS的層疊和繼承
    5.CSS盒子模型
    6.CSS盒子的定位機制
    7.DIV+CSS布局剖析
  任務實現：使用DIV+CSS布局旅遊公司首頁
    1.新建CSS樣式表文件並應用到網頁中
    2.基礎樣式設置
    3.頭部布局與定位
    4.主體內容.main_top區域布局與定位
    5.主體內容.main_middle區域布局與定位
    6.主體內容.main_bottom區域布局與定位
    7.頁腳區域布局與定位
  任務拓展：使用CSS實現旅遊公司網站二級頁面「華陽湖景區」的布局結構
  任務小結

  課後練習
任務四  使用CSS3美化超鏈接
  任務描述
  知識引入
    1.超鏈接的基本屬性
    2.CSS樣式偽類
    3.滑鼠特效
  任務實現：實現首頁中的超鏈接效果
    1.設置首頁頭部導航條超鏈接樣式
    2.設置尾部超鏈接樣式
  任務拓展：實現二級頁面「華陽湖景區」的導航條鏈接
  任務小結
  課後練習
任務五  使用CSS3製作導航
  任務描述
  知識引入
    1.列表符號
    2.圖片符號
    3.列表符號位置
  任務實現：製作旅遊公司網站首頁導航
    1.水平排列導航條
    2.編排頁面中間內容區域
  任務拓展：製作二級菜單和職位列表
    1.製作二級菜單
    2.製作職位列表
  任務小結
  課後練習
任務六  美化網頁
  任務描述
  知識引入
    1.text-Shadow
    2.box-Shadow
    3.border-radius
    4.background
    5.Opacity
    6.Font Awesome字體圖標
    7.Animation動畫屬性
  任務實現：美化旅遊公司網站頁面
    1.為網頁添加圖標
    2.為按鈕添加陰影
    3.設置圖片透明度
  任務拓展：利用阿里巴巴矢量圖標庫製作購物車
  任務小結
  課後練習
任務七  添加用戶交互界面——表單
  任務描述
  知識引入
    1.
標籤
    2.元素
    3.HTML5新增的類型

  任務實現：製作旅遊公司網站首頁搜索框、意見反饋表
    1.製作搜索框
    2.製作意見反饋表
  任務拓展：實現搜索框長度變化
  任務小結
  課後練習
任務八  使用Flex實現網頁響應式布局
  任務描述
  知識引入
    1.響應式布局基礎知識
    2.Flex布局
  任務實現：使用Flex布局重構旅遊公司首頁
    1.實現圖片為響應式
    2.設置怪異盒模型計算容器寬度
    3.彈性文字
    4.媒體查詢
    5.實現首頁頭部響應式效果
    6.主體內容.main_top區域的實現
    7.主體內容.main_middle區域的實現
    8.主體內容.main_bottom區域的實現
    9.實現頁腳效果
  任務拓展：使用Flex布局重構二級頁面「華陽湖景區」
  任務小結
  課後練習
任務九  使用Bootstrap實現網頁響應式布局
  任務描述
  知識引入
    1.Bootstrap環境搭建
    2.容器
    3.柵格系統
    4.樣式
    5.組件
  任務實現：使用Bootstrap重構旅遊公司首頁
    1.下載Bootstrap
    2.網頁頭部代碼實現
    3.圖片輪播效果代碼實現
    4.公司介紹區域代碼實現
    5.景區圖片部分代碼實現
    6.求職信息區域代碼實現
    7.頁腳區域代碼實現
  任務拓展：使用Bootstrap重構二級頁面「華陽湖景區」
  任務小結
  課後練習
任務十  綜合練習——兒童玩具商城網站設計與製作
  任務描述
  任務實現：設計與製作兒童玩具商城網站
    1.規劃網站目錄結構
    2.首頁代碼實現
    3.「進口玩具」頁面代碼實現
    4.「相關文章」頁面代碼實現

    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