網(wǎng)站建設(shè)的相關(guān)技術(shù)

2016-08-27 分類(lèi)：網(wǎng)站建設(shè)

如今成都網(wǎng)站建設(shè)的相關(guān)技術(shù)非常多，對(duì)于初入網(wǎng)站設(shè)計(jì)領(lǐng)域的新手來(lái)說(shuō)，選擇適合自己的網(wǎng)站建設(shè)技術(shù)非常重要。本小節(jié)將介紹目前這個(gè)領(lǐng)域最為流行的技術(shù)與工具。在熟練掌握了網(wǎng)站建設(shè)的這些技術(shù)之后，可以觸類(lèi)旁通地選擇其他的輔助工具。

1. 網(wǎng)頁(yè)設(shè)計(jì)工具

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)相關(guān)但又有明顯的區(qū)別，如果讀者是一名平面設(shè)計(jì)師，那么會(huì)很容易理解網(wǎng)頁(yè)的設(shè)計(jì)；但是如果讀者沒(méi)有任何平面設(shè)計(jì)相關(guān)的知識(shí)，那么就需要了解一些平面設(shè)計(jì)的基本理論，比如視覺(jué)表現(xiàn)、審美能力、構(gòu)圖與布局的原理等。

與網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的工具有 Photoshop、Illustrator、CorelDRAW、Fireworks、Flash 和 Dreamweaver等工具，相信一些工具對(duì)于從事平面設(shè)計(jì)工作的朋友來(lái)說(shuō)非常熟悉了。下面是對(duì)這幾個(gè)軟件的簡(jiǎn)要介紹。

□ Photoshop圖像處理軟件：Adobe公司出品的圖像處理軟件，是目前最受歡迎的功能強(qiáng)大的圖像處理軟件之一。該工具的專(zhuān)長(zhǎng)是對(duì)已有的圖像進(jìn)行編輯加工處理，添加一些特殊的效果。目前互聯(lián)網(wǎng)界比較流行的“PS圖”，就是指經(jīng)過(guò)Photoshop 軟件處理過(guò)的圖片。

A注意：圖像處理與圖形創(chuàng)造是兩個(gè)概念，圖像處理是對(duì)已有的圖像進(jìn)行加工處理，而圖形創(chuàng)造則是按照自己的構(gòu)思來(lái)設(shè)計(jì)繪制圖形。Photoshop的強(qiáng)項(xiàng)是對(duì)已有的圖像進(jìn)行處理工作，Adobe的Illustrator和Photoshop Creative Suite則主要用來(lái)進(jìn)行圖形創(chuàng)造。

□ Adobe Illustrator矢量繪圖軟件：是Adobe用來(lái)進(jìn)行圖形創(chuàng)造的矢量繪圖軟件，主要用于印刷和出版領(lǐng)域，不少網(wǎng)頁(yè)設(shè)計(jì)者也用該軟件來(lái)設(shè)計(jì)網(wǎng)頁(yè)圖形。

□ CorelDRAW矢量繪圖軟件：這款軟件專(zhuān)注于矢量圖形創(chuàng)造，除用于平面構(gòu)圖設(shè)計(jì) 之外，網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常使用該工具來(lái)設(shè)計(jì)網(wǎng)站的原型，它的強(qiáng)大的圖形創(chuàng)造能力給了設(shè)計(jì)師無(wú)限的創(chuàng)造空間。

□ Adobe Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)軟件：簡(jiǎn)稱(chēng)DW，最初是由Macromedia公司開(kāi)發(fā)的，與Fireworks和Flash并稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)三劍客。Dreamweaver注重于網(wǎng)頁(yè)的排版設(shè)計(jì)，它提供了所見(jiàn)即所得的方式來(lái)設(shè)計(jì)網(wǎng)頁(yè)，并自動(dòng)產(chǎn)生超文本語(yǔ)言標(biāo)記（即HTML)。 Dreamweaver提供了網(wǎng)站設(shè)計(jì)生命周期管理工具，比如可以用來(lái)管理網(wǎng)站、設(shè)計(jì)模板、與遠(yuǎn)程網(wǎng)站同步等。

