第一篇：飾品創(chuàng)意設(shè)計(jì)、制作與表現(xiàn)開放實(shí)驗(yàn)報(bào)告書

飾品創(chuàng)意設(shè)計(jì)、制作與表現(xiàn)開放實(shí)驗(yàn)報(bào)告書

一、前言

（一）飾品設(shè)計(jì)與表現(xiàn)的意義

首飾藝術(shù)設(shè)計(jì)往往帶有濃重的主觀文化色彩，要求欣賞者必須具有相當(dāng)?shù)乃囆g(shù)素養(yǎng)和敏銳的美感，所以藝術(shù)設(shè)汁的對(duì)象往往是首飾設(shè)計(jì)同行或?qū)κ罪椩O(shè)計(jì)具有相當(dāng)了解的人士

飾品的設(shè)計(jì)不僅要追求美觀和實(shí)用性，還要有一定的藝術(shù)價(jià)值和趣味性。現(xiàn)在的飾品設(shè)計(jì)被更高的賦予了個(gè)性化意義與情感價(jià)值，更能體現(xiàn)佩戴者的整體氣質(zhì)以及他們的品位和審美觀。

（二）飾品設(shè)計(jì)、制作的樂趣

飾品的設(shè)計(jì)包含了我自己的情感和思想，也同時(shí)被寄予了祝福和美好，制作的過程是開心的，在遇到麻煩時(shí)，同學(xué)們互幫互助，老師也會(huì)細(xì)心的告訴我們解決的方法，所以開闊了眼界的同時(shí)也學(xué)到了很多知識(shí)。

在制作的過程中，大家會(huì)相互學(xué)習(xí)，相互幫助，非常熱鬧。當(dāng)然對(duì)于什么都不會(huì)的我來說，實(shí)驗(yàn)課上最多的就是求教，很高興有老師的幫助講解，也很幸運(yùn)的就是，有心靈手巧的的同學(xué)，做了小小的禮物給我，在這手工課上，真的是很愉快，也很有意義。

二、實(shí)驗(yàn)過程

（一）基本理論的認(rèn)知與工具的熟悉

海綿布，絲帶，發(fā)夾，胸針等的制作需要用到針線，膠水和剪刀等的工具。在使用有機(jī)玻璃時(shí)需要制作者懂得如何正確地使用熱風(fēng)機(jī)，注意在使用熱風(fēng)機(jī)的時(shí)候要用鑷子將有機(jī)玻璃夾住，在制作有機(jī)玻璃的時(shí)候還需要用到膠槍還有小刀等，膠槍使用完后要馬上拔掉插座，以免發(fā)生危險(xiǎn)。

（二）準(zhǔn)備材料

鑷子，珠子，針線，絲帶，海綿布，小鐵環(huán)，膠槍，胸針，熱風(fēng)槍，有機(jī)玻璃，美工刀……

（三）將理論操作化

我們都知道紙上談兵是無用功，那么接下來我們就要將理論操作化，用我們的手賦予我們的想法以形態(tài).看看我的成品吧:

四、結(jié)論

（一）實(shí)驗(yàn)的意義

實(shí)驗(yàn)的意義在于鍛煉我們的動(dòng)手能力和創(chuàng)新能力。培養(yǎng)我們的興趣愛好，更好的德智體美勞的發(fā)展。

（二）感悟

培養(yǎng)學(xué)生的動(dòng)手能力，制作過程需要?jiǎng)?chuàng)新和耐心，后期的處理考驗(yàn)著同學(xué)們的想象力，這是一門非常好的課，用有機(jī)玻璃制作首飾很新穎，培養(yǎng)學(xué)生的審美觀。

并且在做手工的時(shí)候，當(dāng)有成品的時(shí)候，心里很高興，也很自豪。更重要的是，自己做好的手工品送給小干事們，自己的好朋友時(shí)，他們的喜愛讓我更加喜愛這次的手工制作課程。希望在今后的選課中，自己還可以參加，做自己喜歡的小創(chuàng)造，讓更多的朋友收到我的禮物、祝福。

