網(wǎng)頁制作與網(wǎng)頁設(shè)計_第1頁
網(wǎng)頁制作與網(wǎng)頁設(shè)計_第2頁
網(wǎng)頁制作與網(wǎng)頁設(shè)計_第3頁
網(wǎng)頁制作與網(wǎng)頁設(shè)計_第4頁
網(wǎng)頁制作與網(wǎng)頁設(shè)計_第5頁
已閱讀5頁,還剩9頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

網(wǎng)頁制作與網(wǎng)頁設(shè)計PAGE14目錄前言…………4網(wǎng)站建設(shè)前的準(zhǔn)備…………4統(tǒng)一網(wǎng)站整體風(fēng)格中需準(zhǔn)備的內(nèi)容…………………..4網(wǎng)站的定位和規(guī)劃………5總體設(shè)計方案主題鮮明……………….5網(wǎng)站頁面的版式及色彩………………6網(wǎng)頁制作的原則……………7關(guān)于網(wǎng)頁導(dǎo)航…………7關(guān)于網(wǎng)頁布局…………7關(guān)于表格………………8關(guān)于圖形………………8網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第1頁。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第1頁。關(guān)于背景………………8關(guān)于動畫………………8關(guān)于頁面………………8關(guān)于鏈接………………9更新與維護……………9網(wǎng)頁制作方法與技巧………9應(yīng)用表格的定位功能…………………9修改HTML代碼來實現(xiàn)頁面的動態(tài)效果………………10適當(dāng)運用網(wǎng)頁特效……………………11幾個值得注意的問題………………..……12預(yù)覽時看不到圖片……………………12不要忽略頁面屬性的設(shè)置………..…12網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第2頁。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第2頁。適當(dāng)變化網(wǎng)頁中的字體…………..…13網(wǎng)站的發(fā)布與后期維護……………………13網(wǎng)站測試……….……13網(wǎng)站發(fā)布…………..…13網(wǎng)站維護與更新………………….…13結(jié)束語………………………14

論文摘要

網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第3頁。[摘要]隨著Internet的日益興起和以網(wǎng)頁為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用,使得網(wǎng)站的建設(shè)及網(wǎng)頁制作得到發(fā)展的空間,大至大型企業(yè)的產(chǎn)品推銷、售后服務(wù)、解決方案,小至個人Web頁面開發(fā),形形色色,五彩繽紛,網(wǎng)站建設(shè)和網(wǎng)頁制作也成為計算機網(wǎng)絡(luò)領(lǐng)域最熱門的話題。本文介紹了網(wǎng)站建設(shè)的定位和規(guī)劃,總體設(shè)計的方案的主題以及網(wǎng)站頁面的版式及色彩,網(wǎng)頁制作的原則關(guān)于網(wǎng)頁導(dǎo)航、網(wǎng)頁布局、表格、圖形等;網(wǎng)頁制作中應(yīng)用表格的定位功能、修改HTML代碼來實現(xiàn)頁面的動態(tài)效果、適當(dāng)運用網(wǎng)頁特效的一些方法與技巧,以及在建設(shè)和制作中值得注意的一些問題;最后說明了網(wǎng)站發(fā)布后和后期維護的相關(guān)內(nèi)容

.網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第3頁。[關(guān)鍵詞]網(wǎng)站網(wǎng)頁網(wǎng)站建設(shè)網(wǎng)頁制作

淺談網(wǎng)站建設(shè)和網(wǎng)頁制作的方法高愛春(開封大學(xué)軟件學(xué)院07級應(yīng)用3班)前言

