正文

web網(wǎng)頁設(shè)計(jì)報(bào)告（web網(wǎng)頁設(shè)計(jì)報(bào)告模板）

發(fā)布時(shí)間：2023-03-28 20:42:19 稿源：創(chuàng)意嶺閱讀： 102 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于web網(wǎng)頁設(shè)計(jì)報(bào)告的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具：開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com

本文目錄:

1、什么是網(wǎng)頁設(shè)計(jì)？
2、怎樣設(shè)計(jì)網(wǎng)頁
3、Web是什么意思？ Web的特點(diǎn)都有哪些？
4、北大青鳥設(shè)計(jì)培訓(xùn)：學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的三大要素是什么？

web網(wǎng)頁設(shè)計(jì)報(bào)告（web網(wǎng)頁設(shè)計(jì)報(bào)告模板）

一、什么是網(wǎng)頁設(shè)計(jì)？

網(wǎng)頁設(shè)計(jì)是一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。

多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要求處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，反復(fù)推敲整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。

網(wǎng)頁設(shè)計(jì)(web design，又稱為Web UI design，WUI design，WUI)，是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化)，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計(jì)美化工作。作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計(jì)，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。

網(wǎng)頁設(shè)計(jì)一般分為三種大類:功能型網(wǎng)頁設(shè)計(jì)(服務(wù)網(wǎng)站&B/S軟件用戶端)、形象型網(wǎng)頁設(shè)計(jì)(品牌形象站)、信息型網(wǎng)頁設(shè)計(jì)(門戶站)。設(shè)計(jì)網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計(jì)方案。

網(wǎng)頁設(shè)計(jì)主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動(dòng)畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

二、怎樣設(shè)計(jì)網(wǎng)頁

設(shè)計(jì)網(wǎng)頁詳解：

http://baike.baidu.com/view/4125.htm

豆豆網(wǎng)頁設(shè)計(jì)：

http://www.ddvip.net/web/

藍(lán)色理想網(wǎng)頁設(shè)計(jì)：

http://www.blueidea.com/tech/web/

中華網(wǎng)校：

http://www.zhirui.com/it/class/web/

三、Web是什么意思？ Web的特點(diǎn)都有哪些？

Web的本意是蜘蛛網(wǎng)和網(wǎng)的意思，在網(wǎng)頁設(shè)計(jì)中我們稱為網(wǎng)頁的意思?，F(xiàn)廣泛譯作網(wǎng)絡(luò)、互聯(lián)網(wǎng)等技術(shù)領(lǐng)域。表現(xiàn)為三種形式，即超文本(hypertext)、超媒體(hypermedia)、超文本傳輸協(xié)議(HTTP)等。

先來看看三個(gè)名詞：

一、超文本(hypertext)

一種全局性的信息結(jié)構(gòu)，它將文檔中的不同部分通過關(guān)鍵字建立鏈接，使信息得以用交互方式搜索。它是超級文本的簡稱。

二、超媒體(hypermedia)

超媒體是超文本(hypertext)和多媒體在信息瀏覽環(huán)境下的結(jié)合。它是超級媒體的簡稱。用戶不僅能從一個(gè)文本跳到另一個(gè)文本，而且可以激活一段聲音，顯示一個(gè)圖形，甚至可以播放一段動(dòng)畫。

三、超文本傳輸協(xié)議(HTTP)HyperText Transfer Protocol超文本在互聯(lián)網(wǎng)上的傳輸協(xié)議。

Web的特點(diǎn)：

一、Web是圖形化的和易于導(dǎo)航的(navigate)

Web 非常流行的一個(gè)很重要的原因就在于它可以在一頁上同時(shí)顯示色彩豐富的圖形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供將圖形、音頻、視頻信息集合于一體的特性。同時(shí)，Web是非常易于導(dǎo)航的，只需要從一個(gè)連接跳到另一個(gè)連接，就可以在各頁各站點(diǎn)之間進(jìn)行瀏覽了。

二、Web與平臺無關(guān)

無論你的系統(tǒng)平臺是什么，你都可以通過Internet訪問WWW。瀏覽WWW對你的系統(tǒng)平臺沒有什么限制。無論從Windows平臺、UNIX平臺、Macintosh還是別的什么平臺我們都可以訪問WWW。對WWW的訪問是通過一種叫做瀏覽器(browser)的軟件實(shí)現(xiàn)的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的Explorer等。

三、Web是分布式的

大量的圖形、音頻和視頻信息會(huì)占用相當(dāng)大的磁盤空間，我們甚至無法預(yù)知信息的多少。對于Web沒有必要把所有信息都放在一起，信息可以放在不同的站點(diǎn)上。只需要在瀏覽器中指明這個(gè)站點(diǎn)就可以了。使在物理上并不一定在一個(gè)站點(diǎn)的信息在邏輯上一體化，從用戶來看這些信息是一體的。

Web 是動(dòng)態(tài)的

最后，由于各Web站點(diǎn)的信息包含站點(diǎn)本身的信息，信息的提供者可以經(jīng)常對站上的信息進(jìn)行更新。如某個(gè)協(xié)議的發(fā)展?fàn)顩r，公司的廣告等等。一般各信息站點(diǎn)都盡量保證信息的時(shí)間性。所以Web站點(diǎn)上的信息是動(dòng)態(tài)的。經(jīng)常更新的。

四、北大青鳥設(shè)計(jì)培訓(xùn)：學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的三大要素是什么？

現(xiàn)在的web前端設(shè)計(jì)主要是從網(wǎng)頁設(shè)計(jì)演變過來的，其中主要由HTML、CSS和JSP三大要素組成。

想要成為專業(yè)的網(wǎng)頁設(shè)計(jì)師，這三要素是不能缺少的。

下面電腦培訓(xùn)為大家具體介紹網(wǎng)頁設(shè)計(jì)的三要素。

1、HTMLHTML也叫超文本標(biāo)記語言，主要使用標(biāo)準(zhǔn)的通用語言進(jìn)行應(yīng)用。

HTML語言主要有頭部、主體組成，其中頭部主要介紹網(wǎng)頁信息，主體主要提供網(wǎng)頁的具體內(nèi)容。

2、CSSCSS為層疊樣式表，IT培訓(xùn)發(fā)現(xiàn)它是一種主要用來表示HTML和XML等文件樣式的計(jì)算機(jī)語言。

3、JSP語言JSP是一種直譯式的腳本語言，主要包括靜態(tài)范例、弱范例、基于原型的語言和內(nèi)置支持范例。

JSP語言主要用于web前端開發(fā)，能夠進(jìn)行網(wǎng)頁增加各種各樣的靜態(tài)功能，為用戶提供流暢且具有美感的閱讀效果。

通常北大青鳥發(fā)現(xiàn)JSP語言的腳本主要是通過嵌入在HTML中實(shí)現(xiàn)功能。

隨著互聯(lián)網(wǎng)行業(yè)的不斷發(fā)展，前端開發(fā)中的三要素也發(fā)生的重大的改變，在很多內(nèi)容上進(jìn)行增加，腳本語言也得到了很好的優(yōu)化。

在網(wǎng)頁設(shè)計(jì)的三要素中，可以簡單的理解為HTML是定義網(wǎng)頁內(nèi)容的，CSS樣式是進(jìn)行網(wǎng)頁設(shè)計(jì)的，JSP語言是一種庫。