第二篇：《圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)》的課程設(shè)計(jì)

《圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)》的課程設(shè)計(jì)

藝術(shù)學(xué)院 陳金花

摘要： 《圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)》通過大量的圖形訓(xùn)練有效的解決平面設(shè)計(jì)中的視覺創(chuàng)意問題，培養(yǎng)學(xué)生形象思維的能力，課程設(shè)計(jì)為圖形創(chuàng)意概述、圖形創(chuàng)意思維方法、圖形創(chuàng)意設(shè)計(jì)方法、圖形創(chuàng)意的表現(xiàn)形式、圖形創(chuàng)意程序、圖形創(chuàng)意應(yīng)用六大模塊。

關(guān)鍵詞：圖形創(chuàng)意設(shè)計(jì)；圖形創(chuàng)意表現(xiàn)；課程設(shè)計(jì)

《圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)》是高職裝潢藝術(shù)設(shè)計(jì)專業(yè)職業(yè)能力課中的職業(yè)通用能力課程，為必修課。旨在通過大量的圖形訓(xùn)練有效的解決平面設(shè)計(jì)中的視覺創(chuàng)意問題，培養(yǎng)學(xué)生形象思維的能力。本課程不僅訓(xùn)練學(xué)生的創(chuàng)造性思維，它的直接成果是為藝術(shù)設(shè)計(jì)打開一個(gè)開放式的思維過程。上課過程中重在培養(yǎng)學(xué)生學(xué)會(huì)從新的角度去觀察、認(rèn)識(shí)、理解事物并能準(zhǔn)確運(yùn)用圖形創(chuàng)意的方法來傳達(dá)特定的信息。通過本課程的學(xué)習(xí)和訓(xùn)練，使大家掌握用什么手段讓平時(shí)很普通的很常見的圖形變的更有內(nèi)涵，能傳達(dá)出更深層次的意義。要求我們以創(chuàng)造型的思維模式，培養(yǎng)審美的現(xiàn)代感和設(shè)計(jì)感，為我們的專業(yè)設(shè)計(jì)打好基礎(chǔ)。開設(shè)本課程的主要目的是：培養(yǎng)學(xué)生創(chuàng)作圖形形象的能力，包括構(gòu)思和表現(xiàn)兩方面的能力，建立一種全新的視覺想象與呈現(xiàn)的手段；更重要的是對(duì)學(xué)生進(jìn)行創(chuàng)造性的思維的挖掘與培養(yǎng)，如何在面對(duì)問題時(shí)通過恰當(dāng)?shù)乃季S過程多方位的挖掘解決問題的新方法。

應(yīng)該說《圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)》作為一門設(shè)計(jì)基礎(chǔ)課程是有其重要的意義的，它與其他課程共同建起學(xué)生較為完整的基礎(chǔ)知識(shí)和能力。比如構(gòu)成意在培養(yǎng)學(xué)生對(duì)形態(tài)的概括和演繹能力以及立體感覺和技術(shù)表達(dá)技巧，而現(xiàn)代的圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)課的重點(diǎn)則是培養(yǎng)學(xué)生創(chuàng)造視覺語言形象的思維和表現(xiàn)能力。

根據(jù)高職裝潢藝術(shù)設(shè)計(jì)專業(yè)的人才培養(yǎng)模式，本課程的培養(yǎng)目標(biāo)設(shè)定為以下幾點(diǎn)：

1.能力目標(biāo)：要求學(xué)生掌握?qǐng)D形創(chuàng)意的思維方式、圖形創(chuàng)意的構(gòu)成形式并能夠按照特定的主題設(shè)計(jì)出圖形創(chuàng)意作品。

2.知識(shí)目標(biāo)：要求學(xué)生了解圖形創(chuàng)意的思維模式和方法以及圖形創(chuàng)意的程序和步驟。