網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第4頁。隨著計算機網(wǎng)絡(luò)的廣泛應(yīng)用,尤其是互聯(lián)網(wǎng)的普及與發(fā)展,上網(wǎng)已成為人們新的生活方式。上網(wǎng)可以了解發(fā)生的新聞事件,查詢各種所需資料信息,利用網(wǎng)絡(luò)購物,辦公,還可以進(jìn)行商務(wù)貿(mào)易和休閑聊天。對互聯(lián)網(wǎng)的需求自然拉動了供應(yīng),各種網(wǎng)站便成幾何倍數(shù)的增長起來。在網(wǎng)絡(luò)空間里,網(wǎng)站是發(fā)布和獲得知識與信息的載體,是個人、企業(yè)和政府機關(guān)在網(wǎng)絡(luò)空間的形象和存在。網(wǎng)站由許多相關(guān)網(wǎng)頁構(gòu)成,因此著作也就成為這個時代的熱門技術(shù)。本文介紹了網(wǎng)站建設(shè)的定位和規(guī)劃,總體設(shè)計的方案的主題以及網(wǎng)站頁面的版式及色彩,網(wǎng)頁制作中應(yīng)用表格的定位功能、修改HTML代碼來實現(xiàn)頁面的動態(tài)效果、適當(dāng)運用網(wǎng)頁特效的一些方法與技巧,以及在建設(shè)和制作中值得注意的一些問題。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第4頁。

網(wǎng)站建設(shè)前的準(zhǔn)備統(tǒng)一網(wǎng)站整體風(fēng)格中需準(zhǔn)備的內(nèi)容:(1)確定網(wǎng)站的整體顏色。(2)設(shè)計網(wǎng)站的Logo(標(biāo)志)。(3)設(shè)計Banner(旗幟廣告條)。(4)確定導(dǎo)航條一級欄目和二級欄目的表現(xiàn)形式。(5)確定其他版塊的擺放位置。(6)準(zhǔn)備欄目的具體能容。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第5頁。網(wǎng)站在設(shè)計要考慮到網(wǎng)站整體風(fēng)格的統(tǒng)一。從頁面的排版和布局下手,各個頁面使用相同的頁邊距,文本、圖形之間保持相同的間距;主要的圖形、標(biāo)題或符號旁邊留下相同的空白;如果在第一頁的部放置了站點標(biāo)志,那么在其他各頁面都放上這一標(biāo)志;如果使用圖標(biāo)導(dǎo)航,則各個頁面應(yīng)當(dāng)使用相同的圖標(biāo)。要實現(xiàn)這樣的效果通常有兩種方法,一種是使用模板,模板是Dreamweaver中一種特殊類型的文檔。設(shè)計者在模板中將各頁面中相同的部位定義為鎖定區(qū)域,而將不同的部位定義為可編輯區(qū)域。此后在制作每個頁面時,都選擇由模板新建,然后在編輯區(qū)域輸入不同的文字內(nèi)容,從而簡化了設(shè)計主頁的工序。此外,模板最強大的用途之一在于一次更新多個頁面。由模板創(chuàng)的文檔與該模板保持連接狀態(tài),修改模板就可以更新所有基于該模板的文檔的設(shè)計,大大降低了頁面維護的時間。另一種方法是使用框架,是現(xiàn)在制作頁面時較為常用的一種技術(shù)。該技術(shù)可以把瀏覽器窗口劃分為幾個小窗口,每一個窗口都顯示一個頁面的內(nèi)容,并分別設(shè)置大小、有無滾動條等信息。這樣就方便了設(shè)計網(wǎng)站的結(jié)構(gòu),可以在上方的框架里放置網(wǎng)站的標(biāo)志,在左面的框架里顯示導(dǎo)航欄,而在下方的框架里安置版權(quán)信息。當(dāng)然這只是一個比較公式化的設(shè)計,每個人可以根據(jù)自己的實際需要和創(chuàng)意來做安排。而且瀏覽時,可以指定連接的頁面在哪個框架里顯示,從而避免了網(wǎng)頁上相同內(nèi)容的重復(fù)下載,這對于提高網(wǎng)頁顯示速度和網(wǎng)絡(luò)傳輸效率方面都有著積極的意義。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第5頁。網(wǎng)站的定位和規(guī)劃要建設(shè)一個網(wǎng)站,首先需要定位,既要清楚建設(shè)網(wǎng)站的目的和面向瀏覽的對象,只有定位準(zhǔn)確的網(wǎng)站才會有可觀性和應(yīng)用性。Web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑,因此必須明確設(shè)計站點的目的和用戶需求,從而做出切實可行的設(shè)計計劃。要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析,牢記以“消費者(customer)”為中心。在目標(biāo)明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即規(guī)劃。網(wǎng)站的設(shè)計者必須清楚地了解本網(wǎng)站的瀏覽者的基本情況;對網(wǎng)站的整體風(fēng)格和特色做出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu),主題鮮明突出,要點明確,以簡明的語言和畫面休現(xiàn)站點的主題;最后,在此基礎(chǔ)上收集、制作網(wǎng)站所需的素材,在進(jìn)行頁面制作時,要調(diào)動一切手段充公表現(xiàn)網(wǎng)站的個性和情趣,展示出網(wǎng)站的特色。總體設(shè)計方案主題鮮明

