【摘 要】在網(wǎng)頁制作中,往往在許多方面會(huì)遇到疑難問題,例如如何在網(wǎng)頁中解決表格下載在速度慢、元素分布不均的問題;如何通過色彩搭配使網(wǎng)頁更加精美,讓人過目不忘;如何使字幕更加富有動(dòng)感等等。本文旨在通過探討這些常見的疑難問題,為網(wǎng)頁制作者制作更精良的網(wǎng)頁提供參考。
【關(guān)鍵詞】網(wǎng)頁制作 計(jì)算機(jī) 疑難
引言
網(wǎng)頁是信息的載體,一個(gè)制作精良、富含藝術(shù)感的網(wǎng)頁能吸引更多的訪問者。如何成功的制作一個(gè)受大眾喜愛的網(wǎng)頁成為眾多網(wǎng)頁制作者的追求。本文將探討關(guān)于計(jì)算機(jī)網(wǎng)頁制作的疑難問題及其解決方法,具體如下:
一、色彩在網(wǎng)頁中重要應(yīng)用
(一)色彩搭配的原理
紅黃藍(lán)---作為三種原色,它們是在色盤上延伸最長(zhǎng)的三段。稱其為“三原色”的原因是這三種顏色任意搭配能調(diào)和出其他所有的顏色。
(二)色彩與網(wǎng)頁
1.網(wǎng)頁中色彩搭配的要求:(1)色彩要具有鮮明性。只有一個(gè)網(wǎng)站的色彩鮮明,才能立即抓住訪問者的眼球,給訪問者耳目一新的感覺,留下深刻印象。(2)色彩要有獨(dú)特性。網(wǎng)頁的色彩要有自己的特色,保持與眾不同的風(fēng)格。(3)色彩搭配要合理。網(wǎng)頁的色彩要充分符合網(wǎng)頁的主題。例如:藍(lán)色多使用于科技型網(wǎng)站,女性網(wǎng)站多使用粉色,醫(yī)院網(wǎng)站則以白色為主等等。(4)色彩保持藝術(shù)性。網(wǎng)頁的設(shè)計(jì)不僅僅是技術(shù),也是一種藝術(shù)。因此,網(wǎng)站網(wǎng)頁的設(shè)計(jì)要遵循藝術(shù)的規(guī)律,在考慮本身的特點(diǎn)的同時(shí)也要進(jìn)行藝術(shù)創(chuàng)新,設(shè)計(jì)出具有藝術(shù)特色的網(wǎng)站。
2.網(wǎng)頁色彩搭配的方法:(1)同種色彩搭配。同種色彩搭配只選定一種顏色,通過調(diào)整其透明度和飽和度來使網(wǎng)頁看起來更富層次,色彩統(tǒng)一而又不失單調(diào)。(2)鄰近色彩搭配。(3)對(duì)比色彩搭配。合理使用對(duì)比色能使更好的突出重點(diǎn),以及網(wǎng)站鮮明的特點(diǎn)。(4)暖色色彩搭配。暖色包括紅色、橙色、黃色,營(yíng)造出穩(wěn)定溫馨的氛圍。(5)冷色色彩搭配。(6)混合色彩搭配。這種搭配方法是指將一種顏色作為主色,輔以其他顏色混合搭配,給人繽紛但不雜亂的感受。
二、表格在網(wǎng)頁中的應(yīng)用
(一)表格在網(wǎng)頁設(shè)計(jì)中的地位:網(wǎng)頁向消費(fèi)者提供的信息是多樣化的,包括文字、視頻、圖像、音頻等等,這么多信息放在同一張網(wǎng)頁中難免顯得雜亂,而表格能將眾多的對(duì)象有序的顯示在頁面上,使網(wǎng)頁更加美觀、規(guī)則。
(二)表格在網(wǎng)頁制作中的常見問題
1.表格的下載過程慢。一些訪問者在網(wǎng)頁下載時(shí)會(huì)遇到表格下載時(shí)間過慢的問題,有的表格只有下載完成后才能查看表格內(nèi)容。針對(duì)這一問題的解決方案是:網(wǎng)頁設(shè)計(jì)者在設(shè)計(jì)表格時(shí)盡量減少使用嵌套式表格模式。嵌套式表格加載過慢會(huì)造成訪問者不耐煩的情緒。大部分著名網(wǎng)站會(huì)采取單獨(dú)一行的模式來進(jìn)行設(shè)計(jì)網(wǎng)頁,而單獨(dú)一行的排列表格中也會(huì)嵌套著各種不同的表格,但應(yīng)注意不要將頁面的全部?jī)?nèi)容放置在一張大表格內(nèi)。
2.表格預(yù)覽發(fā)生變化。許多網(wǎng)頁制作者在做完表格排版后預(yù)覽,發(fā)現(xiàn)表格的寬度、高度發(fā)生變化。出現(xiàn)這個(gè)現(xiàn)象的原因是:在排版時(shí)曾用鼠標(biāo)將表格的高度或者寬度拖動(dòng)過,這樣在使用DW(Dreamweaver)排版時(shí),DW會(huì)在網(wǎng)頁代碼中自動(dòng)加入一些高度代碼或者長(zhǎng)度代碼。通過DW即可解決困難:按Ctrl+F3后用鼠標(biāo)點(diǎn)擊表格框,彈出表格屬性面板,點(diǎn)擊屬性面板中的Clear row heiht(除掉表格中定義高度的Html語句),而Clear Column Wedths(除掉表格中定義寬度的語句)則慎用,它主要應(yīng)用于切割圖片后消除圖片之間的縫隙。
(三)字幕與網(wǎng)頁。
1.字幕的左右移動(dòng)
將頁面中的所需移動(dòng)的文字選中,單擊“插入”菜單中的“Web組件”命令后彈出對(duì)話框“插入Web組件”。點(diǎn)擊“組件類型”后選中“動(dòng)態(tài)效果”,接著在“選擇一種效果”列表框中點(diǎn)擊“字幕”,最后單擊“完成按鈕”。此時(shí)已設(shè)置成默認(rèn)的字幕“向左”移動(dòng)。若想將向左改為向右移動(dòng),則打開對(duì)話框“字幕屬性”,此對(duì)話框還可以設(shè)置移動(dòng)的速度和表現(xiàn)形式。
2.字幕的上下移動(dòng)
字幕的上下移動(dòng)與左右移動(dòng)設(shè)置方法不同。將頁面制作窗口切換到代碼視圖界面下,找到“”,將”right”改為“up”(自下向上)或”down”(自上向下)。完成后可以通過預(yù)覽檢查字幕移動(dòng)效果。
當(dāng)希望字幕為多行文字上下移動(dòng)時(shí),HYML代碼為:
歡迎光臨本網(wǎng)站
結(jié)束語
總之,網(wǎng)頁設(shè)計(jì)要遵守以下幾點(diǎn)原則:(1)明確建立網(wǎng)站的目標(biāo)以及用戶需求。(2)設(shè)計(jì)方案主題明確。(3)網(wǎng)站的版式設(shè)計(jì)。(4)三維空間的構(gòu)成和虛擬現(xiàn)實(shí)。(5)多媒體功能的應(yīng)用。(6)色彩在網(wǎng)頁設(shè)計(jì)中的作用。(7)網(wǎng)頁形式與內(nèi)容相統(tǒng)一。(8)合理運(yùn)用新技術(shù)。(9)網(wǎng)頁的測(cè)試與改進(jìn)。
參考文獻(xiàn):
[1]陸煒妮.探討多媒體專業(yè)《網(wǎng)頁設(shè)計(jì)與制作技術(shù)》課程的教學(xué)改革[J].科協(xié)論壇(下半月),2010,(01):178-179.
[2]王會(huì)蘭.淺談項(xiàng)目教學(xué)法在《網(wǎng)頁設(shè)計(jì)與制作》課程中的應(yīng)用[J].新課程(教育學(xué)術(shù)),2011,(05):78.