網(wǎng)站開發(fā)指南:HTML CSS網(wǎng)頁設(shè)計指圖書目錄

時間：2023-02-24 13:00:01 | 來源：營銷百科

時間：2023-02-24 13:00:01 來源：營銷百科

網(wǎng)站開發(fā)指南:HTML CSS網(wǎng)頁設(shè)計指圖書目錄：第1篇 頁面制作入門篇
第1章 了解網(wǎng)頁
1.1 什么是網(wǎng)頁
1.1.1 網(wǎng)頁的概述
1.1.2 靜態(tài)網(wǎng)頁
1.1.3 動態(tài)網(wǎng)頁
1.1.4 開發(fā)動態(tài)頁面和靜態(tài)頁面的聯(lián)系
1.2 開發(fā)網(wǎng)頁的工具
1.2.1 HTML頁面的開發(fā)工具
1.2.2 動態(tài)頁面的開發(fā)工具
1.3 使用網(wǎng)頁瀏覽器
1.3.1 網(wǎng)頁瀏覽器的工作原理
1.3.2 常用的兩種瀏覽器
1.4 HTML、XML和XHTML語言
1.4.1 超文本標記語言HTML
1.4.2 可擴展標識語言XML
1.4.3 可擴展超文本標識語言XHTML
1.5 編寫一個簡單的頁面
1.6 小結(jié)

第2章 通過學(xué)習(xí)他人的網(wǎng)頁了解HTML能做什么 15
2.1 用記事本打開一個頁面
2.2 初識HTML
2.2.1 HTML語法
2.2.2 HTML文檔的結(jié)構(gòu)
2.3 HTML文檔基本結(jié)構(gòu)標簽的作用
2.3.1 給頁面一個聲明——樣本代碼
2.3.2 踏出制作頁面的第一步——開始標簽
2.3.3 頁面的腦袋——頭標簽和頭標簽的對象
2.3.4 給頁面起名字——標題標簽
2.3.5 頁面的身體——體標簽
2.3.6 美化HTML文檔
2.4 案例：我們的第一個頁面
2.5 小結(jié)

第3章 動手在網(wǎng)頁中寫些什么
3.1 新舊方法對比
3.2 文本的排版格式
3.2.1 寫一行換一行
3.2.2 在頁面文本中空格
3.2.3 文本的段落要對齊
3.3 文本的屬性樣式
3.3.1 不一樣的文本字體大小
3.3.2 奇妙的特殊符號
3.3.3 給文本加標注
3.4 整齊的文本列表
3.4.1 無序列表
3.4.2 有序列表
3.4.3 定義列表
3.4.4 列表嵌套
3.5 制作一則通知
3.6 小結(jié)

第4章 將圖像放入頁面中
4.1 圖像的基礎(chǔ)知識
4.1.1 最常用的圖像——位圖
4.1.2 在頁面中常用的位圖格式
4.1.3 奇妙的矢量圖
4.1.4 圖像的分辨率
4.1.5 認識一些網(wǎng)頁中常用的banner尺寸
4.2 用圖像來編織美麗的頁面
4.2.1 理解圖像路徑
4.2.2 像編輯文本對齊一樣在頁面中對齊圖片
4.2.3 圖像與文本的對齊方式
4.2.4 控制圖像與文本的距離
4.3 讓圖像變得更美觀
4.3.1 使用畫圖工具修改圖像
4.3.2 不一樣的改變——給圖像添加邊框
4.3.3 獨樹一幟的水平線
4.4 改變頁面的背景
4.5 案例：把寵物的照片放到網(wǎng)頁上去
4.6 小結(jié)

第5章 讓網(wǎng)頁變得更絢麗一些
5.1 了解計算機語言下的顏色描述
5.2 讓頁面絢麗多彩
5.2.1 改變頁面背景顏色
5.2.2 改變頁面文本字體顏色
5.3 不尋常的圖像應(yīng)用
5.3.1 會動的GIF圖像
5.3.2 圖像的透明通道
5.3.3 帶有透明通道圖像的應(yīng)用
5.4 案例：修飾普通頁面
5.5 小結(jié)

