2016-08-27 分類: 網(wǎng)站建設(shè)
如今成都網(wǎng)站建設(shè)的相關(guān)技術(shù)非常多,對(duì)于初入網(wǎng)站設(shè)計(jì)領(lǐng)域的新手來說,選擇適合自己 的網(wǎng)站建設(shè)技術(shù)非常重要。本小節(jié)將介紹目前這個(gè)領(lǐng)域最為流行的技術(shù)與工具。在熟練掌 握了網(wǎng)站建設(shè)的這些技術(shù)之后,可以觸類旁通地選擇其他的輔助工具。
網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)相關(guān)但又有明顯的區(qū)別,如果讀者是一名平面設(shè)計(jì)師,那么會(huì)很 容易理解網(wǎng)頁的設(shè)計(jì);但是如果讀者沒有任何平面設(shè)計(jì)相關(guān)的知識(shí),那么就需要了解一些 平面設(shè)計(jì)的基本理論,比如視覺表現(xiàn)、審美能力、構(gòu)圖與布局的原理等。
與網(wǎng)頁設(shè)計(jì)相關(guān)的工具有 Photoshop、Illustrator、CorelDRAW、Fireworks、Flash 和 Dreamweaver等工具,相信一些工具對(duì)于從事平面設(shè)計(jì)工作的朋友來說非常熟悉了。下面 是對(duì)這幾個(gè)軟件的簡(jiǎn)要介紹。
□ Photoshop圖像處理軟件:Adobe公司出品的圖像處理軟件,是目前最受歡迎的功 能強(qiáng)大的圖像處理軟件之一。該工具的專長是對(duì)已有的圖像進(jìn)行編輯加工處理, 添加一些特殊的效果。目前互聯(lián)網(wǎng)界比較流行的“PS圖”,就是指經(jīng)過Photoshop 軟件處理過的圖片。
A注意:圖像處理與圖形創(chuàng)造是兩個(gè)概念,圖像處理是對(duì)已有的圖像進(jìn)行加工處理,而圖 形創(chuàng)造則是按照自己的構(gòu)思來設(shè)計(jì)繪制圖形。Photoshop的強(qiáng)項(xiàng)是對(duì)已有的圖像 進(jìn)行處理工作,Adobe的Illustrator和Photoshop Creative Suite則主要用來進(jìn)行圖形創(chuàng)造。
□ Adobe Illustrator矢量繪圖軟件:是Adobe用來進(jìn)行圖形創(chuàng)造的矢量繪圖軟件,主 要用于印刷和出版領(lǐng)域,不少網(wǎng)頁設(shè)計(jì)者也用該軟件來設(shè)計(jì)網(wǎng)頁圖形。
□ CorelDRAW矢量繪圖軟件:這款軟件專注于矢量圖形創(chuàng)造,除用于平面構(gòu)圖設(shè)計(jì) 之外,網(wǎng)頁設(shè)計(jì)師經(jīng)常使用該工具來設(shè)計(jì)網(wǎng)站的原型,它的強(qiáng)大的圖形創(chuàng)造能力 給了設(shè)計(jì)師無限的創(chuàng)造空間。
□ Adobe Dreamweaver網(wǎng)頁設(shè)計(jì)軟件:簡(jiǎn)稱DW,最初是由Macromedia公司開發(fā)的, 與Fireworks和Flash并稱網(wǎng)頁設(shè)計(jì)三劍客。Dreamweaver注重于網(wǎng)頁的排版設(shè)計(jì),它提供了所見即所得的方式來設(shè)計(jì)網(wǎng)頁,并自動(dòng)產(chǎn)生超文本語言標(biāo)記(即HTML)。 Dreamweaver提供了網(wǎng)站設(shè)計(jì)生命周期管理工具,比如可以用來管理網(wǎng)站、設(shè)計(jì)模 板、與遠(yuǎn)程網(wǎng)站同步等。
□ Adobe Fireworks網(wǎng)頁圖形軟件:這款軟件是Adobe公司專門用于網(wǎng)頁圖形制作的 軟件,可以加速Web的設(shè)計(jì)與開發(fā),是設(shè)計(jì)網(wǎng)站原型的理想工具。
□ Adobe Flash動(dòng)畫設(shè)計(jì)軟件:Flash軟件是一款用于網(wǎng)頁上動(dòng)畫設(shè)計(jì)的軟件,它可以 創(chuàng)建非常吸引人的網(wǎng)頁動(dòng)畫,比如網(wǎng)站片頭、動(dòng)畫導(dǎo)航欄、視頻內(nèi)容等。它是通 過矢量圖形來實(shí)現(xiàn)動(dòng)畫播放的,具有體積小、響應(yīng)速度快等特點(diǎn),一經(jīng)推出就被 廣泛使用。
在網(wǎng)站建設(shè)過程中,除了 Dreamweaver是必須要掌握的之外,其他的幾個(gè)工具可以在 工作中根據(jù)需要來進(jìn)行學(xué)習(xí)。
網(wǎng)站建設(shè)語言包含HTML、CSS和JavaScript這3類,雖然Dreamweaver這樣的設(shè)計(jì)工具會(huì)把頁面元素自動(dòng)轉(zhuǎn)換成HTML語言,但對(duì)于一名合格的網(wǎng)頁設(shè)計(jì)師來說,HTML是 首先必須掌握的一門語言。
HTML的英文全稱是HyperText Markup Language,中文稱為超文本標(biāo)記語言,是一種用來描述網(wǎng)頁上頁面元素的一種語言。實(shí)際上在使用瀏覽器瀏覽網(wǎng)頁時(shí),瀏覽器通過下載 HTML和其他相關(guān)的網(wǎng)頁元素來呈現(xiàn)出網(wǎng)頁。以Firefox為例,在網(wǎng)頁上右擊鼠標(biāo),從彈 出的快捷菜單中選擇“查看頁面源代碼”,F(xiàn)irefox將彈出HTML代碼窗口。
舉個(gè)例子,如果想在瀏覽器中顯示一條信息,可以新建一個(gè)文本文件,在文件中輸入 如下的HTML代碼:
<html><head><title>HTML 示例</title> </head><body>這是一個(gè)HTML網(wǎng)頁 </body></html>
將該文本文件另存為firstpage.html,然后在瀏覽器中打開,可以看到果然在網(wǎng)頁中顯 示出了網(wǎng)頁內(nèi)容。瀏覽器的標(biāo)題列顯示“HTML示例”,瀏覽器的主體區(qū)顯示“這是一個(gè) HTML網(wǎng)頁”,。
益注意:雖然學(xué)習(xí)HTML需要記憶較多的標(biāo)記語法,但是借助于Dreamweaver這樣的可 視化設(shè)計(jì)工具,可以像編輯Word文檔一樣編寫HTML網(wǎng)頁。
除了 HTML語言之外,網(wǎng)站建設(shè)人員還應(yīng)該深入理解CSS。CSS的中文全稱是層疊式 樣式表,是Cascading Style Sheet的簡(jiǎn)稱,用來格式化HTML網(wǎng)頁。CSS是網(wǎng)頁格式化的利器,主要用來統(tǒng)一網(wǎng)站的整體設(shè)計(jì)風(fēng)格。
舉例來說,如果想將前面編寫的HTML網(wǎng)頁的文字字號(hào)變大,并使用“微軟雅黑”字 體,則可以編寫如下所示的一段CSS代碼:
<html><head><title>HTML 示例</title> <style type="text/css"> body {font-family: 微軟雅黑";font-size: 12pt;</style></head><body>這美一個(gè)HTML網(wǎng)頁 </body></html>
在HTML中,樣式表使用<style>標(biāo)記,通過為HTML m<body>標(biāo)簽指定樣式和字體, 就可以改變網(wǎng)頁中主體的顯示格式,使得最終呈現(xiàn)為理想的顯示格式,如圖1.9所示。
可以看到,現(xiàn)在網(wǎng)頁內(nèi)容果然變成了微軟雅黑字體顯示格式,并且字號(hào)也變大了。 HTML和CSS都只能表達(dá)靜態(tài)的內(nèi)容,為了讓網(wǎng)頁的內(nèi)容動(dòng)起來,還需要學(xué)習(xí) JavaScript程序設(shè)計(jì)語言。JavaScript語言可以用來操作HTML和CSS標(biāo)記,讓網(wǎng)頁充滿交 互式的動(dòng)態(tài)效果。
A注意:JavaScript是一種腳本語言,通常簡(jiǎn)稱JS。JS通過嵌入在瀏覽器中執(zhí)行,它不像
Java那樣是一門面向?qū)ο蟮木幊陶Z言,需要經(jīng)過編譯和鏈接后才能執(zhí)行。
前面所介紹的幾種語言都是客戶端被瀏覽器解釋執(zhí)行的語言,對(duì)于一些更加復(fù)雜的應(yīng) 用,需要網(wǎng)站建設(shè)人員使用服務(wù)器端編程語言。
很多初學(xué)者不太理解服務(wù)器端編程語言與客戶端編程語言的區(qū)別,圖1.11解釋了這兩 類編程語言之間的不同之處。
當(dāng)客戶端用戶請(qǐng)求網(wǎng)頁時(shí),Web服務(wù)器將使用服務(wù)器端程序編譯并執(zhí)行服務(wù)器端的腳 本,這些腳本是使用服務(wù)器端的編程語言編寫的。這些服務(wù)器端的編程語言將完成必要的 業(yè)務(wù)邏輯處理工作,比如訪問數(shù)據(jù)庫來獲取最新的新聞信息,然后服務(wù)器端將結(jié)果以HTML、CSS或JavaScript這些客戶端瀏覽器能夠理解的語言來呈現(xiàn)。 公注意:客戶端的瀏覽器不能直接執(zhí)行用服務(wù)器端編程語言編寫的網(wǎng)頁。
本文題目:網(wǎng)站建設(shè)的相關(guān)技術(shù)
路徑分享:http://m.rwnh.cn/news33/42383.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容