HTML+CSS+JavaScript網頁製作

內容簡介

本書面向網站開發與網頁製作的讀者，採用全新流行的Web標準，以HTML技術為基礎，由淺入深、完整詳細地介紹了HTML、CSS及JavaScript網頁製作內容。本書內容緊扣國家對高職高專培養高級套用型、複合型人才的技能水平和知識結構的要求，以網路花店項目案例的開發思路為主線，採用模組分解、任務驅動、子任務實現和代碼設計四層結構，通過對模組中每個任務相應知識點的講解，引導讀設槓兵者學習網頁製作、設計、規劃的基本知識以及項目開發、測試的完整流程。

圖書目錄

出版說明

前言

第1章網頁的基本結構

1.1 網頁的基本元素

1.2 網頁的布局結構

1.3 案例：創建第一個網頁

1.3.1 HTML簡介

1.3.2 HTML語法結構

1.3.3 HTML語法規範

1.3.4 HTML文檔結構

1.4 實訓

習題1

第2章網頁文檔編輯

2.1 案例：網路花店服務嚮導頁面——文字與段落排版

2.1.1 注釋標籤

2.1.2 段落標籤<p>…</p>

2.1.3 換行標籤<br/>

2.1.4 水平線標籤<hr/>

2.1.5 標題文字標籤<h#>…</h#>

2.1.6 特殊符號

2.2 案例：網路花店購物指南頁面——超連結

2.2.1 超連結樂寒獄簡介

2.2.2 超連結的套用

2.3 案例：網路花店商品明細頁面——圖像

2.3.1 網頁圖像的格式和使用原則

2.3.2 圖像標籤<img>

2.4 案例：網路花店客服中心頁面——列表

2.4.1 無序列表

2.4.2 有序列表

2.4.3 定義列表

2.4.4 嵌套列表

2.5 實訓：製作鮮花名片頁面

習題2

第3章網頁布局與互動

3.1 案例：網路花店購物車信息統計——表格

3.1.1 表格的結構

3.1.2 表格的基本語法

3.1.3 表格修飾

3.1.4 不規遙想境承范表格

3.1.5 表格數據的分組標籤

3.2 案例：網銀線上支付步驟及版權資訊——分區和局部信息

3.2.1 <div>標籤

3.2.2 <span>標籤

3.2.3 span與div的區別

3.3 案例：網路花店會白棄端員註冊頁面——表單

3.3.1 表單的基本概念

3.3.2 表單的工作原理

3.3.3 表單標籤

3.3.4 表單元素

3.4 實訓：使用表格布局技術製作用戶註冊表單

習題3

第4章網頁表現語言——CSS

4.1 初識CSS

4.1.1 什麼是CSS

4.1.2 CSS的優點

4.1.3 CSS設計與編寫原則

4.1.4 CSS的顯示環境

4.2 案例：網路花店簡介頁面——CSS的定義與使用

4.2.1 內聯樣式

4.2.2 內部樣式表

4.2.3 鏈入外部樣式表

4.2.4 導入外部樣式表

4.3 CSS語法基礎

4.3.1 構造樣式規則

4.3.2 常用的CSS選擇符

4.4 CSS的屬性單位

4.4.1 長度、百分比單位

4.4.2 色彩單位

4.5 案例：網路花店相關商品局部頁面——文檔結構

4.5.1 文檔結構

4.5.2 繼承

4.5.3 樣式表的層疊、特殊性與重要性

4.5.4 元素類型

4.6 實訓：製作網路花店新聞更新局部頁面

習題4

第5章 Div+CSS布局頁面

5.1 Web標準

5.1.1 Web標準的概念

5.1.2 建立Web標準的優點

5.1.3 理燥舟解表現和結構相分離

5.2 認識Div+CSS布局

5.2.1 Div+CSS布局的優點

5.2.2 將頁面用Div分塊

5.3 案例：網路花店頁面頂部的布局——盒模型

5.3.1 盒模型簡介

5.3.2 外邊距、框線與內邊距

5.3.3 盒模型的寬度與高度

5.3.4 塊級元素與潤墊霸行級元素寬度和高度的區別

5.3.5 外邊距的合併

5.4 案例：商城登錄頁面的整體布局——定位與浮動

5.4.1 定位

5.4.2 浮動與清除浮動

5.5 典型的CSS布局樣式

5.5.1 兩列布局樣式

5.5.2 三列布局樣式

5.6 實訓：網路花店熱賣鮮花局部頁面

習題5

第6章元素外觀修飾

6.1 案例：網路花店服務嚮導頁面——設定文本樣式

6.1.1 設定字紙拒轎立體類型

6.1.2 設定字型大小

6.1.3 設定字型粗細

6.1.4 設定字型傾斜

6.1.5 設定字型修飾

6.1.6 設定字型顏色

6.1.7 設定文本對齊方式

6.1.8 設定首行縮進

6.1.9 設定首字下沉

6.1.10 設定行高

6.2 案例：玫瑰花簡介頁面——設定圖像與背景樣式

6.2.1 設定圖像樣式

6.2.2 設定背景樣式

6.3 案例：暢銷鮮花排行榜頁面——設定表格樣式

6.3.1 設定表格框線合併

6.3.2 設定單元格間距

6.3.3 設定表格標題位置

6.3.4 設定是否顯示單元格框線

6.4 案例：網路花店聯繫我們表單——設定表單樣式

6.5 實訓：網路花店環保社區頁面

習題6

第7章連結與導航設計

7.1 案例：網路花店友情連結局部頁面——設定連結樣式

7.1.1 設定文字連結

7.1.2 設定圖文連結

7.2 案例：網路花店鮮花展示頁面——設定列表樣式

7.2.1 表格布局與列表布局的對比

7.2.2 設定列表類型

7.2.3 設定列表項圖片符號

7.2.4 設定列表項位置

7.3 案例：網路花店鮮花分類導航選單——設定縱嚮導航選單

7.3.1 普通的連結導航選單

7.3.2 縱向列表導航選單

7.4 案例：網路花店主導航選單——設定橫嚮導航選單

7.5 實訓：網路花店商務安全中心頁面

習題7

第8章使用JavaScript製作網頁特效

8.1 JavaScript概述

8.2 在網頁中調用JavaScript

8.2.1 直接加入HTML文檔

8.2.2 引用腳本檔案

8.2.3 在HTML標籤內添加腳本

8.3 案例：循環滾動的圖文字幕——製作網頁特效

8.4 案例：網站後台管理選單——製作二級縱向列表導航選單

8.5 實訓：製作Flash幻燈片廣告

習題8

第9章網路花店前台頁面

9.1 網站的開發流程

9.1.1 需求分析

9.1.2 站點規劃

9.1.3 網站製作

9.1.4 測試發布

9.2 使用Dreamweaver創建站點

9.2.1 Dreamweaver基本工作界面

9.2.2 創建站點與目錄結構

9.3 案例：製作網路花店首頁

9.4 案例：製作商品展示頁面

9.5 案例：製作商品詳細信息頁面

9.6 案例：製作查看購物車頁面

習題9

第10章網路花店後台管理頁面

10.1 案例：製作網路花店後台管理登錄頁面

10.2 案例：製作商品查詢頁面

10.3 案例：製作商品添加頁面

10.4 案例：製作商品修改頁面

10.5 頁面的整合

習題10

參考文獻

HTML+CSS+JavaScript網頁製作

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條