第6章 網(wǎng)頁鏈接
6.1 網(wǎng)頁鏈接概述
6.1.1 初識頁面鏈接
6.1.2 理解鏈接地址
6.2 鏈接的種種不同
6.2.1 基本的文本鏈接
6.2.2 基本的圖像鏈接
6.2.3 把郵箱留給需要聯(lián)系你的人
6.2.4 在同一頁面中快速查找信息
6.3 提高頁面鏈接的友好度
6.3.1 美觀鏈接的狀態(tài)
6.3.2 奇妙特殊的鏈接方式
6.3.3 熱點圖像區(qū)域的鏈接
6.4 在新窗口中顯示鏈接窗口
6.5 案例：制作普通鏈接的主頁
6.6 小結(jié)

第2篇 頁面制作提高篇

第7章 CSS規(guī)則
7.1 如何學(xué)習(xí)CSS
7.2 CSS基本的規(guī)則寫法
7.2.1 基本的樣式表的寫法
7.2.2 使用類class和標志id鏈接樣式表
7.2.3 創(chuàng)建選擇器
7.2.4 應(yīng)用CSS樣式表
7.3 用CSS來修飾頁面文本
7.3.1 修飾頁面文本字體
7.3.2 文本的字號
7.3.3 文本段落行高
7.3.4 禁止文本自動換行
7.4 給頁面對象添加顏色
7.5 案例：使用CSS制作個人頁面
7.6 小結(jié)

第8章 表格
8.1 理解頁面中的表格
8.2 普通表格的應(yīng)用
8.2.1 制作普通表格
8.2.2 表格的基本屬性
8.2.3 合并單元格
8.2.4 表格標題
8.2.5 拆分表格
8.2.6 設(shè)置表格的列
8.3 修飾單元格
8.3.1 通過CSS修飾單元格的邊框
8.3.2 合并相鄰單元格
8.4 編輯單元格中的內(nèi)容
8.4.1 單元格中文本與單元格大小
8.4.2 修飾單元格中的內(nèi)容
8.5 案例：制作球賽積分表
8.6 小結(jié)

第9章 創(chuàng)建框架結(jié)構(gòu)的頁面
9.1 創(chuàng)建窗口框架頁面
9.1.1 創(chuàng)建窗口框架的[frameset]和[frame]標簽
9.1.2 橫向分割窗口
9.1.3 縱向分割窗口
9.1.4 框架的嵌套
9.1.5 將頁面放入窗口框架中
9.2 花點心思修飾框架的細節(jié)
9.2.1 給無法處理框架的瀏覽器添加注釋說明
9.2.2 固定框架的位置
9.2.3 框架中設(shè)置滾動條
9.3 修改框架邊框的樣式
9.3.1 判定邊框是否顯示
9.3.2 改變邊框的表現(xiàn)效果
9.3.3 邊框的邊距
9.4 框架集中頁面之間的鏈接
9.4.1 在指定的框架中打開鏈接
9.4.2 框架內(nèi)的錨點鏈接
9.5 靈活的[iframe]框架
9.6 案例：制定自己的鏈接主頁
9.7 小結(jié)

第10章 當CSS樣式表遇到層
10.1 理解塊級的意義
10.2 頁面中的層
10.2.1 行[span]和層
10.2.2 層的基本定位
10.2.3 層的疊加
10.3 框模型
10.3.1 理解框模型
10.3.2 空距padding屬性
10.3.3 邊框border的擴展屬性
10.3.4 邊距
10.3.5 框模型的溢出
10.4 定制層的display屬性
10.5 CSS Hack
10.6 案例：簡單的CSS DIV
10.7 小結(jié)

第11章 進一步討論頁面布局的方法
11.1 頁面中的定位
11.1.1 靜態(tài)定位
11.1.2 相對定位
11.1.3 絕對定位
11.1.4 固定定位
11.2 浮動層
11.3 CSS的新奇技術(shù)以及未來發(fā)展
11.3.1 圖像替換技術(shù)
11.3.2 CSS 3.0中的新發(fā)展
11.3.3 Firefox瀏覽器中實現(xiàn)圓角框模型
11.4 案例：有效地管理頁面布局
11.5 小結(jié)

第3篇 動感頁面篇