□ Adobe Fireworks網(wǎng)頁(yè)圖形軟件：這款軟件是Adobe公司專(zhuān)門(mén)用于網(wǎng)頁(yè)圖形制作的軟件，可以加速Web的設(shè)計(jì)與開(kāi)發(fā)，是設(shè)計(jì)網(wǎng)站原型的理想工具。

□ Adobe Flash動(dòng)畫(huà)設(shè)計(jì)軟件：Flash軟件是一款用于網(wǎng)頁(yè)上動(dòng)畫(huà)設(shè)計(jì)的軟件，它可以創(chuàng)建非常吸引人的網(wǎng)頁(yè)動(dòng)畫(huà)，比如網(wǎng)站片頭、動(dòng)畫(huà)導(dǎo)航欄、視頻內(nèi)容等。它是通過(guò)矢量圖形來(lái)實(shí)現(xiàn)動(dòng)畫(huà)播放的，具有體積小、響應(yīng)速度快等特點(diǎn)，一經(jīng)推出就被廣泛使用。

在網(wǎng)站建設(shè)過(guò)程中，除了 Dreamweaver是必須要掌握的之外，其他的幾個(gè)工具可以在工作中根據(jù)需要來(lái)進(jìn)行學(xué)習(xí)。

2. 網(wǎng)站建設(shè)語(yǔ)言

網(wǎng)站建設(shè)語(yǔ)言包含HTML、CSS和JavaScript這3類(lèi)，雖然Dreamweaver這樣的設(shè)計(jì)工具會(huì)把頁(yè)面元素自動(dòng)轉(zhuǎn)換成HTML語(yǔ)言，但對(duì)于一名合格的網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，HTML是首先必須掌握的一門(mén)語(yǔ)言。

HTML的英文全稱(chēng)是HyperText Markup Language,中文稱(chēng)為超文本標(biāo)記語(yǔ)言，是一種用來(lái)描述網(wǎng)頁(yè)上頁(yè)面元素的一種語(yǔ)言。實(shí)際上在使用瀏覽器瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器通過(guò)下載 HTML和其他相關(guān)的網(wǎng)頁(yè)元素來(lái)呈現(xiàn)出網(wǎng)頁(yè)。以Firefox為例，在網(wǎng)頁(yè)上右擊鼠標(biāo)，從彈出的快捷菜單中選擇“查看頁(yè)面源代碼”，F(xiàn)irefox將彈出HTML代碼窗口。

舉個(gè)例子，如果想在瀏覽器中顯示一條信息，可以新建一個(gè)文本文件，在文件中輸入如下的HTML代碼：

<html><head><title>HTML 示例</title> </head><body>這是一個(gè)HTML網(wǎng)頁(yè) </body></html>

將該文本文件另存為firstpage.html,然后在瀏覽器中打開(kāi)，可以看到果然在網(wǎng)頁(yè)中顯示出了網(wǎng)頁(yè)內(nèi)容。瀏覽器的標(biāo)題列顯示“HTML示例”，瀏覽器的主體區(qū)顯示“這是一個(gè) HTML網(wǎng)頁(yè)”，。

益注意：雖然學(xué)習(xí)HTML需要記憶較多的標(biāo)記語(yǔ)法，但是借助于Dreamweaver這樣的可視化設(shè)計(jì)工具，可以像編輯Word文檔一樣編寫(xiě)HTML網(wǎng)頁(yè)。

除了 HTML語(yǔ)言之外，網(wǎng)站建設(shè)人員還應(yīng)該深入理解CSS。CSS的中文全稱(chēng)是層疊式樣式表，是Cascading Style Sheet的簡(jiǎn)稱(chēng)，用來(lái)格式化HTML網(wǎng)頁(yè)。CSS是網(wǎng)頁(yè)格式化的利器，主要用來(lái)統(tǒng)一網(wǎng)站的整體設(shè)計(jì)風(fēng)格。

