關(guān)于網(wǎng)頁設(shè)計(jì)與制作(一)

關(guān)于網(wǎng)頁設(shè)計(jì)與制作

對個(gè)人網(wǎng)頁設(shè)計(jì)與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設(shè)計(jì)與制作語言的基礎(chǔ)上，著重使用java script作為工具語言進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的實(shí)際操作，分別對基于對象的java script語言、內(nèi)部對象系統(tǒng)的使用及WEB頁面信息交互——窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。

1.1網(wǎng)頁設(shè)計(jì)概述

網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。

1.2 網(wǎng)頁設(shè)計(jì)的要素

網(wǎng)頁設(shè)計(jì)的兩大要素是：整體風(fēng)格和色彩搭配。

一、確定網(wǎng)站的整體風(fēng)格

在這里，我提供給大家一些參考經(jīng)驗(yàn)：

1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁面上最突出的位置。

2．突出你的標(biāo)準(zhǔn)色彩。

3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語！

4．相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！

二、網(wǎng)頁色彩的搭配

1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。

2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3．用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

在網(wǎng)頁配色中，還要切記一些誤區(qū)：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。

2．背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

2.1 HTML語言介紹

HTML（HyperText Mark-up Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。

HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

2.1.1 HTML語言的特點(diǎn)

HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄�這也是WWW盛行的原因之一，HTML語言的特點(diǎn)如下：

1、簡易性，HTML版本升級采用超集方式，從而更加靈活方便。

2、可擴(kuò)展性，HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。

3、平臺無關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺上，這也是WWW盛行的另一個(gè)原因。

2.1.2 HTML語言的編輯軟件