第12章 神奇的表單
12.1 表單的工作原理
12.1.1 [script]標記
12.1.2 創(chuàng)建表單
12.1.3 表單域
12.2 通過表單展示不一樣的頁面
12.2.1 input對象下的多種表單表現(xiàn)形式
12.2.2 text文本框的樣式表單
12.2.3 password輸入密碼的樣式表單
12.2.4 checkbox復(fù)選框的樣式表單
12.2.5 radio單選按鈕的樣式表單
12.2.6 submit提交數(shù)據(jù)的樣式表單
12.2.7 hidden隱藏域的樣式表單
12.2.8 image樣式表單
12.2.9 file上傳文件的樣式表單
12.3 textarea對象的表單
12.4 select對象的表單
12.5 表單域集合
12.6 案例：制作一個精美的由表單構(gòu)成的頁面
12.7 小結(jié)

第13章 在網(wǎng)頁中加入神奇的效果
13.1 什么是腳本語言
13.1.1 初識VBScript
13.1.2 學(xué)習(xí)JavaScript的起步
13.2 JavaScript和Java的區(qū)別
13.3 JavaScript的基本語法
13.3.1 JavaScript中的標識符和保留關(guān)鍵字
13.3.2 JavaScript語法的特殊規(guī)則
13.4 JavaScript的數(shù)據(jù)類型
13.4.1 常量
13.4.2 變量
13.4.3 數(shù)據(jù)類型轉(zhuǎn)換
13.4.4 運算符
13.4.5 表達式
13.5 流程控制
13.5.1 順序結(jié)構(gòu)
13.5.2 選擇結(jié)構(gòu)
13.5.3 循環(huán)結(jié)構(gòu)
13.6 了解函數(shù)
13.7 案例：一個使用基本語法的JavaScript例子
13.8 小結(jié)

第14章 JavaScript入門
14.1 了解一下何為'對象'
14.1.1 JavaScript對象概述
14.1.2 DOM介紹
14.2 JavaScript中的數(shù)組
14.2.1 定義數(shù)組和操作數(shù)組
14.2.2 多維數(shù)組
14.3 內(nèi)部對象
14.3.1 Math對象
14.3.2 Date對象
14.3.3 String對象
14.4 window對象
14.4.1 window對象屬性
14.4.2 window對象方法
14.4.3 事件
14.5 document對象
14.5.1 document對象屬性
14.5.2 document對象方法
14.5.3 document對象事件
14.6 案例：一個運用JavaScript實現(xiàn)的動態(tài)頁面
14.7 小結(jié)

第15章 了解制作頁面的工具
15.1 可視化編輯頁面工具：Dreamweaver
15.1.1 了解Dreamweaver的界面
15.1.2 Dreamweaver的菜單
15.2 神奇的'美工筆'：Photoshop
15.2.1 了解Photoshop的界面
15.2.2 Photoshop的實用技巧
15.3 網(wǎng)頁中的動畫：Flash
15.3.1 認識Flash文件
15.3.2 在頁面中放入Flash文件
15.3.3 制作Flash的軟件
15.3.4 Flash8的菜單
15.3.5 Flash8的主要功能
15.3.6 Flash的常用交互技巧
15.4 案例：使用Dreamweaver制作頁面
15.5 小結(jié)
第4篇 頁面實戰(zhàn)篇
第16章 綜合實例一：制作主流網(wǎng)站界面
第17章 綜合實例二：設(shè)計復(fù)雜頁面
第18章 綜合實例三：制作英文網(wǎng)站
第19章 綜合實例四：使用Dreamweaver制作中文網(wǎng)站
附錄A 序言 隨著網(wǎng)站技術(shù)的進一步發(fā)展，各個部門對網(wǎng)站開發(fā)技術(shù)的要求日益提高，綜觀人才市場，各企事業(yè)單位對網(wǎng)站開發(fā)工作人員的需求也大大增加。但是網(wǎng)站建設(shè)作為一項綜合性的技能，對很多計算機技術(shù)都有著很高的要求。網(wǎng)站開發(fā)工作包括市場需求研究、網(wǎng)站策劃、網(wǎng)頁平面設(shè)計、網(wǎng)站程序開發(fā)、數(shù)據(jù)庫設(shè)計以及網(wǎng)站的推廣運作等，可以系統(tǒng)掌握這些知識的網(wǎng)絡(luò)工程師相對較少。
如此諸多方面的知識，使得很多初學(xué)者往往都會感到十分困惑，不知道各項技術(shù)之間的關(guān)系。本套叢書正是由此而來，并完美地解決了這個問題——為廣大讀者學(xué)習(xí)網(wǎng)站開發(fā)技術(shù)提供一個完整的學(xué)習(xí)方案。叢書的組織結(jié)構(gòu)如下：
本書是其中的一本，用以幫助讀者掌握HTML和CSS的用法。HTML和CSS是網(wǎng)絡(luò)的公共語言，所有的網(wǎng)站都是通過它們來與客戶端溝通的?；ヂ?lián)網(wǎng)從1969年誕生至今，已經(jīng)走過了40個年頭。起初，互聯(lián)網(wǎng)只適合于計算機專家、工程師和科學(xué)家使用。到了20世紀末，互聯(lián)網(wǎng)有了較大的發(fā)展，但作為時髦一族的新興學(xué)科、一個新興名詞，并未被大部分人了解和接受。進入21世紀，互聯(lián)網(wǎng)的發(fā)展突飛猛進，如今已經(jīng)成為現(xiàn)代人生活中的必需品。
十多年前，筆者第一次使用Frontpage制作出了自己的第一個頁面，當時現(xiàn)在看來那個頁面真的很糟糕，它只是一些顏色塊、一個標題和一張飛入頁面的圖像，但當時將它展示給朋友時，那種通過自己的作品而帶給朋友之間的快樂至今仍然記憶猶新?，F(xiàn)在，筆者作為一個前端頁面設(shè)計師，享受設(shè)計快樂的同時，也令這個技能成為自己的一份職業(yè)，希望通過本書可以將這份對頁面制作的熱愛和讀者一起分享。 文摘 插圖：