3.素質(zhì)目標(biāo)：讓學(xué)生掌握用圖形創(chuàng)意的方法解決設(shè)計(jì)構(gòu)思，培養(yǎng)學(xué)生良好的專業(yè)素質(zhì)及對(duì)作品認(rèn)真鉆研的精神以及學(xué)生團(tuán)隊(duì)合作和協(xié)調(diào)溝通能力。

《圖形創(chuàng)意設(shè)計(jì)與表現(xiàn)》在藝術(shù)設(shè)計(jì)的教學(xué)過程中處于一種承前啟后的過渡位置，它引導(dǎo)學(xué)生將前期已經(jīng)具備的表現(xiàn)能力轉(zhuǎn)向后期的專業(yè)設(shè)計(jì)中，而這個(gè)過渡就是通過創(chuàng)意思維來實(shí)現(xiàn)的。所以在課程內(nèi)容的設(shè)置上，本課程著眼于訓(xùn)練學(xué)生的創(chuàng)意思維，運(yùn)用大量的練習(xí)提高他們的形象思維能力、創(chuàng)造形象的能力及審美能力。為了讓學(xué)生能在課堂上掌握課程內(nèi)容，提高職業(yè)能力，根據(jù)學(xué)情，以實(shí)訓(xùn)為切入點(diǎn)將課程設(shè)計(jì)為圖形創(chuàng)意概述、圖形創(chuàng)意思維方法、圖形創(chuàng)意的構(gòu)成形式、圖形創(chuàng)意的表現(xiàn)形式、圖形創(chuàng)意程序、圖形創(chuàng)意應(yīng)用六大模塊。

一、圖形創(chuàng)意概述模塊，通過了解圖形的起源和圖形在人類歷史發(fā)展進(jìn)程中的變遷及其作用，對(duì)存在于言語期和文字期之間的圖形期的先祖?zhèn)冊趧趧?dòng)和生活活動(dòng)中的信息交流方式與媒介有一個(gè)初步的認(rèn)識(shí)，理解圖形與象形文字的密切聯(lián)系及圖形設(shè)計(jì)的意義。通過基本元素的聯(lián)想和想象練習(xí)以及概念聯(lián)想的圖形化表達(dá)來進(jìn)入圖形創(chuàng)意的學(xué)習(xí)。

二、圖形創(chuàng)意思維方法模塊，掌握和理清創(chuàng)意思維這個(gè)復(fù)雜過程中的一般規(guī)律，從各種聯(lián)想中去發(fā)現(xiàn)和啟迪創(chuàng)造思維，尋找更深遠(yuǎn)、更有意義的新概念，為創(chuàng)造圖形進(jìn)行感性和理性的探索，這對(duì)于開闊設(shè)計(jì)思路有極大的幫助。創(chuàng)意是圖形設(shè)計(jì)的核心，將使圖形具有讓人驚嘆而難以忘懷的力量，設(shè)計(jì)必須以創(chuàng)意為先導(dǎo)而進(jìn)行。設(shè)計(jì)必須以創(chuàng)意為動(dòng)力而獲得發(fā)展，因?yàn)閯?chuàng)造性思維必然使我們能開拓出前進(jìn)的道路。

聯(lián)想是圖形創(chuàng)意中實(shí)現(xiàn)創(chuàng)造性思維的最基本又最普遍的思維方式。聯(lián)想是由一事物想到與之相關(guān)的另一事物的思維過程，通過這一思維過程實(shí)現(xiàn)事物之間在人的意識(shí)中的聯(lián)系。往往兩種事物之間的任意關(guān)聯(lián)性都會(huì)成為產(chǎn)生聯(lián)想的依據(jù)。比如筆與紙、墨與硯等；春天與花朵、冬天與嚴(yán)寒等；毒品與死亡、飲酒與車禍等。

