【正文】 =text/javascript src=js//script 導航條js效果鏈接樣式：script language=javascript type=text/javascript src=js//script main部分窗口切換效果鏈接樣式：script language=javascript type=text/javascript src=js//script div布局規(guī)劃： div class=wrap /* 定義總div標簽 */ div class=top /* “.”使用class標簽引入 top部分與logo部分 */ /top div id=menu /* “”使用id標簽引入 nav導航條部分 */ /div div class=banner /* banner和公告欄部分 */ /div div class=sub_main /* banner和公告欄部分 */ /divdiv class=ib_img1 /* bottoms部分 *//div/divcss樣式介紹 內(nèi)部樣式總多用標簽body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, form{margin:0。利用選框工具畫出相對應的框框，首先畫出左上角的小框，利用漸變工具給框框加上漸變色使頁面不會顯得僵硬。如 圖31 與 圖32圖31 第一次設(shè)計index頁面樣式（沈陽）圖32 商討后更改頁面（廣東）整體網(wǎng)站以灰白作為協(xié)調(diào)色，以logo上的科技藍與草綠為相稱色，并且以一些js技術(shù)效果實現(xiàn)一些動態(tài)效果，使界面實現(xiàn)一種連動性，為整個網(wǎng)站的效果增添技術(shù)科技感，使客戶更便捷的瀏覽界面。在科技藍中加入少量的淺白，使冷感趨于平靜態(tài)，緩和冷感的距離感，進一步引人前去求知。，便開始內(nèi)頁的制作，內(nèi)頁的制作相對簡單，保持首頁的整體風格不變，對相應的版塊就行修改即可，相同模塊的內(nèi)容只需要制作一個即可，內(nèi)頁制作完成后發(fā)給客戶確定，完成整個網(wǎng)頁的設(shè)計，并交給程序員切片添加程序。視覺設(shè)計的四點規(guī)則實際上是所謂的“視覺焦點”是視覺元素之間對比變化的集中體現(xiàn)，不管是多么簡單的設(shè)計，都不可能是孤零零的一個元素，突出的焦點都是在對比和融合之中建立起來的，即使是一個簡單的圓點，實際上它也是和背景建立了某種對比關(guān)系！如何建立視覺焦點：突出該突出的，弱化其它的，優(yōu)勢在全面中變得平庸!一個焦點（對稱 中心對稱） 、兩個焦點（疏密對比 視覺平衡）、 三個焦點？一個banner 、一個模塊、 整個頁面？要注意多個焦點之間的關(guān)系，構(gòu)圖是否主次分明、協(xié)調(diào)統(tǒng)一、視線流暢？用古人的話來說就是“經(jīng)營位置”。如 圖29 與 圖210圖29 視覺傳達的方法展現(xiàn)圖210 視覺傳達的手段展現(xiàn) 視覺設(shè)計進行視覺設(shè)計任何一個要素都可以發(fā)揮，任何一個元素所具有的視覺特征和意義都可以起到傳情達意的作用，根據(jù)設(shè)計目的，兩方面的作用可以相輔相成；根據(jù)不同的需求，側(cè)重點不一樣，有的需要營造氣氛感染情緒，有的需要明確的傳達信息；同樣依據(jù)任何一條法則，組織不同的元素都能形成一個不錯的畫面，具體如何進行也是由設(shè)計目的決定的；在一個完整的視覺設(shè)計中，涉及到的文字、色彩、圖片、材質(zhì)等等元素本身所具有的視覺特征和意義所起到的作用，應該統(tǒng)一起來，為同一個目標服務，不能分散；關(guān)于對比與統(tǒng)一：不管元素如何，不管章法如何，最終形成的畫面應該是協(xié)調(diào)舒服的的，有對比，也要統(tǒng)一，而對比不是雜亂無章的，統(tǒng)一也不是單一呆板的；關(guān)于格式塔心理學：格式塔是德文“整體”的譯音，其中的一點理論是說人們在視覺和感覺上更容易接受看起來像一個整體的事物。網(wǎng)頁作為視覺傳達的一種新興載體，有著比報刊、雜志、廣播、電視等傳統(tǒng)媒體更復雜的構(gòu)成要素，如文字、聲音、圖像等并存于一體。色彩是美學的重要組成部分，不同的色彩能夠表達不同的情感。如果在頁面堆砌太多的細節(jié)，使頁面過于復雜，以致瀏覽者找不到重點，他們也很快就會對該網(wǎng)頁失去興趣。其次，色彩風格與網(wǎng)站的內(nèi)容要能夠相互呼應。受現(xiàn)代色彩觀念的影響，色彩的豐富性從一開始就是網(wǎng)頁設(shè)計的發(fā)展趨向。這種形式感的表現(xiàn)在色彩的調(diào)子、階調(diào)、節(jié)奏、韻律上，與音樂的形式感有較多的共同性。 （5）色彩與音樂結(jié)合。網(wǎng)頁的時間性變化也影響著色彩的情感。在網(wǎng)頁中色彩的排列是四維度的，即在長、寬、深三維度的基礎(chǔ)上加上時間維度。低長調(diào)的色彩仿佛黑夜中的閃電，神秘壓抑又使人振奮；低短調(diào)的色彩仿佛暗夜里的幽靈，低沉冷漠讓人心情暗淡；不同的色調(diào)引發(fā)不同感覺和感情傾向，給網(wǎng)頁設(shè)計帶來了豐富的情感因素。色調(diào)作用于人的視覺和心理，通過與過去的經(jīng)驗、記憶或知識相聯(lián)系，產(chǎn)生諸如進退、冷暖、輕重、軟硬、華麗、樸素等不同感覺。一般情況下，網(wǎng)頁包括FLASH、GIF引導動畫、VI、導航、圖形圖像等內(nèi)容，這些內(nèi)容的色彩使用，直接決定著網(wǎng)頁色彩的感官感受。各個超鏈接在色彩上發(fā)生相互作用和過渡，要求是自然的、和諧的。記得要校正你的 gamma 值，并在不同的作業(yè)平臺上測試你的色盤。如 圖25 與 圖26 圖25 流行色彩時效 圖26 懷舊色彩感覺選擇色盤時請考慮功能性的顏色。為了要確認你的色盤能提供足夠的對比，你可以建立一個仿真網(wǎng)站，并將它轉(zhuǎn)換成灰階即可。顏色太接近無法產(chǎn)生足夠的對比效果，也會妨礙觀眾閱讀。 不要使用過多的顏色。 了解你的讀者群。了解你的網(wǎng)站所要傳達的訊息和品牌。如 圖14圖14 上下框架型構(gòu)圖5南京藍深泵業(yè)有限公司分公司網(wǎng)頁制作 畢業(yè)設(shè)計（論文）網(wǎng)頁色彩設(shè)計及視覺設(shè)計第2章 網(wǎng)頁色彩設(shè)計及視覺設(shè)計 色彩在網(wǎng)頁中的應用色彩是藝術(shù)表現(xiàn)的要素之一。左右框架型，是企業(yè)網(wǎng)站或論壇常用的布局，頁面分為左右兩部分，左邊一般為導航部分，右邊是與導航相對應的內(nèi)容。常見網(wǎng)頁版式布局結(jié)構(gòu)有以下幾種：兩欄式結(jié)構(gòu)，即頁面頂部為網(wǎng)站標志或廣告條，下面分為左右兩欄，一般左欄式導航或分類信息，右欄為主要內(nèi)容，這種布局很容易掌握，但如果在色彩上不加以注意的，很容易給人一種“乏味”的感覺。由Adobe公司開發(fā)設(shè)計，其用戶界面易懂、功能完善、性能穩(wěn)定，是比較專業(yè)的圖像處理軟件，它具有強大的濾鏡功能。用來制作效果圖的軟件并沒有明確的規(guī)定。圖片格式制作好的效果圖可以保存為各種格式，包括GIF格式，JPEG格式和PNG格式等各個圖片格式之間的區(qū)別為：GIF格式即圖形交換格式；GIF格式的圖片只能使用256種顏色，不適合顯示色彩豐富的圖像內(nèi)容。位圖習慣性稱為圖像，而將矢量圖稱為圖形，位圖是位映射圖像的簡稱，也可以叫柵格圖。網(wǎng)頁設(shè)計的制作首先在根據(jù)客戶的要求下，完成首頁制作，發(fā)給客戶在經(jīng)過客戶的確定后，再制作其他的頁面，制作完成后，交給客戶驗收，然后發(fā)給客戶確定，待所有的頁面都經(jīng)過客戶的確定后，完成網(wǎng)站的制作過程，交給后臺程序員添加程序和后臺加載內(nèi)容。草稿 新頁面就像一張白紙，沒有任何的約定俗成的東西，可以盡可能地發(fā)揮想象力，創(chuàng)造力，將想像的布局到頁面上。1南京藍深泵業(yè)有限公司分公司網(wǎng)頁制作 畢業(yè)設(shè)計（論文）網(wǎng)頁設(shè)計制作流程第1章 網(wǎng)頁設(shè)計制作流程客戶基本要求：在客戶確定制作網(wǎng)站網(wǎng)頁時，收取客戶公司的一些基本網(wǎng)站內(nèi)容資料；制作工具：準備制作網(wǎng)頁的工具、圖片制作工作、網(wǎng)絡(luò)工具等；超文本標識語言（HTML）編輯工具：editplus、記事本、Dreamweaver 頁面設(shè)計及美化工具；使用工具：所有可制作平面的軟件推薦使用Photoshop、Flash 編寫網(wǎng)頁：開始動手，編寫網(wǎng)頁，在Dreamweaver中使用div+css進行編輯制作。結(jié)合我在公司實習過程，現(xiàn)就網(wǎng)站建設(shè)和管理過程中，網(wǎng)站設(shè)計與制作的具體經(jīng)歷，包括：網(wǎng)頁設(shè)計與制作過程中的網(wǎng)頁布局，色彩構(gòu)置，框架結(jié)構(gòu)等相關(guān)事項做以下論述。s Web site concept and Note, including the framework of the overall layout of the pany39。隨著信息技術(shù)的普及與推廣，網(wǎng)上信息發(fā)布平臺也越來越完善，進而對整體視覺感受的要求也隨之提高。I南京藍深泵業(yè)有限公司分公司網(wǎng)頁制作 畢業(yè)設(shè)計（論文）摘要摘要 網(wǎng)頁設(shè)計作為用戶界面交互設(shè)計的延伸，是在新的媒體和新的技術(shù)支持下實現(xiàn)一個全新的設(shè)計創(chuàng)作領(lǐng)域。獨立完成網(wǎng)站制作并撰寫論文。設(shè)計（論文）的基本要求1） 主題突出，內(nèi)容充實，布局合理，結(jié)構(gòu)清晰、規(guī)范。南京藍深泵業(yè)有限公司分公司網(wǎng)頁制作 畢業(yè)設(shè)計（論文）摘要南京化工職業(yè)技術(shù)學院畢業(yè)設(shè)計（論文）論文題目：媒體公司網(wǎng)站設(shè)計與制作南京藍深泵業(yè)有限公司分公司網(wǎng)頁制作論文題目：Media Company Web Site Design andProduction Nanjing Deep Blue Pump Co., Ltd. Branch Web Production作者姓名: 吳小艷 所在系部: 信息技術(shù)系 班級名稱: 多媒體0922 指導教師: 彭雪萍 2012 年 4 月27南京藍深泵業(yè)有限公司分公司網(wǎng)頁制作 畢業(yè)設(shè)計（論文）任務書畢業(yè)設(shè)計（論文）任務書設(shè)計（論文）題目：媒體公司網(wǎng)站設(shè)計與制作指導教師：彭雪萍職稱：講師類別：畢業(yè)設(shè)計設(shè)計（論文）的主要任務 1) 根據(jù)題目要求，查閱大量文獻資料，并收集資料；了解用不同軟件制作網(wǎng)站的基本方法，并進行分析和比較。設(shè)計（論文）的主要內(nèi)容1）網(wǎng)站設(shè)計