1.1.4 開發(fā)動態(tài)頁面和靜態(tài)頁面的聯(lián)系
早期的動態(tài)網(wǎng)頁主要采用CGI（Common Gateway Interface）技術(shù)，是HTTP服務(wù)器與用戶或其他機器上的程序進行'交談'的一種工具，其程序須運行在網(wǎng)絡(luò)服務(wù)器上，可以使用多種不同的程序語言（如Visual Basic、Delphi或C／C 等）編寫適合的CGI程序。
當用戶在頁面上留言，輸入一段信息，接著單擊'確定'按鈕時，都是工作在客戶端。而接下來瀏覽器會將用戶的信息傳遞到CGI程序，于是CGI程序在服務(wù)器上按照預(yù)定的方法進行處理。雖然CGI技術(shù)已經(jīng)應(yīng)用很長時間，而且功能比較強大，但由于其有編程困難、效率低下、修改復(fù)雜等缺點而逐漸被新技術(shù)取代。目前常用的新技術(shù)有3種，這3種技術(shù)在制作網(wǎng)頁上各有特色，但都在發(fā)展中。在互聯(lián)網(wǎng)領(lǐng)域中，這3種技術(shù)的格局像三國分立的局面一樣，都占有市場的一席之地，它們就是PHP腳本語言、ASP腳本語言和JSP腳本語言。
1.PHP腳本語言
PHP即Hypertext Preprocessor（超文本預(yù)處理器），是目前在：Intemet上應(yīng)用較為廣泛的腳本語言，其語法借鑒了C、Java、Perl等語言。PHP對編程能力的要求不高，只需少量的編程知識就可以使用PHP建立一個交互的Web站點。
PHP與HTML語言具有非常好的兼容性，因此它與HTML，可以結(jié)合使用從而更好地實現(xiàn)頁面控制，即直接在腳本代碼中加入HTML標簽，或者在HTML標簽中加入腳本代碼。PHP提供了標準的數(shù)據(jù)庫接口使得連接數(shù)據(jù)庫比較方便，另外還具有擴展性強、可以進行面向?qū)ο缶幊痰忍攸c。
2.ASP腳本語言
ASP即Active ServerPages，是微軟開發(fā)的一種語言，它本身沒有專門的編程語言，而是允許用戶使用許多已有的腳本語言編寫ASP的應(yīng)用程序。ASP的工作方式是在Web服務(wù)器端運行，運行后再將運行結(jié)果以HTMA，格式傳送至客戶端的瀏覽器。正因為如此，ASP要比一般的腳本語言安全得多。
ASP可以包含HTML標簽，也可以直接存取數(shù)據(jù)庫及使用可擴充的.ActiveX控件，因此ASP的程序編寫比HTML更方便且更有靈活性。