在教學(xué)過程中，會(huì)給同學(xué)們介紹幾種具體的聯(lián)想方式，如相似聯(lián)想、相關(guān)聯(lián)想、相反聯(lián)想、因果聯(lián)想、意識(shí)流聯(lián)想等。通過發(fā)散性思維訓(xùn)練要求同學(xué)們建立自己的思維樹，并學(xué)會(huì)從文字轉(zhuǎn)化為圖形。在具體的圖形創(chuàng)意設(shè)計(jì)過程中，還要求大家具有對(duì)圖形形象進(jìn)行想象再創(chuàng)造的能力，因?yàn)樵诂F(xiàn)在的生活中，普通的寫實(shí)主義已不能滿足人們視覺的需要，在教學(xué)過程中圍繞一個(gè)形象元素，讓學(xué)生進(jìn)行多角度的想像、變形，賦予圖形新的視覺效果和藝術(shù)效果。

三、圖形創(chuàng)意的構(gòu)成形式模塊，在實(shí)際的設(shè)計(jì)中，圖形創(chuàng)意的構(gòu)成形式是多樣的，要想在眾多的作品中收到更多的關(guān)注，就要掌握適合的圖形創(chuàng)意的構(gòu)成形式，將巧妙的構(gòu)思融入到作品中才真正掌握了如何讓圖形能夠準(zhǔn)確傳達(dá)特定信息。在教學(xué)中過程中主要介紹以下幾種：

1、異影圖形

在圖形創(chuàng)意中以影子為創(chuàng)意的著眼點(diǎn)，根據(jù)主題內(nèi)容，利用物影相異的特點(diǎn)，對(duì)圖形進(jìn)行變形再創(chuàng)造，使其具有內(nèi)涵和寓意。利用影子進(jìn)行的圖形創(chuàng)意可以將事物不同時(shí)間下的狀態(tài)、事情的因果關(guān)系、事物的正反兩面、現(xiàn)象與本質(zhì)等不同元素巧妙地組合起來。異影圖形常用來反映事物內(nèi)部的矛盾關(guān)系；當(dāng)實(shí)形代表現(xiàn)象時(shí)，異影則反映著本質(zhì)；實(shí)形代表現(xiàn)在，異影則反映過去或?qū)恚粚?shí)形代表現(xiàn)實(shí)，異影則代表幻覺，等等。

對(duì)影子的改變方式多種多樣，可以用置換的方法，以形態(tài)上具有一定相似性的物體影子替換掉原來的影子；也可以賦予影子新的生命力，改變通常形影相隨的現(xiàn)象，甚至影子反作用于原形。需要注意的是，利用影子的圖形表現(xiàn)要重視形與影在造型上、寓意上的邏輯性，不能生搬硬套。在進(jìn)行異影圖形的創(chuàng)作時(shí)，要注意改變后的影子與原物之間相對(duì)關(guān)系的自然過渡。

2、同構(gòu)圖形

植物的嫁接可以產(chǎn)生新的品種，以成為科研創(chuàng)新的方式，在圖形設(shè)計(jì)上也可以像科學(xué)實(shí)驗(yàn)一樣，將表面上毫不相關(guān)但具有內(nèi)在聯(lián)系的不同物象，向植物嫁接一樣構(gòu)合為一體，產(chǎn)生具有創(chuàng)造意義的新形象，這就是同構(gòu)圖形。在教學(xué)過程中，可以給同學(xué)們介紹幾種主要的圖形同構(gòu)的形式，如：異形同構(gòu)法，異質(zhì)同構(gòu)法，置換同構(gòu)法等。

3、正負(fù)圖形

所謂正形是指畫面中被認(rèn)為是圖的部分，它從背景中分離出來，具有積極的意義。與此相對(duì)應(yīng)的是負(fù)形，即圖之外的背景部分。人們十分注重實(shí)空間的利用，實(shí)空間的外形，而很多人往往忽略了對(duì)虛空間的利用和把握。正負(fù)形的訓(xùn)練目的正是強(qiáng)調(diào)虛實(shí)的同等重要性。在現(xiàn)代圖形設(shè)計(jì)中，負(fù)形已不只是作為襯托正形的底色和背景，而可以通過種種聯(lián)想，在保留正形完整的基礎(chǔ)上，把它也設(shè)計(jì)成一個(gè)完善的形態(tài)。正形和負(fù)形相互借用，相互依存，這樣不僅可以體現(xiàn)一定的精神內(nèi)涵，同時(shí)，在視覺上可以形成一種獨(dú)特的錯(cuò)視效果，從而使圖形能夠出色地完成吸引受眾、傳遞信息的使命。