舉例來(lái)說(shuō)，如果想將前面編寫(xiě)的HTML網(wǎng)頁(yè)的文字字號(hào)變大，并使用“微軟雅黑”字體，則可以編寫(xiě)如下所示的一段CSS代碼：

<html><head><title>HTML 示例</title> <style type="text/css"> body {font-family: 微軟雅黑"；font-size: 12pt;</style></head><body>這美一個(gè)HTML網(wǎng)頁(yè) </body></html>

在HTML中，樣式表使用<style>標(biāo)記，通過(guò)為HTML m<body>標(biāo)簽指定樣式和字體, 就可以改變網(wǎng)頁(yè)中主體的顯示格式，使得最終呈現(xiàn)為理想的顯示格式，如圖1.9所示。

可以看到，現(xiàn)在網(wǎng)頁(yè)內(nèi)容果然變成了微軟雅黑字體顯示格式，并且字號(hào)也變大了。 HTML和CSS都只能表達(dá)靜態(tài)的內(nèi)容，為了讓網(wǎng)頁(yè)的內(nèi)容動(dòng)起來(lái)，還需要學(xué)習(xí) JavaScript程序設(shè)計(jì)語(yǔ)言。JavaScript語(yǔ)言可以用來(lái)操作HTML和CSS標(biāo)記，讓網(wǎng)頁(yè)充滿(mǎn)交互式的動(dòng)態(tài)效果。

A注意：JavaScript是一種腳本語(yǔ)言，通常簡(jiǎn)稱(chēng)JS。JS通過(guò)嵌入在瀏覽器中執(zhí)行，它不像
Java那樣是一門(mén)面向?qū)ο蟮木幊陶Z(yǔ)言，需要經(jīng)過(guò)編譯和鏈接后才能執(zhí)行。

3. 網(wǎng)站服務(wù)器端編程語(yǔ)言

前面所介紹的幾種語(yǔ)言都是客戶(hù)端被瀏覽器解釋執(zhí)行的語(yǔ)言，對(duì)于一些更加復(fù)雜的應(yīng) 用，需要網(wǎng)站建設(shè)人員使用服務(wù)器端編程語(yǔ)言。

很多初學(xué)者不太理解服務(wù)器端編程語(yǔ)言與客戶(hù)端編程語(yǔ)言的區(qū)別，圖1.11解釋了這兩類(lèi)編程語(yǔ)言之間的不同之處。

當(dāng)客戶(hù)端用戶(hù)請(qǐng)求網(wǎng)頁(yè)時(shí)，Web服務(wù)器將使用服務(wù)器端程序編譯并執(zhí)行服務(wù)器端的腳本，這些腳本是使用服務(wù)器端的編程語(yǔ)言編寫(xiě)的。這些服務(wù)器端的編程語(yǔ)言將完成必要的業(yè)務(wù)邏輯處理工作，比如訪問(wèn)數(shù)據(jù)庫(kù)來(lái)獲取最新的新聞信息，然后服務(wù)器端將結(jié)果以HTML、CSS或JavaScript這些客戶(hù)端瀏覽器能夠理解的語(yǔ)言來(lái)呈現(xiàn)。公注意：客戶(hù)端的瀏覽器不能直接執(zhí)行用服務(wù)器端編程語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)。

本文題目：網(wǎng)站建設(shè)的相關(guān)技術(shù)
路徑分享：http://jinyejixie.com/news33/42383.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)站建設(shè)的相關(guān)技術(shù)

1. 網(wǎng)頁(yè)設(shè)計(jì)工具

2. 網(wǎng)站建設(shè)語(yǔ)言

3. 網(wǎng)站服務(wù)器端編程語(yǔ)言