《網頁設計與制作實用教程》-第1章網頁設計與制作概述

《《網頁設計與制作實用教程》-第1章網頁設計與制作概述》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、第一章網頁設計與制作概述學習目標:了解有關網頁的一些基本概念了解網站的基本結構特性和網頁的布局了解網頁制作的基本工具和開發(fā)語言了解站點規(guī)劃的基本流程1.1互聯(lián)網與網站基本概念:網頁：在網站中，供用戶閱讀的一個個頁面，就稱之為“網頁”，又稱為Web頁。萬維網（WorldWideWeb）：萬維網簡稱WWW或3W，是目前Internet（因特網）上最流行的一種基于超文本形式的資源組織形式。瀏覽器：要想訪問網絡中的各種資源，還需要一個工具，那就是瀏覽器，否則無法訪問到網絡中豐富的資源。目前常用的瀏覽器有:IE、netscape和騰訓TT統(tǒng)一資源定位器（UniversalR

2、esourceLocator，簡稱URL）：是用來指出某項信息的位置及存取方式，以取得各種服務信息的一種標準方法。通信協(xié)議：也就是上面舉例中的“http”部分，它包括HTTP（超文本傳輸協(xié)議）、FTP（文件傳輸協(xié)議）、Gopher（Gopher協(xié)議）和News（新聞組）等。主機名：指要訪問服務器的Internet名稱。所要訪問的文件路徑及文件名：它指要訪問資源的具體位置。文件傳輸協(xié)議（FileTransferProtocol，簡稱FTP）：是一種快速、高效和可靠的信息傳輸方法。超文本標記語言（HyperTextMarkupLanguage，簡稱HTML）：它是WW

3、W創(chuàng)建超媒體文本的語言，它也是網頁創(chuàng)建中最基本的語言，制作的任何一個網頁都是基于HTML文本標識的。IP地址：IP地址是一組32位的數字號碼，如“218.30.12.184”，這就是上網主機的地址。域名：IP地址是一長串的數字號碼，這些數字難記又難以理解。為了方便大家理解、記憶，便有了域名的概念。表單:表單是用于填寫申請或提交信息的交互頁面。如電子郵箱、主頁空間、QQ號碼等的申請頁面，以及論壇、聊天室、留言簿等。超級鏈接:這是網頁制作中經常要用到的概念，指的是頁面對象之間的連接關系。導航條：導航條能十分有效地實現(xiàn)超級鏈接功能。發(fā)布：將制作好的網頁上傳到服務器的過程

4、即是發(fā)布，也稱為上傳或上載。1.1.2網站分類門戶網站如：新浪www.sina.com.cn職能網站如：阿里巴巴www.alibaba.com.cn專業(yè)網站如：CCTV（www.cctv.com）個人網站如：吳山明教授個人網站http://www.wushanming.com1.2網站結構與網頁布局1.2.1網站結構1．歸類站點內容2．項目放置的位置3．導航草圖設計4．創(chuàng)建設計草圖1.2.2網頁頁面布局1．網頁設計和布局原則2．網站命名和標志網站命名應遵循以下的原則：（1）體現(xiàn)網站的主題，凝練，概括性強。（2）合法、合情并合理。（3）字數不要太多，一般控制在6個字

5、以內。（4）有個性，體現(xiàn)一定的內涵，可給瀏覽者更多的視覺沖擊力和空間想像力3．網頁的色彩網頁的色彩是樹立網站形象的關鍵因素之一。在搭配網頁色彩時，要注意色彩的鮮明性、獨特性、合適性和聯(lián)想性。4．網頁的文字注意以下基本原則:（1）不要使用超過3種字體類型，否則網頁看起來將顯得雜亂，沒有主題。（2）不要用太大的字，因為版面空間非常寶貴和有限，粗陋的大字體不能帶給瀏覽者更多的信息（3）最好不要使用不停閃爍的文字。（4）標題的字體比正文要稍大一些，顏色也應有所區(qū)別。5．網頁版面和布局網頁布局主要有以下3種結構。π型結構T型結構三型結構1.3網頁制作工具1.3.1網頁布局工

6、具1．Dreamweaver2．Frontpage1.3.2網頁美化工具1．圖像處理軟件:Photoshop,Fireworks2．動畫制作軟件:FLASH,Swish、UleadGIFAnimator,UleadCool3D、3DFlashAnimator、Xara3D1.4網頁開發(fā)語言1.4.1HTML語言1.4.2動態(tài)網站開發(fā)語言1．ASP2．JSP3．PHP1.5網站規(guī)劃1.5.1網站制作流程1．確定網站主題2．搜集資料3．規(guī)劃網站4．選擇合適的制作工具5．制作網頁6．上傳測試7．推廣宣傳1.5.2網站策劃書1．網站建設目的及功能定位2．網站內容模塊規(guī)劃3

7、．網站語言4．網站設計風格5．網站架設描述6．網站信息布局圖7．網站發(fā)布與推廣8．技術支持9．網站服務費用10．有效期1．5．3站點評測1．美工設計2．欄目內容3．瀏覽速度4．技術含量5．用戶興趣本章小結本章介紹了網頁設計與制作的基本概念和基本知識、常用的網頁制作工具、網站的基本結構和網頁布局等內容。通過本章的學習使讀者對網頁的設計與制作過程有一個概貌性的了解。