4、空間圖形

無理圖形，改變真實(shí)事物的客觀存在，將不現(xiàn)實(shí)的變?yōu)楝F(xiàn)實(shí)，將不可能的變?yōu)榭赡?，將不相關(guān)的變?yōu)橄嚓P(guān)，圖形由此產(chǎn)生新意義。

矛盾空間，將二維與三維幻想與真實(shí)混合交錯(cuò)在一起。

四、圖形創(chuàng)意的程序模塊，讓學(xué)生能夠根據(jù)主題的需要，收集有關(guān)素材，并從中選取最適合于表達(dá)主題思想的素材把所選的材料加以改造和組織，將它們組合成為有機(jī)的結(jié)構(gòu)，再通過適當(dāng)?shù)姆绞綄?gòu)思的成果形象的表現(xiàn)出來。

五、圖形創(chuàng)意的表現(xiàn)形式模塊，讓學(xué)生學(xué)會(huì)運(yùn)用合適的表現(xiàn)形式將創(chuàng)意圖形展示出來，在教學(xué)過程中，主要介紹圖形的幾種表現(xiàn)形式，如夸張、擬人、簡化、添加、平面裝飾、卡通化等具體的表現(xiàn)形式。

六、圖形創(chuàng)意的應(yīng)用模塊，認(rèn)識(shí)和理解圖形創(chuàng)意在設(shè)計(jì)中的應(yīng)用優(yōu)勢，其中包括廣告設(shè)計(jì)、包裝設(shè)計(jì)、標(biāo)志設(shè)計(jì)，甚至包括空間設(shè)計(jì)都可以運(yùn)用圖形創(chuàng)意的思路，在材質(zhì)、形態(tài)、結(jié)構(gòu)、表現(xiàn)語言等方面尋找創(chuàng)新的思路。

