《網(wǎng)頁設(shè)計》課件-1-1網(wǎng)頁設(shè)計的概念與術(shù)語

網(wǎng)頁設(shè)計的概念與術(shù)語目錄◎網(wǎng)頁與網(wǎng)站的相關(guān)概念◎網(wǎng)頁設(shè)計相關(guān)的程序設(shè)計語言1網(wǎng)頁與網(wǎng)站的相關(guān)概念

網(wǎng)頁（WebPage）是網(wǎng)站中的一個頁面，是Internet“展示信息的一種形式”。

網(wǎng)站是萬維網(wǎng)上相關(guān)網(wǎng)頁的集合網(wǎng)

頁網(wǎng)站1網(wǎng)頁與網(wǎng)站的相關(guān)概念主頁：用戶進(jìn)入網(wǎng)站時看到的第一個頁面就是主頁（homepage）。內(nèi)頁：通過主頁中的超級鏈接，打開的網(wǎng)頁就是內(nèi)頁。依據(jù)網(wǎng)頁的位置，可以分為主頁和內(nèi)頁靜態(tài)網(wǎng)頁：是指使用HTML語言編寫的網(wǎng)頁，其制作簡單易學(xué)，但缺乏靈活性，在瀏覽網(wǎng)頁時瀏覽者和服務(wù)器不發(fā)生交互。動態(tài)網(wǎng)頁：是指使用ASP、PHP、JSP、ASP.NET等程序生成的網(wǎng)頁，可以與瀏覽者進(jìn)行交互，也稱為交互式網(wǎng)頁。依據(jù)表現(xiàn)形式，可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁LOGO圖標(biāo)導(dǎo)航條內(nèi)容模塊Banner廣告條Banner廣告條分類導(dǎo)航條內(nèi)容模塊LOGO圖標(biāo)導(dǎo)航條版尾模塊2網(wǎng)頁設(shè)計相關(guān)的程序設(shè)計語言HTML、CSS、JavaScript是網(wǎng)頁設(shè)計最核心也是最基礎(chǔ)的技術(shù)。結(jié)構(gòu)HTML的主要功能是定義網(wǎng)頁的基本結(jié)構(gòu)外觀CSS主要功能是定義網(wǎng)頁的外觀行為JavaScript腳本的主要功能是定義網(wǎng)頁的行為。2網(wǎng)頁設(shè)計相關(guān)的程序設(shè)計語言HTMLHTML(HyperTextMarkupLanguage，超文本標(biāo)記語言）HTML是由W3C（WorldWideWebConsortium，萬維網(wǎng)聯(lián)盟）所提出，主要的用途是制作網(wǎng)頁。HTML文件是由“標(biāo)簽”（tag）和“屬性”（attribute）所組成，統(tǒng)稱為“元素”（element），瀏覽器只要看到HTML源代碼，就能解析成網(wǎng)頁。目前，最新的HTML文件是HTML5。2網(wǎng)頁設(shè)計相關(guān)的程序設(shè)計語言CSSCSS（CascadingStyleSheets，層疊樣式表）CSS也是由W3C所提出，主要用途是控制網(wǎng)頁的外觀，也就是定義網(wǎng)頁的編排、顯示、格式化及特殊效果。W3C鼓勵網(wǎng)頁設(shè)計人員使用HTML來定義網(wǎng)頁的結(jié)構(gòu)，而使用CSS來控制網(wǎng)頁的外觀，將兩者的功能明確，語義更加清晰。目前，最新的CSS版本是CSS3。2網(wǎng)頁設(shè)計相關(guān)的程序設(shè)計語言瀏覽器端script瀏覽器端script的主要功能是定義網(wǎng)頁的行為。常用的有VBscript和JavaScript，其中JavaScript為主流腳本。經(jīng)常使用JavaScript腳本來嵌入動態(tài)文本、對瀏覽器事件做出響應(yīng)、讀寫HTML元