網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)以及網(wǎng)頁特效.docx

網(wǎng)頁設(shè)計(jì)：就是制作網(wǎng)頁的工程師，前臺(tái)頁面的制作，證件就是畢業(yè)證，不過現(xiàn)在人家要的是實(shí)力，即使沒有證件而有實(shí)力也能找到工作。 平面設(shè)計(jì) 什么是平面設(shè)計(jì)? （1） 用一些特殊的操作來處理一些已經(jīng)數(shù)字化的圖像的過程。 （2） 它是集電腦技術(shù)、數(shù)字技術(shù)和藝術(shù)創(chuàng)意于一體的綜合內(nèi)容。 了解設(shè)計(jì)的定義和概念將是了解設(shè)計(jì)的第一步，有助于了解我們作為一名準(zhǔn)平面設(shè)計(jì)師的職責(zé)范圍。 第一節(jié)：平面設(shè)計(jì)的正名與分類 設(shè)計(jì)一詞來源于英文design，包括很廣的設(shè)計(jì)范圍和門類建筑：工業(yè)、環(huán)藝、裝潢、展示、服裝、平面設(shè)計(jì)等等,而平面設(shè)計(jì)現(xiàn)在的名稱在平常的表述中卻很為難，因?yàn)楝F(xiàn)在學(xué)科之間的交*更廣更深，傳統(tǒng)的定義，例如現(xiàn)行的叫法“平面設(shè)計(jì)（graphis design）視覺傳達(dá)設(shè)計(jì)、裝潢設(shè)計(jì)，這也許與平面設(shè)計(jì)的特點(diǎn)有很大的關(guān)系，因?yàn)樵O(shè)計(jì)無所不在、平面設(shè)計(jì)無所不在，從范圍來講用來印刷的都和平面設(shè)計(jì)有關(guān)，從功能來講“對(duì)視覺通過人自身進(jìn)行調(diào)節(jié)達(dá)到某種程度的行為”，稱之為視覺傳達(dá)，即用視覺語言進(jìn)行傳遞信息和表達(dá)觀點(diǎn)，而裝潢設(shè)計(jì)或裝潢藝術(shù)設(shè)計(jì)則被公認(rèn)為極不準(zhǔn)確的名稱，帶有片面性。 現(xiàn)在，在了解了對(duì)平面設(shè)計(jì)范圍和內(nèi)涵的情況下，我們?cè)賮砜纯雌矫嬖O(shè)計(jì)的分類，如形象系統(tǒng)設(shè)計(jì)、字體設(shè)計(jì)、書籍裝幀設(shè)計(jì)、行錄設(shè)計(jì)、包裝設(shè)計(jì)、海報(bào)/招貼設(shè)計(jì)可以這樣說有多少種需要就有多少種設(shè)計(jì)。 另外，商業(yè)設(shè)計(jì)與藝術(shù)設(shè)計(jì)很顯然是存在的。 第二節(jié)：平面設(shè)計(jì)的概念 設(shè)計(jì)是有目的的策劃，平面設(shè)計(jì)是這些策劃將要采取的形式之一，在平面設(shè)計(jì)中你需要用視覺元素來傳播你的設(shè)想和計(jì)劃，用文字和圖形把信息傳達(dá)給受眾，讓人們通過這些視覺元素了解你的設(shè)想和計(jì)劃，這才是我們?cè)O(shè)計(jì)的定義。一個(gè)視覺作品的生存底線，應(yīng)該看他是否具有感動(dòng)他人的能量，是否順利地傳遞出背后的信息，事實(shí)上她更象人際關(guān)系學(xué)，依*魅力來征服對(duì)象，你的設(shè)計(jì)有抓住人心的魅力嗎？是一見鐘情式的還是水到渠成式的，你需要象一個(gè)溫文爾雅的紳士還是一個(gè)不修邊幅的叛逆之子，或是治學(xué)嚴(yán)謹(jǐn)?shù)膶W(xué)者。事實(shí)上平面設(shè)計(jì)者所擔(dān)任的是多重角色，你需要知己知彼，你需要調(diào)查對(duì)象，你應(yīng)成為對(duì)象中的一員，卻又不是投其所好，夸夸其談，你的設(shè)計(jì)代表著客戶的產(chǎn)品，客戶需要你的感情去打動(dòng)他人，你事實(shí)上是“出賣”感情的人，平面設(shè)計(jì)是一種與特定目的有著密切聯(lián)系的藝術(shù)。 第三節(jié)：平面設(shè)計(jì)的特征 設(shè)計(jì)是科技與藝術(shù)的結(jié)合，是商業(yè)社會(huì)的產(chǎn)物，在商業(yè)社會(huì)中需要藝術(shù)設(shè)計(jì)與創(chuàng)作理想的平衡，需要客觀與克制，需要借作者之口替委托人說話。 設(shè)計(jì)與美術(shù)不同，因?yàn)樵O(shè)計(jì)即要符合審美性又要具有實(shí)用性、替人設(shè)想、以人為本，設(shè)計(jì)是一種需要而不僅僅是裝飾、裝潢。 設(shè)計(jì)沒有完成的概念，設(shè)計(jì)需要精益求精，不斷的完善，需要挑戰(zhàn)自我，向自己宣戰(zhàn)。設(shè)計(jì)的關(guān)鍵之處在于發(fā)現(xiàn)，只有不斷通過深入的感受和體驗(yàn)才能做到，打動(dòng)別人對(duì)與設(shè)計(jì)師來說是一種挑戰(zhàn)。設(shè)計(jì)要讓人感動(dòng)，足夠的細(xì)節(jié)本身就能感動(dòng)人，圖形創(chuàng)意本身能打動(dòng)人，色彩品位能打動(dòng)人，材料質(zhì)地能打動(dòng)人、把設(shè)計(jì)的多種元素進(jìn)行有機(jī)藝術(shù)化組合。還有，設(shè)計(jì)師更應(yīng)該明白嚴(yán)謹(jǐn)?shù)膽B(tài)度自身更能引起人們心靈的振? 第二章：平面設(shè)計(jì)之路 設(shè)計(jì)的學(xué)習(xí)可能有很多不同的路，因?yàn)檫@是有設(shè)計(jì)的多元化知識(shí)結(jié)構(gòu)決定的，不管你以前是做什么的，不管你曾經(jīng)如何如何，在進(jìn)入設(shè)計(jì)領(lǐng)域之后，你以前的閱歷都將影響你，你都將面臨挑戰(zhàn)與被淘汰的可能，正如，想要造就偉大永遠(yuǎn)不可能是依*人們的主觀愿望所能達(dá)到的一樣 第一節(jié)：你確認(rèn)你要進(jìn)入這一領(lǐng)域嗎？-設(shè)計(jì)師的知識(shí)結(jié)構(gòu) 設(shè)計(jì)多元化的知識(shí)結(jié)構(gòu)必將要求設(shè)計(jì)人員具有多元化的知識(shí)及信息獲取方式。 第一步：從點(diǎn)、線、面的認(rèn)識(shí)開始，學(xué)習(xí)掌握平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成、透視學(xué)等基礎(chǔ)；我們需要具備客觀的視覺經(jīng)驗(yàn)，建立理性思維基礎(chǔ)，掌握視覺的生理學(xué)規(guī)律，了解設(shè)計(jì)元素這一概念。 第二步：你會(huì)畫草圖嗎？1998澳大利亞工業(yè)設(shè)計(jì)顧問委員會(huì)調(diào)查結(jié)果，設(shè)計(jì)專業(yè)畢業(yè)生應(yīng)具備的10項(xiàng)技能第一位就是：“應(yīng)有優(yōu)秀的草圖和徒手作畫的能力，作為設(shè)計(jì)著應(yīng)具備快而不拘謹(jǐn)?shù)囊曈X圖形表達(dá)能力，繪畫藝術(shù)是設(shè)計(jì)的源泉，設(shè)計(jì)草圖是思想的紙面形式，我們有理由相信，繪畫是平面設(shè)計(jì)的基礎(chǔ)，平面設(shè)計(jì)的設(shè)計(jì)的基礎(chǔ)！” 第三步：你還缺少什么？缺少對(duì)傳統(tǒng)課程的學(xué)習(xí)，如陶藝、版畫、水彩、油畫、攝影、書法、國畫、黑白畫等等，太多太多，你還是問問自己吧！不管如何這些課程將在不同層次上加強(qiáng)了你設(shè)計(jì)的動(dòng)手能力、表現(xiàn)能力和審美能力，他們最關(guān)鍵的是讓你明白什么是藝術(shù)，更重要的是你發(fā)現(xiàn)你自己的個(gè)性，但這也是一個(gè)長期的過程。 第四步：“我可以開始設(shè)計(jì)了嗎”？當(dāng)然不行，你要設(shè)計(jì)什么？正如你要開始玩游戲了，你了解游戲規(guī)則嗎？不過你不用擔(dān)心，你已經(jīng)進(jìn)入了專業(yè)自身的學(xué)習(xí)，同時(shí)也意味著你才剛剛開始，你將不折不撓，不浮躁不抱怨、務(wù)實(shí)的、實(shí)事求事的態(tài)度步入這一領(lǐng)域。我們以標(biāo)志設(shè)計(jì)為例，我們需要具備什么樣的背景知識(shí)，標(biāo)志的意義、標(biāo)志的起源、標(biāo)志的特點(diǎn)、標(biāo)志的設(shè)計(jì)原則、標(biāo)志的藝術(shù)規(guī)律、標(biāo)志的表現(xiàn)形式，標(biāo)志的構(gòu)成的手法、我們需要理解為什么？為什么可口可樂會(huì)紅遍全球；為什么我們渴望穿Lee牌牛仔褲？作為一名設(shè)計(jì)師，你對(duì)我們周圍的視覺環(huán)境滿意嗎？問問自己，你的設(shè)計(jì)理想是什么？ 第五步：你能辨別設(shè)計(jì)的好壞，知道為什么嗎？上一步通過對(duì)設(shè)計(jì)基礎(chǔ)知識(shí)的學(xué)習(xí)，不知不覺你已經(jīng)進(jìn)入了設(shè)計(jì)的模仿階段，為了向前我們必須回顧歷史，既而從理論書籍的學(xué)習(xí)轉(zhuǎn)變?yōu)橄蚯拜吋皟?yōu)秀設(shè)計(jì)師學(xué)習(xí)。這個(gè)階段伴隨著一個(gè)比較長期的一個(gè)過程，你的設(shè)計(jì)水平可能會(huì)很不穩(wěn)定，你有時(shí)困惑、有時(shí)欣喜，伴隨著大量的實(shí)踐以及對(duì)設(shè)計(jì)整個(gè)運(yùn)轉(zhuǎn)流程逐漸掌握，開始向成熟設(shè)計(jì)師邁進(jìn)。 你需要學(xué)會(huì)規(guī)則，再打破規(guī)則。 第二節(jié)：你能成為優(yōu)秀出眾的設(shè)計(jì)師嗎？-對(duì)設(shè)計(jì)師的要求 1、成功的設(shè)計(jì)師應(yīng)具備以下幾點(diǎn)： A、強(qiáng)烈敏銳的感受能力 B、發(fā)明創(chuàng)造的能力 C、對(duì)作品的美學(xué)鑒定能力 D、對(duì)設(shè)計(jì)構(gòu)想的表達(dá)能力 E、具備全面的專業(yè)智能 現(xiàn)代設(shè)計(jì)師必須是具有寬廣的文化視角，深邃的智慧和豐富的知識(shí)；必須是具有創(chuàng)新精神知識(shí)淵博、敏感并能解決問題的人，應(yīng)考慮社會(huì)反映、社會(huì)效果，力求設(shè)計(jì)作品對(duì)社會(huì)有益，能提高人們的審美能力，心理上的愉悅和滿足，應(yīng)概括當(dāng)代的時(shí)代特征，反映了真正的審美情趣和審美理想。起碼你應(yīng)當(dāng)明白，優(yōu)秀的設(shè)計(jì)師有他們“自己”的手法、清晰的形象、合乎邏輯的觀點(diǎn)。 2、設(shè)計(jì)師一定要自信，堅(jiān)信自己的個(gè)人信仰、經(jīng)驗(yàn)、眼光、品味。不盲從、不孤芳自賞、不驕、不浮。以嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度面對(duì)，不為個(gè)性而個(gè)性，不為設(shè)計(jì)而設(shè)計(jì)。作為一名設(shè)計(jì)師，必須有獨(dú)特的素質(zhì)和高超的設(shè)計(jì)技能，即無論多么復(fù)雜的設(shè)計(jì)課題，都能通過認(rèn)真總結(jié)經(jīng)驗(yàn)，用心思考，反復(fù)推敲，汲取消化同類型的優(yōu)秀設(shè)計(jì)精華，實(shí)現(xiàn)新的創(chuàng)造。 3、平面設(shè)計(jì)作為一種職業(yè)，設(shè)計(jì)師職業(yè)道德的高低和設(shè)計(jì)師人格的完善有很大的關(guān)系，往往決定一個(gè)設(shè)計(jì)師設(shè)計(jì)水平的就是人格的完善程度，程度越高其理解能力、把握權(quán)衡能力、辨別能力、協(xié)調(diào)能力、處事能力將協(xié)助他在設(shè)計(jì)生活中越過一道又一道障礙，所以設(shè)計(jì)師必須注重個(gè)人的修為，文人常說：“先修其形，后練其品”。 4、設(shè)計(jì)的提高必修在不斷的學(xué)習(xí)和實(shí)踐中進(jìn)行，設(shè)計(jì)師的廣泛涉獵和專注是相互矛盾又統(tǒng)一的，前者是靈感和表現(xiàn)方式的源泉，后者是工作的態(tài)度。好的設(shè)計(jì)并不只是圖形的創(chuàng)作，他是中和了許多智力勞動(dòng)的結(jié)果，涉獵不同的領(lǐng)域，擔(dān)當(dāng)不同的角色，可以讓我們保持開闊的視野，可以讓我們的設(shè)計(jì)帶有更多的信息。在設(shè)計(jì)中最關(guān)鍵的是意念，好的意念需要學(xué)養(yǎng)和時(shí)間去孵化。設(shè)計(jì)還需要開闊的視野，使信息有廣闊的來源，觸類旁通是學(xué)習(xí)平面設(shè)計(jì)的重要特點(diǎn)之一，藝術(shù)之間本質(zhì)上是共通的，文化與智慧的不斷補(bǔ)給是成為設(shè)計(jì)界長青樹的法寶。 需要的軟件有：常見的如： photoshop、flash、3dmax、fireworks 、dreamwever等 如果對(duì)也會(huì)大型的軟件，當(dāng)然更好了，Maya等 5、有個(gè)性的設(shè)計(jì)可能是來自扎跟于本民族悠久的文化傳統(tǒng)和富有民族文化本色的設(shè)計(jì)思想，民族性和獨(dú)創(chuàng)性及個(gè)性同樣是具有價(jià)值的，地域特點(diǎn)也是設(shè)計(jì)師的知識(shí)背景之一。未來的設(shè)計(jì)師不再是狹隘的民族主義者，而每個(gè)民族的標(biāo)志更多的體現(xiàn)在民族精神層面，民族和傳統(tǒng)也將成為一種圖式或者設(shè)計(jì)元素，作為設(shè)計(jì)師有必要認(rèn)真看待民族傳統(tǒng)和文化。 網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)的異同 設(shè)計(jì)傳達(dá)的方式 傳統(tǒng)的平面設(shè)計(jì)講究頁面構(gòu)圖、版式布局、空間表現(xiàn)等，而網(wǎng)頁設(shè)計(jì)也適用這些要素。 網(wǎng)頁設(shè)計(jì)與傳統(tǒng)平面設(shè)計(jì)在視覺傳達(dá)方面很大的相似點(diǎn)，但是在技術(shù)方面又是有很大的區(qū)別。 網(wǎng)頁設(shè)計(jì)是傳統(tǒng)平面設(shè)計(jì)的視覺傳達(dá)效果運(yùn)用和網(wǎng)路技術(shù)的結(jié)合，所以可以說網(wǎng)頁設(shè)計(jì)綜合了平面設(shè)計(jì)藝術(shù)和網(wǎng)路技術(shù)。 網(wǎng)頁設(shè)計(jì)的重要特色就是動(dòng)靜結(jié)合，這點(diǎn)在平面設(shè)計(jì)裏是無法實(shí)現(xiàn)的。 處理的差別 傳統(tǒng)平面設(shè)計(jì)的作品大多是以印刷的平面形式表現(xiàn)；而網(wǎng)頁設(shè)計(jì)作品則是透過顯示器表現(xiàn)，并且在傳輸?shù)倪^程中受到網(wǎng)路頻寬的限制。 普通印刷是按照色素的減法原理進(jìn)行的，設(shè)計(jì)時(shí)的顏色模式為 CMYK ，而電腦的顯示器的色彩原理則是以色光合成加法原理進(jìn)行的，是 RGB 模式，使用同樣的顏色，但是在不同的顏色模式下，顯示的效果是會(huì)有色差的。 因?yàn)槭艿骄W(wǎng)路頻寬的限制，網(wǎng)頁設(shè)計(jì)中的圖像處理也不同於平面設(shè)計(jì)，為了加快下載速度，在保持圖像質(zhì)量的前提下我們要盡可能的縮小其檔案大小，而不像平面設(shè)計(jì)那樣為了追求圖像的質(zhì)量而不管其文件大小。 作為一名合格的網(wǎng)頁設(shè)計(jì)師，在處理網(wǎng)路圖形時(shí)，應(yīng)做到在保持圖像清晰的前提下，盡可能縮小圖片的檔案大小。 網(wǎng)頁的構(gòu)圖布局與平面構(gòu)圖布局有著很大的相似之處，但是因?yàn)榧夹g(shù)的局限，網(wǎng)頁構(gòu)圖遠(yuǎn)不如平面設(shè)計(jì)那樣揮灑自如。 在平面設(shè)計(jì)中想把某一物件放置到某一位置的時(shí)候只需要簡單的拖曳就可以完成。 但是在網(wǎng)頁設(shè)計(jì)中想對(duì)某一物件進(jìn)行定位的話就必須有 HTML 語言的支援才行。 所以在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候，除了要有好的創(chuàng)意，還應(yīng)該考慮到技術(shù)上的可行性。 網(wǎng)頁的構(gòu)圖與傳統(tǒng)的平面構(gòu)圖最大的區(qū)別就是技術(shù)的可行性。 在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必需時(shí)時(shí)提醒自己，所設(shè)計(jì)的作品最終會(huì)通過網(wǎng)路傳輸?shù)接脩舳?，?jīng)過下載，再用瀏覽器瀏覽，作品將受到頻寬和顯示器的限制。 而且，所有網(wǎng)頁的后端語言都是以 HTML 為基礎(chǔ)，輔以 JavaScript 或 VBScript 編寫的程式，有些動(dòng)態(tài)特效實(shí)現(xiàn)起來會(huì)有較大的難度。 所以，網(wǎng)頁設(shè)計(jì)人員在構(gòu)思創(chuàng)意時(shí)，要考慮到技術(shù)上是否能實(shí)現(xiàn)。 如果一味地追求視覺效果的創(chuàng)意，而忽略技術(shù)上的限制，顧此失彼，再好的構(gòu)思也只好放棄。 鄏b網(wǎng)頁設(shè)計(jì)中實(shí)現(xiàn)的創(chuàng)意，對(duì)網(wǎng)頁設(shè)計(jì)構(gòu)圖來說是毫無價(jià)值的。 功能的不同 傳統(tǒng)平面的設(shè)計(jì)作品是以向人們傳達(dá)某種資訊或訴求為目的。而網(wǎng)頁設(shè)計(jì)網(wǎng)頁的設(shè)計(jì)必須是配合網(wǎng)站的內(nèi)容設(shè)計(jì)，而不是單純地只為表現(xiàn)藝術(shù)而設(shè)計(jì)。 除了擁有平面設(shè)計(jì)作品的功能以外，還有重要的引導(dǎo)和連接功能，也就是網(wǎng)頁具有很強(qiáng)的可操作性和互動(dòng)性。 網(wǎng)頁設(shè)計(jì)與傳統(tǒng)的平面設(shè)計(jì)最大的區(qū)別就是網(wǎng)頁的可操作性。 網(wǎng)頁的可操作性是通過頁面間的鏈結(jié)實(shí)現(xiàn)的。 所謂鏈結(jié)結(jié)構(gòu)就是指網(wǎng)頁頁面間的相互鏈結(jié)關(guān)系。 選擇適當(dāng)?shù)逆溄Y(jié)結(jié)構(gòu)，對(duì)整個(gè)網(wǎng)站的各個(gè)頁面設(shè)計(jì)將有很大的引導(dǎo)作用。 若鏈結(jié)的結(jié)構(gòu)使用不良的話，會(huì)使得重要的資訊不能讓訪問者獲取，這將違背了網(wǎng)站設(shè)計(jì)者的初衷。 在制作一個(gè)網(wǎng)站的時(shí)候會(huì)有一個(gè)名為 index.html 的頁面，我們一般把它稱為 “首頁” 。 一般在瀏覽網(wǎng)站的時(shí)候，在瀏覽器的位址欄裏輸入網(wǎng)址后，直接打開的就是檔名為 index.html 的頁面，它的作用就與書本的目錄相同。 大家應(yīng)該都有在書上找資料的經(jīng)驗(yàn)，一般來說我們都會(huì)打開書的目錄來查尋資料位置，以便較快找到資料。 同理，如果把我們的網(wǎng)站看成是一本書的話，那麼 “首頁” 就是書的目錄，它的作用就是使我們盡快的找到自己想找的資訊。 而很多人在設(shè)計(jì)網(wǎng)站的時(shí)候做出來的網(wǎng)站是很漂亮，但卻讓訪問的人無從下手來進(jìn)行瀏覽。 想從這個(gè)網(wǎng)站裏找到自己有興趣的內(nèi)容卻怎麼也找不到，雖然說這個(gè)網(wǎng)站裏有這些內(nèi)容，但就是找不到或者找起來很麻煩。 這就說明了引導(dǎo)性和可操作性的重要。 X 登錄 窗體頂端Email: 密 碼: 忘記密碼了 在這臺(tái)電腦上記住我 還沒有注冊(cè). 窗體底端2008-10-10 10:33:02 w (你還追啊，我到家了) 1.文本框焦點(diǎn)問題 onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件 Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件 Onselect:當(dāng)文字加亮后，產(chǎn)生該文件 點(diǎn)擊時(shí)文字消失，失去焦點(diǎn)時(shí)文字再出現(xiàn) 2.網(wǎng)頁按鈕的特殊顏色 3.鼠標(biāo)移入移出時(shí)顏色變化 4.平面按鈕 5.按鈕顏色變化 6.平面輸入框 7.使窗口變成指定的大小 window.resizeTo(300,283); 8.使文字上下滾動(dòng) 共和國 9.狀態(tài)欄顯示該頁狀態(tài) 10.可以點(diǎn)擊文字實(shí)現(xiàn)radio選項(xiàng)的選定 情侶 : 一次注冊(cè)兩個(gè)帳戶 11.可以在文字域的font寫onclick事件 12.打印打印網(wǎng)頁 13.線型輸入框 14.顯示文檔最后修改日期 function hi(str) document.write(document.lastModified) alert(hi+str+!) 15.可以在鼠標(biāo)移到文字上時(shí)就觸發(fā)事件 !- Hiding function hello() alert(哈羅!); link 16.可以根據(jù)網(wǎng)頁上的選項(xiàng)來確定頁面顏色 background.html Changing Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.將按鈕的特征改變 本例按鈕的代碼如下： 18.改變按鈕的圖片. 本例的按鈕代碼如下： 19.打印頁面 打印本稿 20.可以直接寫html語言 document.write(); 21.改變下拉框的顏色 22.轉(zhuǎn)至目標(biāo)URL window.location=http:/guoguo 23.傳遞該object的form UpdateSN(guoqiang99267,this.form) function UpdateSN(strValue,strForm) strForm.SignInName.value = strValue; return false; 24.文字標(biāo)簽 guoqiang99859 25.layer2為組件的ID，可以控制組件是否可見 document.all.item(Layer2).style.display = block; document.all.item(Layer2).style.display = none;/ 26.將頁面加入favorite中 / 27.過10秒自動(dòng)關(guān)閉頁面 function closeit() setTimeout(self.close()，10000) 28.可以比較字符的大小 char=post.charAt(i); if(!(0=char&char=9) 29.將字符轉(zhuǎn)化為數(shù)字 month = parseInt(char) 30.點(diǎn)擊value非空的選項(xiàng)時(shí)轉(zhuǎn)向指定連接 主辦單位 - 北京日?qǐng)?bào) 北京晚報(bào) 31.改變背景顏色 32.改變文字輸入框的背景顏色 .input2 background-image: url(./images/inputbg.gif); font-size: 12px; background-color: #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px 33.改變水平線的特征 34.傳遞參數(shù)的方式 8 35.頁內(nèi)跳轉(zhuǎn) 1 2 3 4 5 6 7 dfdf dfdf/ 36.兩個(gè)按鍵一起按下 if(event.ctrlKey & window.event.keyCode=13)/ 37.刷新頁面 javascript:this.location.reload()/ 38.將網(wǎng)頁的按鈕使能 function haha() for(var i=0;idocument.form1.elements.length;i+) if(.indexOf(bb)!=-1) document.form1.elementsi.disabled=!document.form1.elementsi.disabled; 39.文字移動(dòng) 40.雙擊網(wǎng)頁自動(dòng)跑 var currentpos,timer; function initialize() timer=setInterval(scrollwindow(),1); function sc() clearInterval(timer); function scrollwindow() currentpos=document.body.scrollTop; window.scroll(0,+currentpos); if (currentpos != document.body.scrollTop) sc(); document.onmousedown=sc document.ondblclick=initialize / 41.后退 42.前進(jìn) 43.刷新 44.轉(zhuǎn)向指定網(wǎng)頁 document.location=http:/ww或者document.location.assign(/) 45.在網(wǎng)頁上顯示實(shí)時(shí)時(shí)間 var clock_id; window.onload=function() clock_id=setInterval(document.form1.txtclock.value=(new Date);,1000) / 46.可以下載文件 document.location.href=目標(biāo)文件/ 47.連接數(shù)據(jù)庫 import java.sql.*; String myDBDriver=sun.jdbc.odbc.JdbcOdbcDriver; Class.forName(myDBDriver); Connection conn=DriverManager.getConnection(jdbc:odbc:firm,username,password); Statement stmt=conn.createStatement(); ResultSet rs=stmt.executeQuery(sql); rs.getString(column1);/ 48.可以直接在頁面“div”內(nèi)寫下所需內(nèi)容 INPUT TYPE=button onclick=a1.innerHTML=* / 49.可以改變頁面上的連接的格式，使其為雙線 A:link text-decoration: none; color:#0000FF; font-family: 宋體 A:visited text-decoration: none; color: #0000FF; font-family: 宋體 A:hover text-decoration: underline overline; color: FF0000 A:link text-decoration: none; color:#0000FF; font-family: 宋體 A:visited text-decoration: none; color: #0000FF; font-family: 宋體 A:hover text-decoration: underline overline line-through; color: FF0000 THFONT-SIZE: 9pt TDFONT-SIZE: 9pt body SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e7e7e7; INPUTBORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc DIV,form ,OPTION,P,TD,BRFONT-FAMILY: 宋體; FONT-SIZE: 9pt textarea, select border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋體; font-s