![]() ![]() |
國家軟件與集成電路公共服務平臺信息技術緊缺人才培養(yǎng)工程指定教材:網(wǎng)頁制作與網(wǎng)站建設實戰(zhàn)教程 ![]()
在當今以互聯(lián)網(wǎng)產(chǎn)業(yè)為基礎的時代,網(wǎng)站建設已經(jīng)成為很多企業(yè)重視的問題。我們認為有必要出一本知識覆蓋面較廣的網(wǎng)頁制作教材,幫助網(wǎng)站建設人員快速、全面地掌握網(wǎng)站建設的技巧和規(guī)范。在內容的安排上,本書涉及網(wǎng)頁設計基礎(網(wǎng)站布局配色)、Dreamweaver工具使用、靜態(tài)頁面搭建(HTML5 CSS3)、網(wǎng)頁動效制作(JavaScript)、動態(tài)網(wǎng)站開發(fā)(PHP MySQL)以及網(wǎng)站推廣和維護等知識。其中,第1~3章介紹了網(wǎng)站建設的基礎知識,包括網(wǎng)絡概念、網(wǎng)站設計和建設流程等;第4、5章介紹了Dreamweaver工具使用方法,例如文件操作、設置站點等;第6~13章介紹了靜態(tài)頁面的搭建,例如盒子模型、div布局、HTML5、CSS3等;第14、15章介紹了JavaScript基礎知識,包括JavaScript語法、數(shù)據(jù)類型、變量、表達式、事件、對象等;第16、17章介紹了PHP和MySQL的基礎知識,并通過一個綜合項目手繪日記網(wǎng)站建設,對前面的知識進行了回顧;第18、19章介紹了網(wǎng)站推廣、優(yōu)化和維護的相關內容。 本書附有源代碼、習題、教學課件等資源;為了幫助初學者更好地學習,還提供了在線答疑,希望得到更多讀者的關注。 本書適合作為高等院校相關專業(yè)網(wǎng)頁設計與制作課程的教材,也可作為網(wǎng)頁平面設計的培訓教材,還可供網(wǎng)頁制作、美工設計、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員閱讀與參考。
本書以網(wǎng)站建設流程為主線,詳細講解了界面設計、前端開發(fā)、程序設計、測試、推廣、維護等網(wǎng)站項目建設的基本知識。
在互聯(lián)網(wǎng)飛速發(fā)展的今天,網(wǎng)站建設已經(jīng)成為企業(yè)越來越重視的問題。一個設計精良的網(wǎng)站不僅代表了企業(yè)的形象,而且能吸引更多的訪問者,為企業(yè)帶來潛在的客戶。網(wǎng)站建設涉及的技術繁多,包括交互設計、界面設計、前端開發(fā)、程序設計、測試、推廣、更新、維護等諸多工作。這些工作雖然可以由開發(fā)團隊協(xié)作完成,但各項工作之間聯(lián)系緊密,如果網(wǎng)站建設人員只關注某一知識模塊,在建站過程中往往會缺乏全局意識,不具備綜合建站的能力。 為什么學習本書 ?目前關于網(wǎng)站建設的技術類書籍較多,但大多偏向于某一塊的知識,例如界面設計、HTML5、JavaScript等,使得網(wǎng)站建設人員缺乏對完整項目實現(xiàn)過程的深入了解。網(wǎng)站建設是什么?我們學習的這些技術應用在網(wǎng)站建設的哪個環(huán)節(jié)?許多初學者學完之后,依然會有這樣的疑問。因此,系統(tǒng)全面地學習網(wǎng)站建設的相關知識,是當下網(wǎng)站建設人員急需的。 本書以網(wǎng)站建設流程為主線,詳細講解了界面設計、前端開發(fā)、程序設計、測試、推廣、維護等網(wǎng)站項目建設的基本知識。同時以一個綜合項目貫穿全書,力求讓不同層次的讀者,全面系統(tǒng)地掌握網(wǎng)站建設的基礎知識,具備真正的網(wǎng)站建設實戰(zhàn)能力。 如何使用本書? 本書涵蓋了網(wǎng)站建設過程中所有需要重點掌握的技術,針對零基礎或具備一定網(wǎng)站建設能力的人群。本書以既定的編寫體例(理論 案例)規(guī)劃所學知識點。全書以網(wǎng)站建設的基本流程為主線,從需求規(guī)劃、頁面設計、靜態(tài)頁面搭建、動態(tài)網(wǎng)站開發(fā)、后期推廣維護等幾個部分詳細講解網(wǎng)站建設的相關知識,力求讓不同層次的讀者盡快全面掌握網(wǎng)站建設過程。 在內容的編排上,本書涉及網(wǎng)頁設計基礎(網(wǎng)站布局配色)、Dreamweaver工具使用、靜態(tài)頁面搭建(HTML5 CSS3)、網(wǎng)頁動效制作(JavaScript)、動態(tài)網(wǎng)站開發(fā)(PHP MySQL)以及網(wǎng)站推廣和維護。各知識模塊之間既存在一定的聯(lián)系,又具有獨立性。全書分為19章,具體介紹如下。 ?網(wǎng)頁設計基礎(網(wǎng)站布局配色)。第1章介紹了網(wǎng)站的基礎知識,包括網(wǎng)絡基本概念、術語、認識網(wǎng)頁網(wǎng)站、常用瀏覽器概述等內容。第2章介紹了網(wǎng)頁設計的基礎知識,包括設計原則、色彩搭配、設計流程、頁面布局、設計軟件等內容。第3章介紹了網(wǎng)站建設的基礎知識,包括建設流程、域名和服務器空間的申請、網(wǎng)站的上傳等內容。 ?Dreamweaver工具使用。第4章介紹了Dreamweaver工具基本操作,包括界面介紹、軟件初始化設置、工具基本操作等內容。第5章介紹了站點、庫、模板的基礎知識,包括使用Dreamweaver工具創(chuàng)建站點、庫、模板等內容。 ?靜態(tài)頁面搭建(HTML5 CSS3)。第6、7章介紹了HTML和CSS基礎知識,包括常用HTML基礎標記、HTML5新增標記、CSS基礎樣式、CSS3新增選擇器等內容。第8 ~13章,介紹了靜態(tài)網(wǎng)頁搭建的應用知識,包括盒子模型、列表、表格、表單、div布局、多媒體嵌入等內容。 ?網(wǎng)頁動效制作(JavaScript)。第14、15章介紹了JavaScript基礎知識,包括JavaScript語法、數(shù)據(jù)類型、變量、表達式、事件、對象等內容。 ?動態(tài)網(wǎng)站開發(fā)(PHP MySQL)。第16章介紹了PHP和MySQL基礎知識,包括開發(fā)環(huán)境的搭建、PHP訪問MySQL、MySQLi擴展的使用等內容。第17章是一個綜合項目,包括網(wǎng)站規(guī)劃、界面設計、靜態(tài)頁面搭建、網(wǎng)頁動效實現(xiàn)、動態(tài)網(wǎng)站開發(fā)一系列完整的網(wǎng)站建設過程,是對前面知識的總結和回顧。 ?網(wǎng)站推廣和維護。第18、19章介紹了網(wǎng)站推廣和維護的基礎知識,包括網(wǎng)站推廣、優(yōu)化、維護等內容。 全書以網(wǎng)站建設流程為主線,語言通俗易懂,內容豐富,知識涵蓋面廣,非常適合網(wǎng)站開發(fā)的初學者、網(wǎng)站建設人員以及大學藝術設計系或自學網(wǎng)頁設計的學生閱讀。 致謝! 本書的編寫和整理工作由傳智播客教育科技股份有限公司完成,主要參與人員有呂春林、高美云、王哲、姜婷等,全體人員在這近一年的編寫過程中付出了很多辛勤的汗水,在此一并表示衷心的感謝。 意見反饋。 盡管我們盡了大的努力,但書中難免會有不妥之處,歡迎各界專家和讀者朋友們來信提出寶貴意見,我們將不勝感激。您在閱讀本書時,如發(fā)現(xiàn)任何問題或有不認同之處,可以通過電子郵件與我們取得聯(lián)系。 請發(fā)送電子郵件至:itcast_book@vip.sina.com 黑馬程序員 2018年8月
黑馬程序員:江蘇傳智播客教育科技股份有限公司(簡稱傳智播客)是一家專門致力于高素質軟件開發(fā)人才培養(yǎng)的高科技公司。傳智播客致力于為企業(yè)優(yōu)選一流的人才的培訓理念,經(jīng)過多年的教學探索及戰(zhàn)略布局,已向著綜合型職業(yè)教育集團發(fā)展。黑馬程序員是傳智播客旗下高端IT教育品牌。
第1章 初識網(wǎng)絡、網(wǎng)頁和網(wǎng)站 .............1 1.1 網(wǎng)絡基本概念 ..............................1 1.1.1 認識網(wǎng)絡 .............................1 1.1.2 網(wǎng)絡的分類 .........................2 1.2 網(wǎng)絡相關術語 ..............................3 1.3 認識網(wǎng)頁和網(wǎng)站 ..........................4 1.3.1 網(wǎng)頁和網(wǎng)站基本概念 .........5 1.3.2 網(wǎng)頁基本構成要素 .............6 1.3.3 網(wǎng)站頁面構成 .....................8 1.3.4 網(wǎng)站類型 ...........................10 1.4 瀏覽器概述 ................................12 習題 .....................................................15 第2章 網(wǎng)頁設計基礎 .........................17 2.1 網(wǎng)頁設計原則 ............................17 2.2 網(wǎng)頁配色基礎 ............................20 2.2.1 認識色彩 ...........................20 2.2.2 色彩三屬性 .......................22 2.2.3 色彩象征意義 ...................22 2.2.4 網(wǎng)頁配色原則 ...................26 2.3 網(wǎng)頁設計流程 ............................29 2.3.1 確定網(wǎng)站主題 ...................29 2.3.2 網(wǎng)站整體規(guī)劃 ...................29 2.3.3 收集素材 ...........................30 2.3.4 設計網(wǎng)頁效果圖 ...............31 2.4 網(wǎng)頁布局設計 ............................32 2.4.1 什么是網(wǎng)頁布局 ...............32 2.4.2 基本結構分析 ...................33 2.4.3 網(wǎng)頁布局分類 ...................33 2.4.4 網(wǎng)頁布局原則 ...................36 2.5 網(wǎng)頁內容元素設計 ....................38 2.5.1 文字編排設計 ...................39 2.5.2 圖像設計 ...........................39 2.5.3 超鏈接設計 .......................41 2.6 常用的網(wǎng)頁設計軟件 ................42 2.6.1 Photoshop ...........................42 2.6.2 Illustrator ...........................42 2.6.3 Flash ..................................43 2.6.4 Fireworks ...........................43 習題 .....................................................44 第3章 網(wǎng)站建設基礎 .......................45 3.1 網(wǎng)站建設流程 ............................45 3.1.1 頁面觀察和搭建 ...............45 3.1.2 開發(fā)動態(tài)網(wǎng)站模塊 ...........46 3.1.3 網(wǎng)站建設后期事宜 ...........47 3.2 常用的網(wǎng)站建設工具 ................47 3.3 域名和服務器空間 ....................50 3.3.1 域名概述 ...........................50 3.3.2 域名的級別 .......................51 3.3.3 域名的意義 .......................53 3.3.4 選取域名 ...........................53 3.3.5 注冊域名 ...........................54 3.3.6 認識服務器空間 ...............55 目 錄 網(wǎng)頁設計與網(wǎng)站制作1-2章_1校.indd 1 2018-10-26 10:37:06 2 網(wǎng)頁制作與網(wǎng)站建設實戰(zhàn)教程 3.3.7 購買服務器空間的 注意事項 ...........................56 3.4 網(wǎng)站的上傳 ................................57 習題 .....................................................59 第4 章 Dreamweaver 工具基本操作 .... 61 4.1 界面介紹 ....................................61 4.2 軟件初始化設置 ........................67 4.3 Dreamweaver 工具的 基本操作 ....................................70 4.3.1 文檔的操作 .......................70 4.3.2 添加文本 ...........................73 4.3.3 添加圖像 ...........................75 4.3.4 添加鏈接 ...........................76 習題 .....................................................78 第5 章 站點、模板和庫 .................... 79 5.1 站點 ............................................79 5.1.1 認識站點 ...........................79 5.1.2 建立站點 ...........................80 5.1.3 管理站點 ...........................81 5.2 模板 ............................................84 5.2.1 認識模板 ...........................84 5.2.2 創(chuàng)建模板 ...........................85 5.2.3 編輯模板 ...........................86 5.2.4 管理模板 ...........................87 5.3 庫 ...............................................89 5.3.1 認識庫和庫項目 ...............89 5.3.2 創(chuàng)建庫項目 .......................90 5.3.3 管理庫項目 .......................90 習題 .....................................................92 第6 章 網(wǎng)頁制作入門HTML ...... 94 6.1 HTML 概述 ................................94 6.1.1 什么是HTML ...................94 6.1.2 認識HTML 標記 ..............95 6.1.3 HTML 文檔基本格式 .......95 6.1.4 HTML 標記屬性 ...............96 6.1.5 HTML文檔頭部相關 標記 ...................................97 6.2 文本控制標記 ............................99 6.2.1 標題和段落標記 ...............99 6.2.2 文本樣式標記 .................101 6.2.3 文本格式化標記 .............101 6.2.4 特殊字符標記 .................102 6.3 HTML 圖像標記 ......................102 6.3.1 常用圖像格式 .................102 6.3.2 圖像標記 ............103 6.3.3 路徑和相對路徑 .....105 6.4 認識HTML5 ............................106 6.4.1 HTML5 概述 ...................106 6.4.2 HTML5文檔格式的 變化 .................................107 6.4.3 HTML5 新增標記 ..........108 習題 ...................................................109 第7 章 網(wǎng)頁制作入門CSS ........110 7.1 CSS 簡介 ..................................110 7.1.1 什么是CSS .....................110 7.1.2 CSS 發(fā)展史 .....................110 7.2 CSS 核心基礎 ..........................111 7.2.1 CSS 樣式規(guī)則 .................111 7.2.2 引入CSS 樣式表 ............112 7.2.3 CSS 基礎選擇器 .............114 7.3 CSS 文本樣式 ..........................116 7.3.1 字體樣式屬性 .................116 7.3.2 文本外觀屬性 .................119 7.4 CSS 高級屬性 ..........................123 7.4.1 CSS 層疊性和繼承性 .....123 網(wǎng)頁設計與網(wǎng)站制作1-2章_1校.indd 2 2018-10-26 10:37:06 目錄 3 7.4.2 CSS 優(yōu)先級 .....................124 7.5 CSS3 新增選擇器 ....................127 習題 ...................................................129 第8章 盒子模型 .............................. 131 8.1 盒子模型概述 ..........................131 8.1.1 認識盒子模型 .................131 8.1.2 標記 .......................132 8.1.3 盒子的寬與高 .................132 8.2 盒子模型相關屬性 ..................133 8.2.1 邊框屬性 .........................133 8.2.2 內邊距屬性 .....................137 8.2.3 外邊距屬性 .....................137 8.2.4 box-shadow 屬性 .............138 8.2.5 box-sizing 屬性 ................139 8.2.6 背景屬性 .........................139 8.3 元素類型與轉換 ......................144 8.3.1 元素的類型 .....................144 8.3.2 標記 ....................145 8.3.3 元素的轉換 .....................145 8.4 塊元素垂直外邊距的合并 ......146 8.4.1 相鄰塊元素垂直外 邊距的合并 .....................146 8.4.2 嵌套塊元素垂直外 邊距的合并 .....................146 習題 ...................................................146 第9 章 列表和超鏈接 ..................... 148 9.1 列表標記 ..................................148 9.1.1 無序列表
9.1.2 有序列表
9.1.3 定義列表
9.2 CSS控制列表樣式 ...................150 9.2.1 list-style-type屬性 ..........150 9.2.2 list-style-image屬性 .......151 9.2.3 list-style-position屬性 ...151 9.2.4 list-style屬性 ...................152 9.3 超鏈接標記 ..............................152 9.3.1 創(chuàng)建超鏈接 .....................152 9.3.2 錨點鏈接 .........................153 9.4 鏈接偽類控制超鏈接 ..............154 習題 ...................................................154 第10 章 表格和表單 ....................... 156 10.1 表格標記 ................................156 10.1.1 創(chuàng)建表格 .......................156 10.1.2
Copyright 1993-2025 www.wsgph.com Inc.All Rights Reserved
技術支持:山東中教產(chǎn)業(yè)發(fā)展股份有限公司 客服電話:400-0531-123 ![]() |