在具體的教學(xué)過程中，教師應(yīng)該根據(jù)學(xué)生的實(shí)際學(xué)習(xí)情況做出適當(dāng)?shù)恼{(diào)整。

參考文獻(xiàn)

1.周承君 羅瑞蘭，圖形創(chuàng)意，[M]，北京大學(xué)出版社，2010.8 2.林家陽，圖形創(chuàng)意，[M]，黑龍江美術(shù)出版社，1999 3.盧少夫，圖形創(chuàng)意設(shè)計(jì)，[M]，上海人民美術(shù)出版社，2004 4.陳珊妍，圖形創(chuàng)意設(shè)計(jì)，[M]，南京大學(xué)出版社，2008

第三篇：網(wǎng)頁設(shè)計(jì)與制作報(bào)告書

電子商務(wù)2班201341440213孫巖

網(wǎng)頁設(shè)計(jì)與制作報(bào)告書

課程名稱:網(wǎng)頁設(shè)計(jì)與制作

專業(yè)班級(jí)：電子商務(wù)2班

學(xué) 號(hào):201341440213 姓 名：孫巖

指導(dǎo)教師：王康哲

電子商務(wù)2班201341440213孫巖

目錄

一．概要……………………………………………………………

二．網(wǎng)站開發(fā)……………………………………………………

三．應(yīng)用工具方案……………………………………………

四．欄目劃分……………………………………………………

五．代碼表……………………………………………………….六．截圖……………………………………………………………

七．結(jié)論…………………………………………………………… 2 6 7 13 14

電子商務(wù)2班201341440213孫巖

摘要：

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

一、網(wǎng)頁制作開發(fā)背景

Dreamweaver以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容?，F(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Dreamweaver、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Dreamweaver更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來選擇一些素材，如圖片、喜歡的文章等。

二、網(wǎng)頁制作設(shè)計(jì)技巧

首先，我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁，這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí)，DREAMWEAVER就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的，我們可以向里面添加內(nèi)容。

在文件列表里除了主頁之外，還有文件夾。新建站點(diǎn)時(shí)，DREAMWEAVER都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們在編輯站點(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。“private”

電子商務(wù)2班201341440213孫巖

文件夾比較特殊，其中的文件對(duì)瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊用戶的個(gè)人信息。

盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁，不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)?！靶陆ㄕ军c(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是DREAMWEAVER提供的用來創(chuàng)建站點(diǎn)模板或向?qū)АＮ覀儎?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開始來創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。

基于表格的設(shè)計(jì)：表格布局使網(wǎng)頁設(shè)計(jì)師制作網(wǎng)站時(shí)有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計(jì)師很快意識(shí)到可以利用表格來構(gòu)造他們設(shè)計(jì)的網(wǎng)頁，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁。表格布局就這樣流行了起來，融合了背景圖片切片技術(shù)，常給人以看起來較實(shí)際布局簡潔得多的結(jié)構(gòu)。

結(jié)構(gòu)設(shè)計(jì)：這個(gè)時(shí)期的網(wǎng)頁設(shè)計(jì)還不太關(guān)注語義化和可用性方面的問題，主要還在追求良好的結(jié)構(gòu)美學(xué)。同一時(shí)期也是大量應(yīng)用 GIF 占位圖片控制留白的時(shí)期。一些主流的公司甚至訓(xùn)練設(shè)計(jì)師如何使用 GIF 占位;如微軟的“關(guān)于 HTML 表格中的 GIF 占位”。第一批主要應(yīng)用表格布局的“所見即所得”網(wǎng)頁設(shè)計(jì)軟件的發(fā)展助長了表格的應(yīng)用。另外，某些軟件自動(dòng)生成的表格如此復(fù)雜以至于許多設(shè)計(jì)師不可能從頭手寫代碼(例如每行只有 1px 高卻包含了幾百列的表格)。即使是稍微復(fù)雜一點(diǎn)兒的網(wǎng)頁(比如多欄目頁面)，設(shè)計(jì)師們都要依賴于表格來創(chuàng)建。

三、網(wǎng)站結(jié)構(gòu)

網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁面間的層次關(guān)系;按性質(zhì)可分為邏輯結(jié)構(gòu)及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站的搜索引擎友好性及用戶體驗(yàn)有著非常重要的影響。

（一）網(wǎng)站結(jié)構(gòu)整體先用DIV和CSS來進(jìn)行構(gòu)造，對(duì)整個(gè)網(wǎng)站進(jìn)行布局，(二)網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗(yàn)好壞的重要指標(biāo)之一。清晰的網(wǎng)站結(jié)

電子商務(wù)2班201341440213孫巖

構(gòu)可以幫助用戶快速獲取所需信息;相反，如果一個(gè)網(wǎng)站的結(jié)構(gòu)極其糟糕的話，用戶在訪問時(shí)就猶如走進(jìn)了一座迷宮，最后只會(huì)選擇放棄瀏覽。

（三）網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對(duì)頁面的收錄，一個(gè)合理的網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎從中抓取更多有價(jià)值的頁面。

網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站及網(wǎng)站中頁面的影響。搜索引擎對(duì)重要頁面的抓取

由于互聯(lián)網(wǎng)中信息量極其龐大，為了向用戶展示更多有價(jià)值的信息，搜索引擎會(huì)優(yōu)先抓取每個(gè)網(wǎng)站中相對(duì)重要的頁面(即權(quán)重較高的頁面),然而，搜索引擎是怎樣發(fā)現(xiàn)這些重要頁面的呢?根據(jù)重要頁面的鏈接指向的頁面可能是重要頁面的思路;搜索引擎首先會(huì)從權(quán)重相對(duì)較高的頁面(即源頁面)出發(fā)跟蹤其中的鏈接，從而抓取其他相對(duì)重要的頁面(即目標(biāo)頁面)。

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

四、應(yīng)用工具方案

DreamWeaver自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁。

DreamWeaver是一個(gè)很酷的網(wǎng)頁設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動(dòng)畫。同時(shí)它還提供了自動(dòng)更新頁面信息的功能。

DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變原有編輯習(xí)慣的同時(shí)，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

版面布局：在你開始設(shè)計(jì)之前，你必須仔細(xì)地為站點(diǎn)挑選色彩組合。千萬不要出現(xiàn)紫色的背景加上黑藍(lán)色的文字的組合。要使整個(gè)站點(diǎn)保持同一種色彩組合，因?yàn)椴煌伾M合的背景或字體可能會(huì)是非常令人討厭的。你也可以選用一個(gè)背

