資源描述：
《基于web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)與制作》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、中國高等院校計(jì)算機(jī)基礎(chǔ)教育課程體系規(guī)劃教材唐四薪編著清華大學(xué)出版社2009年11月《基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)》配套網(wǎng)站：http://ec.hynu.cn第〇講網(wǎng)頁設(shè)計(jì)藝術(shù)唐四薪網(wǎng)頁設(shè)計(jì)的基本問題從藝術(shù)的角度看網(wǎng)頁設(shè)計(jì)屬于平面設(shè)計(jì)的問題布局的問題（三種布局方式）配色的問題從技術(shù)的角度看運(yùn)用html，css等解決網(wǎng)頁布局和美觀的問題所以網(wǎng)頁設(shè)計(jì)中很多技術(shù)問題都是為了使網(wǎng)頁看起來美觀網(wǎng)頁的布局網(wǎng)頁版面布局的方法框架布局將瀏覽器窗口分割成幾部分，每部分放一個(gè)不同的網(wǎng)頁（示例）表格布局將網(wǎng)頁元素裝填入表格內(nèi)實(shí)現(xiàn)布局，表格相當(dāng)于網(wǎng)頁的骨架，因此表格布局的步驟是先畫表格，再往表格里
2、填內(nèi)容。DIV＋CSS布局用盒子布局，利用網(wǎng)頁元素本身的盒子模型，通過盒子在頁面上的排列和嵌套進(jìn)行布局。布局的含義網(wǎng)頁版面布局是網(wǎng)頁設(shè)計(jì)中的一項(xiàng)重要內(nèi)容。版面指的是瀏覽器看到的完整的一個(gè)頁面。因?yàn)槊總€(gè)人的顯示器分辨率不同，所以同一個(gè)頁面的分辨率可能出現(xiàn)800*600像素，1024*768像素等。布局，就是以最適合瀏覽的方式將圖片和文字?jǐn)[放在頁面的不同位置。網(wǎng)頁版面布局是指定網(wǎng)頁內(nèi)容在瀏覽器中的顯示方式，例如徽標(biāo)的位置、導(dǎo)航欄的顯示、主要內(nèi)容的排版等。經(jīng)常用到的版面布局結(jié)構(gòu)主要有以下幾種：常見網(wǎng)頁的版式1－3－1式1－2－1式藝術(shù)版式1-3-1式示例Logobanner導(dǎo)
3、航條（Navigator)Bottom(版權(quán)信息）欄目1欄目2欄目3用表格實(shí)現(xiàn)用CSS布局實(shí)現(xiàn)表格布局的原則各欄目之間必須相對(duì)獨(dú)立，方法是把每個(gè)欄目裝在一個(gè)單獨(dú)的表格中，這樣修改一個(gè)欄目時(shí)不會(huì)對(duì)其他欄目產(chǎn)生影響各欄目之間必須用占位表格(或CSS邊界）留出一定的空隙欄目采取縱列的形式排列用CSS布局實(shí)現(xiàn)1-3-1布局中間幾列的盒子必須用一個(gè)大盒子包含起來，否則這幾列無法實(shí)現(xiàn)居中網(wǎng)頁的配色網(wǎng)頁的配色網(wǎng)頁不只是傳遞信息的媒介，同時(shí)也是網(wǎng)絡(luò)上的藝術(shù)品。如何讓瀏覽者以輕松愜意的心態(tài)吸收網(wǎng)頁傳遞的信息，是一個(gè)值得研究的課題。任何網(wǎng)頁創(chuàng)意使用的視覺元素總的歸納起來不外乎三種：文字、圖
4、像、色彩。三者選用搭配的適當(dāng)，編排組合的合理，將對(duì)網(wǎng)頁的美化起到直接的效果。色彩的基本知識(shí)色彩的RGB模式：RGB是表示紅色、綠色、藍(lán)色又稱為三原色光，英文為R(Red)、G(Green)、B(Blue)，在電腦中，RGB的所謂“多少”就是指亮度，并使用整數(shù)來表示。 通常情況下，RGB各有256級(jí)亮度，用數(shù)字表示為從0、1、2至255。紅、黃、藍(lán)是三原色，其它色彩都可以用這三種顏色調(diào)和而成。網(wǎng)頁中色彩表達(dá)除了用顏色名稱表達(dá)外，就是用這三種顏色的數(shù)值表示：紅色color(255,0,0)、十六進(jìn)制表示為(ff0000)如：“bgcolor=#ffffff”表示背景色為白色
5、色彩的基本知識(shí)色彩的HSB模式：HSB是指顏色分為色相、飽和度、明度三個(gè)要素。英文為H(Hue)、S（Saturation）B（Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。色彩的三要素色相、明度和飽和度構(gòu)成色彩的三要素。自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其它所有的顏色均屬于彩色，任何一種色彩都具有明度、純度、飽和度三大屬性。(1).色相色相指色彩的相貌。如：紅、黃、藍(lán)、綠等。(2
6、).明度明度指色彩的明暗程度。(3).飽和度（純度）純度指色彩的純凈程度，純度越高，色相感越強(qiáng)。色相(Hue)（1）色相(Hue)基本色相為：紅、橙、黃、綠、藍(lán)、紫六色。在各色中間加插一兩個(gè)中間色，按光譜順序?yàn)椋杭t、橙紅、黃橙、黃、黃綠、綠、綠藍(lán)、藍(lán)綠、藍(lán)、藍(lán)紫、紫、紅紫,形成十二基本色相。色相的計(jì)算機(jī)數(shù)值表示以顏色在色相環(huán)上的度數(shù)值來表示如紅色是0度，橙色是60度，黃色是120度，那么用色相值0表示紅色，60表示橙色，因此色相的取值應(yīng)該是0－360，但計(jì)算機(jī)中是用八位2進(jìn)制數(shù)表示色相的，所以取值只能是0－240，這樣還要把原來的色相值乘以2/3明度(Brightnes
7、s)（2）明度(Brightness)明度是色彩的第二屬性。是指色彩的明暗程度，也叫亮度，體現(xiàn)體現(xiàn)顏色的深淺。是全部色彩都具有的屬性，明度越大，色彩越亮。明度越低，顏色越暗飽和度(Saturation)（3）飽和度(Saturation)也叫純度，指色彩的鮮艷程度。原色最純，顏色的混合越多則純度逐漸減低。如某一鮮亮的顏色，加入了白色或者黑色，使得它的純度低，顏色趨于柔和、沉穩(wěn)。純度網(wǎng)頁例圖（4）色彩的特質(zhì)色彩的特質(zhì)指的是色彩和色彩組合所能引發(fā)的特定情緒反映。我們依靠光來分辨顏色，再利用顏色和無數(shù)種色彩的組合來表達(dá)思想和情緒。熱冷暖涼亮暗艷