在目標(biāo)明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象(機構(gòu)或人)的不同而具有不同的形式。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出,要點明確,以簡單明確的語言和畫面體現(xiàn)站點的主題。調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣,辦出網(wǎng)站的特點。Web站點主頁應(yīng)具備的基本成分包括:頁頭:準(zhǔn)確無誤地標(biāo)識你的站點和企業(yè)標(biāo)志;Email地址:用來接收用戶垂詢;聯(lián)系信息:如普通郵件地址或電話。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第6頁。網(wǎng)站在設(shè)計時要考慮到網(wǎng)站整體風(fēng)格的統(tǒng)一。從頁面的排版和布局下手,各個頁面使用相同的頁邊距,文本、圖形之間保持相同的間距;主要的圖形、標(biāo)題或符號旁邊留下相同的空白;如果在第一頁的頂部放置了站點標(biāo)志,那么在其他各頁面都放上這一標(biāo)志;如果使用圖標(biāo)導(dǎo)航,則各個頁面應(yīng)當(dāng)使用相同的圖標(biāo)。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第6頁。要實現(xiàn)這樣的效果通常有兩種方法,一種是使用模板,模板是Dreamweaver中一種特殊類型的文擋。設(shè)計者在模板中將各頁面中相同的部位定義為鎖定區(qū)域,而將不同的部位定義為可編輯區(qū)域。此后在制作每個頁面時,都選擇由模板新建,然后在編輯區(qū)域輸入不同的文字內(nèi)容,從而簡化了設(shè)計主頁的工序。此外,模板最強大的用途之一在于一次更新多個頁面。由模板創(chuàng)的文擋與該模板保持連接狀態(tài),修改模板就可以更新所有基于該模板的文擋中的設(shè)計,大大降低了頁面維護的時間。另一種方法是使用框架,框架(FRAME)也叫幀頁,是現(xiàn)在制作頁面時較為常用的一種技術(shù)。該技術(shù)可以把瀏覽器窗口劃分為幾個小窗口,每一個窗口都顯示一個頁面的內(nèi)容,并分別設(shè)置大小、有無滾動條等信息。這樣就方便了設(shè)計網(wǎng)站的結(jié)構(gòu),可以在上方的框架里放置網(wǎng)站的標(biāo)志,在左面的框架里顯示導(dǎo)航攔,而在下方的框架里安置版權(quán)信息。當(dāng)然這只是一個比較公式化的設(shè)計,每個人可以根據(jù)自己的實際需要和創(chuàng)意來做安排。而且瀏覽時,可以指定連接的頁面在哪個框架里顯示,從而避免了網(wǎng)頁上相同內(nèi)容的重復(fù)下載,這對于提高網(wǎng)頁顯示速度和網(wǎng)絡(luò)傳輸效率方面都有著積極的意義。網(wǎng)站頁面的版式及色彩網(wǎng)站頁面要簡潔大方,在頁面中不要過多的加入與本頁內(nèi)容無關(guān)的信息,保證主題內(nèi)容讓瀏覽者一目了然。如果希望人們在看完你的頁面后能留下印象,最好用一個簡單的關(guān)鍵詞語或圖像吸引他們的注意力。網(wǎng)站的版式設(shè)計網(wǎng)頁設(shè)計作為一種視覺語言,要講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計但它們有許多相近之處,應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合,表達(dá)出和諧與美。一個優(yōu)秀的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處,才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第7頁。設(shè)計網(wǎng)站前要先確定網(wǎng)站的主題色。一個網(wǎng)站必需有一種或兩種主題色,不至于讓瀏覽者迷失方向,也不至于單調(diào)、乏味。例如:兒童類網(wǎng)站一般都使用橙色、紅色用以體現(xiàn)兒童的活潑和、溫翰氣氛等效果。主題色確定好以后,使用其他配色時一定要注意它與主題色的關(guān)系,要表現(xiàn)什么樣的效果。例如:教育類網(wǎng)站使用藍(lán)色為主題色,再用紅色和黑色作為配色,就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。同時,在使用色彩時要考慮它會帶給人心理上的感覺。比如,冷色使人平靜,而暖色使人激動;強的色彩對比造成緊張感;暗的顏色給人以沉重感和壓迫感;亮的顏色給人輕松、開放的感覺。我們可以根據(jù)所要表達(dá)的主題,選擇合適的色彩與主題色進(jìn)行搭配。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第7頁。網(wǎng)頁制作的原則通常遵循的三個基本原則:內(nèi)容、速度和美觀。內(nèi)容是最重要的,一個成功的網(wǎng)頁首先在內(nèi)容上有吸引力。故首先應(yīng)該考慮網(wǎng)站的內(nèi)容,包括網(wǎng)站功能和用戶需求。整個設(shè)計都應(yīng)該圍繞這些方面來進(jìn)行。在確定內(nèi)容的基礎(chǔ)上,盡量提高速度十分必要,以免影響網(wǎng)站的訪問量。要提高速度有時必須犧牲頁面美觀,拋棄太大的圖片或者動畫。在以上兩點為前提的情況下,再考慮頁面的美觀性,提高網(wǎng)頁制作上的親和力。這要求設(shè)計者有較高的創(chuàng)意,懂得使用眾多的工具軟件。關(guān)于網(wǎng)頁導(dǎo)航主頁的一個很重要的功能就是導(dǎo)航,指引用戶查閱信息。基于清晰明確和速度的考慮,主頁上的超級鏈接應(yīng)限于幾個大的類別。此外,超級鏈接的層數(shù)不能太多,不能超過4層。應(yīng)在廣度和深度之間求取平衡。關(guān)于網(wǎng)頁布局網(wǎng)頁制作的布局一定要簡潔清晰,以最少的元素表達(dá)最多的信息。一個頁面應(yīng)該只有一個重點的屏幕元素作為頁面的主體,它可以是文字塊或圖像,具體隨內(nèi)容而定。其他屏幕元素不應(yīng)比主體元素更醒目,而應(yīng)該圍繞主體,突出主體。在繪畫和攝影中常采用畫面橫豎比三等分的方式得到4個三等分交叉點,這4個點基本上符合美學(xué)中的黃金比定律。這種布局是網(wǎng)頁中常用的方式之一,重點元素應(yīng)該放在這些點周圍,而不應(yīng)放在正中央,以免太過呆板。在網(wǎng)頁布局時要保持平衡,即以布面中心為支點,給人以平衡的感覺。平衡包括兩種:對稱平衡和非對稱平衡。對稱平衡給人以莊重、穩(wěn)定的感覺。而非對稱平衡更有變化感。在處理平衡問題時,不僅需要考慮形體上的平衡,而且應(yīng)該考慮顏色上的平衡。因為深顏色往往讓人感覺重,而淺顏色則讓人感覺輕,因此必須充分考慮顏色給人的視覺影響。關(guān)于表格現(xiàn)在許多門戶網(wǎng)站的布局方式往往應(yīng)用表格,使網(wǎng)頁內(nèi)容整齊合一。不要將網(wǎng)站內(nèi)容簡單的羅列,要注意多用表格把內(nèi)容的層次性和空間性突出顯示出來,以便重點突出,結(jié)構(gòu)分明。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第8頁。關(guān)于圖形網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第8頁。圖形是WWW網(wǎng)站的特色之一,是兩大網(wǎng)頁元素之一,它帶有醒目、吸引人以及傳達(dá)訊息形象的功能,應(yīng)用好的圖形可以使網(wǎng)頁增色不少,但圖形應(yīng)用不當(dāng)則會帶來反效果。使用圖形時應(yīng)盡量縮小或省略圖形,且一定要考慮傳輸時間的問題。一般超過90秒鐘的傳輸會使瀏覽者放棄打開頁面。因此必須依據(jù)HTML文件、圖形文件的大小,考慮傳輸速率、延遲時間、網(wǎng)絡(luò)交通狀況,以及服務(wù)端與客戶端的軟硬件條件,估算網(wǎng)頁的傳輸與顯示時間。在圖形使用上,盡量采用瀏覽器支持的壓縮圖形格式,目前因特網(wǎng)上大多使用Gif和Jpeg格式的圖象。在這兩種圖像中JPEG的壓縮效果較好,適合中大型的圖形,以節(jié)省傳輸時間。給圖像加上替代文字及低分辨率圖像替代也很重要。關(guān)于背景在頁面上添加背景圖案,雖可增加美觀,但卻會耗費傳輸時間,且有時影響視覺,反而給人不好的印象。若沒有絕對必要,最好避免,保持干凈清爽的背景。如果要用背景底色,最好使用單一色系,且要跟前景文字有明顯區(qū)別,最忌諱花俏多色的背景。背景音樂的添加也要慎重。關(guān)于動畫動畫很耗費系統(tǒng)資源,使操作較困難,網(wǎng)頁中應(yīng)使用盡量少的動畫,F(xiàn)lash動畫雖然有許多優(yōu)點,但需要瀏覽者的電腦安裝插件,多采用Gif動畫,其文件格式要小得多。閃爍的文字也不能應(yīng)用太多,以免給人眼花繚亂的感覺。關(guān)于頁面頁面的長度要適中,因為長頁面的傳輸時間明顯比短頁面的傳輸時間長,防止嚇跑訪問者。而且長文本的頁面閱讀不便,單頁不易放置過多的文字。且不要把重要的內(nèi)容放到頁尾,訪問者注重頁面頭部,尾部可能來不及看就跳轉(zhuǎn)啦。整個頁面的風(fēng)格要統(tǒng)一,網(wǎng)頁上所有的圖像、文字,包括背景色、分隔線、字體、標(biāo)題、注腳等,要統(tǒng)一風(fēng)格,貫穿全站,給瀏覽者一個專業(yè)的印象。另外,網(wǎng)頁中應(yīng)有供訪問者表達(dá)意見的E_mail信箱。為網(wǎng)頁添加描述性的標(biāo)題不可少,以便收藏網(wǎng)頁。關(guān)于鏈接在制作超級鏈接時,盡可能地使用相對鏈接,以增強可移植性,因為相對路徑在一組文件轉(zhuǎn)移后仍然有效,其目標(biāo)地址不用修改。如果是鏈接到不直接相關(guān)的文件時,則采用絕對路徑較好。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第9頁。友情鏈接沒有必要連到非常一般熱的鏈接(如網(wǎng)易等),而應(yīng)包括對于訪問者來說較特殊或未曾去過的網(wǎng)站的鏈接。文件下載的鏈接應(yīng)注明文件的大小,以幫助訪問者估計下載時間。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第9頁。更新與維護成功的網(wǎng)頁一定是要時時更新,精心維護的,在網(wǎng)頁內(nèi)容上一定要注意即時性,時時保持新鮮感才較容易成功。另外,與訪問者產(chǎn)生互動是制作成功網(wǎng)頁的重要方法,網(wǎng)站推廣也很重要。網(wǎng)頁制作方法與技巧在網(wǎng)頁制作中,為了提高頁面效果,需要使用一些技巧和方法。應(yīng)用表格的定位功能運用表格可以自由地控制文本和圖像在網(wǎng)頁上出現(xiàn)的具體位置,而不用擔(dān)心不同對象之間的影響,從而使整個網(wǎng)頁看上去緊湊統(tǒng)一。要充分利用表格的定位功能,準(zhǔn)確地將每一段文字、每一副圖片按照一定的次序進(jìn)行合理的編排和布局。對于表格的框度,應(yīng)采用絕對定位,不用百分比,以便瀏覽者在不同的顯示分辨率下都能看到同樣的效果??紤]到目前上網(wǎng)瀏覽者使用電腦屏幕的分辨率多為800×600,因此,每個頁面在設(shè)計時也要設(shè)定在此分辨率下,如有特殊,還要給瀏覽者做出提示。表格內(nèi)容的下載比較耗時,往往要在整張表格中全部內(nèi)容下載完成后,才能顯示該表格內(nèi)容。因此,表格中盡量不要嵌套過多的表格,以免影響頁面的下載速度。瀏覽器解釋HTML頁面的順序是自上而下依次逐行解釋和顯示,但當(dāng)碰到表格中所有的元素后才將結(jié)果在頁面中顯示出來,在頁面內(nèi)容教多而訪問者瀏覽的速度又很慢的情況下,瀏覽器的這種解釋次序?qū)⒚黠@表露出來,只有等到瀏覽器解釋到了頁面的最后,才會將整個頁面的內(nèi)容在訪問者眼前顯示出來,而在瀏覽器解釋過程中,訪問者什么也看不到,這將會使訪問這產(chǎn)生不耐煩的心情。一些優(yōu)秀網(wǎng)站的設(shè)計,通常也都采用表格來定位,而且大多都是一行一行來設(shè)計的,當(dāng)然每個單行排列的表格里也存有表格嵌套,但各個頁面的內(nèi)容最好不要放于一張的表格里面。因此在使用表格進(jìn)行網(wǎng)頁元素布局時,應(yīng)盡量避免使用整個表格。修改HTML代碼來實現(xiàn)頁面的動態(tài)效果網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第10頁?,F(xiàn)在有了那些“所見即所得”的網(wǎng)頁制作工具,假如只想制作出功能簡單的網(wǎng)頁,使用這些網(wǎng)頁制作工具即可。但是,要想制作出功能完善、風(fēng)格獨特的網(wǎng)頁,只靠那些工具是遠(yuǎn)遠(yuǎn)不夠的,還是要學(xué)習(xí)一些HTML語言。如在網(wǎng)頁制作中使用“跑馬燈”,可以使網(wǎng)頁增色不少,因為其中的文字有一種動感的效果,這種效果完全可以用修改HTML代碼來實現(xiàn)。網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第10頁。先來談一下如何制作最簡單的跑馬燈效果。一般情況下,在層或表格中輸入若干個文字,先對其中的文字設(shè)置顏色、字體及大小等,然后選中該文字切換到代碼窗口,你會看到代碼窗口的文字還是呈現(xiàn)選中狀態(tài),在第一個文字前輸入<marquee>,你會發(fā)現(xiàn)自動生成</marquee>,只要將</marquee>移到最后一個文字后面,在預(yù)覽時,就可以看到文字從右往左移動或從左向右移動,就像跑馬燈一樣。文字的默認(rèn)運動方向就是從右往左移動,相當(dāng)于用了語句direction=“l(fā)eft”,如果想讓“文字”從右往左移動,只要把“l(fā)eft”改成“right”就可以了。同樣的道理,要使文字上下移動,只要再把“right”改為“up”,或“down”就可以了。改成上下運動的跑馬燈你會發(fā)現(xiàn)速度很快,讀者根本無法閱讀滾動的文字,修改時只需加入scrollamount=“1”參數(shù),值得一提的是scrollamount的值越大,其上下移動的速度就越快。Scrollamount=“6”就是默認(rèn)的速度很快的效果。此外,還可以用width、height參數(shù)來設(shè)置跑馬燈區(qū)域的范圍。下面這段HTML代碼是與一個從下而上的跑馬燈效果相對應(yīng)的:<marqueewidth=”400”height=”100”direction=”up”scrollamount=”1”歡迎光臨本網(wǎng)站></marquee適當(dāng)運用dreamweaver網(wǎng)頁特效dreamweaver網(wǎng)頁特效是指在網(wǎng)頁中調(diào)用一種特殊的小程序使網(wǎng)頁頁面有一種特殊的效果,如圖片滾動與下拉菜單,滾動字幕、為圖像添加陰影、運動、波浪、及淡入淡出等特效等。這些特殊效果在Dreamweaver中都可以用HTML語言實現(xiàn)的。例如:<HTML>網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第11頁。<HEAD>網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第11頁。<METAhttp-equiv='Content-Type'content='text/html;charset=gb2312'><TITLE>一段實用的圖片滾動顯示代碼</TITLE></HEAD><BODY><marqueedirection=upheight=200scrollamount=1scrolldelay=90width="100%"><ahref="/"><imgborder=0src="/TLimages/yeskyimages/tob/homepage_02.jpg"></a><br><ahref="/"><imgborder=0src="/imagelist/06/03/ukk13g5y4hnh.gif"></a><br><ahref="/"><imgborder=0src="/imagelist/06/03/14yiw1100n6t.gif"></a><br>網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第12頁。<ahref="/"><imgborder=0網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第12頁。src="/imagelist/06/03/y9ges43gk4v6.gif"></a><br></marquee></BODY></HTML>幾個值得注意的問題預(yù)覽時看不到圖片有時圖片在編輯狀態(tài)下是好的,而在預(yù)覽時或在網(wǎng)頁發(fā)布后無法顯示,究其原因,一個方面可能是路徑問題,另一方面可能就是因為圖片用的是中文文件名而招來的麻煩。如果是路徑的問題,可能是圖片不在站點內(nèi),這就需要把圖片存人相應(yīng)的文件夾中,然后改變圖片的路徑就可以了。如果圖片是在站點內(nèi),在預(yù)覽時仍看不見圖片,則往往是使用了中文的文件名、目錄名或文件名。解決的方法是把中文名字改為英文字母、數(shù)字和下劃線等符號組合成文件名或目錄。不要忽略頁面屬性的設(shè)置設(shè)置左邊界、頂部邊界、邊界寬度和邊界高度。細(xì)心的用戶會發(fā)現(xiàn)在沒有進(jìn)行設(shè)置前瀏覽時頁面會在上下、左右,各留一片空白,這塊區(qū)域用戶不能利用,白白浪費了,為了節(jié)省網(wǎng)頁中的寶貴空間,建議把這四個選項都設(shè)置為0。適當(dāng)變化網(wǎng)頁中的字體網(wǎng)頁制作與網(wǎng)頁設(shè)計全文共15頁,當(dāng)前為第13頁。網(wǎng)頁中的字體字號、字距、行距和文字顏色可作些適當(dāng)變化,以求最美的視覺效果。需要突出的地方可以用不同的字體、字號和不同的顏色表示。字體最好采用系統(tǒng)自帶的字體,因為字體的顯示效果是由瀏覽者的瀏覽器來決定的。許多漂亮的文字,瀏覽器可能并不支持,可以把文字做成圖片的方式來處理

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論