電子商務(wù)2班201341440213孫巖

景圖，而不是僅用一種顏色。背景圖案可以自己繪制，也可以從因特網(wǎng)上下載。通過模糊背景圖案，就可以使文字更容易被閱讀。要記住的是，圖片不會(huì)被瀏覽器重畫的，而背景色彩則是要被重新畫的，因此，在上傳你的圖片之前，必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁的。當(dāng)增加文字時(shí)，盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片，那么，當(dāng)網(wǎng)頁被瀏覽時(shí)，背景色和字體將會(huì)先于背景圖片被下載，因此，如果背景色和文本的顏色沒有鮮明的對(duì)照的話，那么瀏覽者會(huì)有幾秒鐘的時(shí)間看到一個(gè)充滿了不可閱讀的文本的網(wǎng)頁。解決這個(gè)問題的簡單的方法就是，使背景色與背景圖的顏色相類似。

瀏覽導(dǎo)航：站點(diǎn)的瀏覽導(dǎo)航必須被設(shè)計(jì)成非常容易。如果需要，把站點(diǎn)分割為幾個(gè)部分。最容易的方法，就是在整個(gè)網(wǎng)站的所有的網(wǎng)頁的左邊放置一個(gè)菜單條。當(dāng)然，除此以外，還有許多可選的方法。對(duì)于具有大量信息的站點(diǎn)，使用一個(gè)可擴(kuò)展的菜單條會(huì)是一個(gè)不錯(cuò)的選擇。無論你使用何種導(dǎo)航模式，在每一頁都放置一個(gè)主頁鏈接，那會(huì)是一種不錯(cuò)的設(shè)計(jì)思想；瀏覽者必須知道，無論何時(shí)，當(dāng)他們迷失在你的站點(diǎn)瀏覽中時(shí)，都可以通過簡單的一次點(diǎn)擊就能準(zhǔn)確地知道目前所處的位置。

Frame(幀,框架)的問題：Frame—— 你也許會(huì)喜歡它，也許不喜歡。如果你在你的網(wǎng)站上使用幀，你很可能使一個(gè)幀用于導(dǎo)航目的，另一個(gè)幀用于放置內(nèi)容。你可以看見在同一頁上有兩個(gè)被分割的瀏覽窗口，你點(diǎn)擊左邊的幀，只會(huì)改變右邊的內(nèi)容。用幀來組織網(wǎng)站的內(nèi)容，顯然是非常容易的。

檢驗(yàn)?zāi)愕腍TML代碼 ：不要在你的網(wǎng)站上放置瀏覽計(jì)數(shù)器。計(jì)數(shù)器會(huì)讓你的網(wǎng)站看起來不夠?qū)I(yè)化，如果瀏覽量不夠的話，還會(huì)起到相反的宣傳作用。最后，內(nèi)容是金，如果能給的瀏覽者一些有價(jià)值的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經(jīng)常光顧你的網(wǎng)站。為你的站點(diǎn)增加消息板和聊天室，從而提高網(wǎng)站的交互性，使你和你的訪問者交流，讓訪問者彼此交流。

五、頻道欄目劃分

圖1

電子商務(wù)2班201341440213孫巖

六、代碼段

content=“text/html;charset=gb2312” />