網(wǎng)頁設(shè)計(jì)是創(chuàng)建網(wǎng)站的過程。它包含幾個(gè)不同的方面，包括網(wǎng)頁布局，內(nèi)容制作和圖形設(shè)計(jì)。雖然網(wǎng)頁設(shè)計(jì)和網(wǎng)頁開發(fā)這兩個(gè)術(shù)語經(jīng)?；Q使用，但網(wǎng)頁設(shè)計(jì)在技術(shù)上是更廣泛的網(wǎng)絡(luò)開發(fā)類別的一個(gè)子集。

　　使用稱為HTML的標(biāo)記語言創(chuàng)建網(wǎng)站。Web設(shè)計(jì)人員使用HTML 標(biāo)記構(gòu)建網(wǎng)頁，這些標(biāo)記定義了每個(gè)頁面的內(nèi)容和元數(shù)據(jù)。網(wǎng)頁中元素的布局和外觀通常使用CSS或級(jí)聯(lián)樣式表定義。因此，大多數(shù)網(wǎng)站都包含HTML和CSS的組合，用于定義每個(gè)頁面在瀏覽器中的顯示方式。

　　一些網(wǎng)頁設(shè)計(jì)師喜歡手工編寫代碼頁(從頭開始輸入HTML和CSS)，而其他人則使用像Adobe Dreamweaver這樣的“ WYSIWYG ”編輯器。這種類型的編輯器為設(shè)計(jì)網(wǎng)頁布局提供了可視化界面，軟件自動(dòng)生成相應(yīng)的HTML和CSS代碼。設(shè)計(jì)網(wǎng)站的另一種流行方式是使用WordPress或Joomla等內(nèi)容管理系統(tǒng)。這些服務(wù)提供不同的網(wǎng)站模板，可用作新網(wǎng)站的起點(diǎn)。 然后，網(wǎng)站管理員可以使用基于Web的界面添加內(nèi)容并自定義布局。

　　雖然HTML和CSS用于設(shè)計(jì)網(wǎng)站的外觀，但必須單獨(dú)創(chuàng)建圖像。因此，圖形設(shè)計(jì)可能與網(wǎng)頁設(shè)計(jì)重疊，因?yàn)閳D形設(shè)計(jì)者經(jīng)常創(chuàng)建在Web上使用的圖像。某些圖形程序(如Adobe Photoshop)甚至包含“ Save for Web ... ”選項(xiàng)，該選項(xiàng)提供了一種以Web發(fā)布優(yōu)化的格式導(dǎo)出圖像的簡便方法。

　　代表“超文本標(biāo)記語言”。HTML是用于創(chuàng)建網(wǎng)頁的語言。“超文本”是指HTML頁面可能包含的超鏈接。“標(biāo)記語言”是指這樣的標(biāo)簽來定義頁面內(nèi)的頁面布局和元素。

　　下面是用于定義具有標(biāo)題和單個(gè)文本段的基本網(wǎng)頁的HTML示例。這是HTML中段落的示例。