第一篇:網頁設計配色應用實例剖析黑色系
網頁設計配色應用實例剖析黑色系——黑色系
黑色是暗色,是純度、色相、明度最低的非彩色。象征著力量,有時感覺沉默、虛空,有時感覺莊嚴肅穆,有時又意味著不吉祥和罪惡。自古以來,世界各族都公認黑色代表死亡、悲哀黑色具有能吸收光線的特性,別有一種變幻無常的感覺。
黑色能和許多色彩構成良好的對比調和關系,運用范圍很廣。黑色給人深沉、神秘、寂靜、悲哀、壓抑的感受。黑色是最有力的搭配色。黑色也常用來表示英俊的男人。
下面我們根據黑色系搭配不同的顏色所表現出的特性做不同的舉例分析。
→ 黑色網頁例圖:http://www.tmdps.cn 黑色系分析:(明度對比:黑色+白色)
從RGB和HBS模式可以看出,三組數字顯示沒有摻雜任何的數字,都統一到最高級0到255,即純黑和純白。
黑色白色屬于沒有色相和飽和度、只在明度兩極的非色彩。兩種極端強烈對比的只在明度上有區別的顏色,與前面我們所說的三原色、對比色的對比還是有較大區別的。
該頁面只有兩種非色彩搭配,即黑色白色,襯映得該頁面的設計元素也非常干凈簡練,旁邊點綴大小得當的文字元素減小該頁面有可能因此產生的單調感覺。
結論:
黑白純色在明度上反差非常大,視覺沖擊強烈,主次分明,全站的貫穿運用,構成特色鮮明的設計風格,散發迷人的高品位的貴族氣息。
黑白兩種顏色的搭配使用通常可以表現出都市化的感覺,常用于現代派頁面設計中。黑色系分析:(非色彩系:黑白深灰色)
該頁面與上頁配色類似,只是多了一組輔助色——灰色,黑、灰、白這三種非色彩在該頁面里都運用到了。大家從該頁整體可以看到,多了輔助色灰色,令該頁面層次感更豐富,過渡更柔和,空間感覺增強。左上部點睛色白色塊面的運用,使得這種空間感差距拉大,增強視覺層次感,同時突出標志品牌、主題思想。另一作用在于突出文字的功能運用。
背景深灰色明度非常低,接近于黑色,稍不留心有可能會被忽略。結合輔助色灰色再整體上看該色配色,主要起到豐富視覺層次感,緩和主色調黑色有可能帶來的僵硬感。
結論:
黑白灰非色彩色調所構成的頁面較具特色,尤其灰色的加入更增添層次感。結合黑白圖形,營造出一段古典的故事場景。契合該網站所體現的內容思想。黑色系分析:黑色背景
背景黑色下,除了白色,還有其他三種顏色綠色、紫色、紅色分布在不同的位置。其中綠色和紫色雖然被稱之為輔助色,但它們使用的面積仍然不多,只是相對于點睛色紅色來說。綠色主要是用于文字方面,紫色用于圖形方面,所指向的分工明確。從RGB模式RGB三個數值上看到紫色混合數值上較接近,因此純度降低,相對于綠色紅色來說為中間色,色彩性能上呈低調緩和狀態。
HSB模式S數值來看,綠色雖然純度上比紅色稍低些,也許是因為使用面積較多的原因,看起來似乎比紅色醒目些。紅色在這里主要起到的是點明目前所屬的狀態這一功能性作用,在黑色的背景下盡管使用面積非常小,但依舊容易被瀏覽者注意到。
結論:
黑色的背景下所使用的顏色面積雖然不多,但由于黑色這一襯托放大的特性,其他顏色較容易引起瀏覽者的注意,充分發揮其設計意圖。
黑色系分析:(黑白淺灰)
從RGB數值都是234來上看可知,255為白色,背景色234只是在明度上稍做變化得到的淺灰色。背景的淺灰色把前景的白黑對視覺的刺激力變得柔和協調很多。雖為背景灰色,實際在整個頁面配色作用上起到了點睛之筆,使得頁面煥發出另外一種神秘且特殊的氣息。
該頁面無論從設計上還是配色上都非常簡潔,主要是以黑白文字為重點,背后的白黑色塊面粗、白色邊框線條無不是為了突出前景文字的作用。
結論:
該頁面設計風格極其簡約,除了方形塊面邊框,沒有多余的圖形修飾,主要是以文字的大小粗細、疏密間距排版為設計元素。
淺灰色的加入讓本來具強烈沖突色的黑白變得素雅些了,也頗具高層次格調許多。黑色系分析:黑色+少量彩色
該頁面基本上還是以黑色為主色調,雖然似乎多了不少顏色的加入,但是由于使用面積都較少,除了少許修飾外主要運用于功能文字方面的強調。
輔助色藍色正藍色的HSB模式的H應該是240,目前這顯示的是215可看出色相上稍向綠色靠攏,S93%B43%來看純度和明度都不高,因此該藍色在黑色上顯示不明顯。
這里的點睛色主要都運用在文字功能上,紅色幾乎是正紅,由于降低了純度和明度,該顏色不明顯。綠色H數值為149,正綠色為120,色相上稍向藍色傾斜,純度和明度不高,因此該顏色也不明顯。
結論:
低純度低飽和度的色彩在黑色背景下,較易使整體色彩達到統一的目的,顏色變得柔和而含蓄。
黑色系分析:(黑色配色:黑色+橙色)
橙色的HSB模式H色值顯示是25,而正橙色是30可以知道,該橙色色相上稍往黃色傾斜。我們通過前面的學習可以知道橙色適用于視覺要求較高的時尚網站,運用于該網站主題設計再適合不過了。另一點睛橙色在色相上稍偏橙紅色,是基于橙色的一個過渡或者說是增加視覺節奏感的一個小方法。右邊文字在不同程度上也使用了橙色做為點睛,稍平衡了左右視覺,起到色彩左右呼應的作用。
輔色調白色使得黑色和橙色的搭配上不至于太生硬,增強頁面視覺的愉悅感。
結論:
橙色在黑色的背景上顯得很鮮亮,它的特性得到了最大化的發揮。色系分析:(黑色配色:黑色+紅色)
輔助色紅色從HBS模式上的H為0度看出,該紅色為正紅色且純度明度都為最高值100%,在黑色這一背景的襯托下,高純度高明度的正紅色遇到黑色搭配結合而得的特性簡直發揮到了極致。因此該頁面色彩配色具有極強的視覺沖擊力。
點睛色白色是讓這兩種顏色配合起來更透亮,緩和對人視覺不適的壓迫力。盡管頁面的設計元素為噪音效果,顏色在不同面積分配上也參差不齊的感覺,但是由于黑色主色調為背景,牢牢掌控了全局,頁面設計及配色上也能達到統一的目的。
結論:
紅色和黑色的搭配被譽為商業的成功色。一是因為紅色是一種對人刺激性很強的顏色,是最鮮明生動的、最熱烈的顏色。在黑色的反襯下鮮明紅色極容易吸引人們的目光。紅色相對于其他顏色,視覺傳遞速度最快。
紅黑這兩種配色也被廣泛的運用于較能體現個性的時尚類網站,讓人印象強烈的深刻。
本部分小節:
● 黑色是最暗的顏色,是純度、色相、明度最低的非彩色。因此它較容易起到襯托和發揮起其他顏色的特性,是最有力的搭配色。
● 黑白色的搭配較充滿個性,合理運用能散發出另外一種迷人的高品位高格調的貴族氣質。黑色與橙色搭配較容易營造視覺要求較高的時尚網站。黑色與紅色的搭配被譽為是商業的成功色,具有極強的視覺沖擊力。
● 無論頁面上使用或者色相跨度大的多種顏色、或是高純度低純度、或者高對比的顏色,只要有黑色這一最得力的色彩為主色調掌控著,頁面設計配色上能得到和諧統一的效果。
第二篇:網頁設計與應用
網頁設計與應用
專
業: 班
級: 學
號: 姓
名: 指導教師:
計算機網絡技術
20***031 蔡依婷 楊艷慈
邯鄲職業技術學院 2017年11月21日
摘要
網頁設計與應用
摘 要
本論文將對個人網頁設計與制作的方法、工具等展開研究和探討。在介紹網頁設計與制作語言的基礎上,著重使用JavaScript作為工具語言進行網頁設計與制作的實際操作,分別對基于對象的JavaScript語言、內部對象系統的使用及WEB頁面信息交互——窗口和框架進行詳細描述,并利用具體的實例進行驗證。
本論文主要章節如下,第一章:緒論,本章主要介紹網頁設計的相關知識。第二章:網頁設計語言概述,本章主要介紹網頁設計的語言——HTML,以及用于編輯HTML語言的軟件,為后續工作奠定基礎。第三章:基于對象的JavaScript語言,本章介紹了基于對象的JavaScript中常用內部對象屬性、方法的使用。第四章:內部對象系統的使用,本章主要介紹使用瀏覽器的內部對象系統,可實現與HTML文檔進行交互。第五章:WEB頁面信息的交互——窗體與框架,本章主要介紹實現網頁的動態交互,必須掌握有關窗體對象(Form)和框架對象(Frames)更為復雜的知識。
關鍵詞: 網頁制作;網頁設計;HTML;ASP
目 錄
1.1 網頁設計概述............................................................................................................................................4 1.2 網頁設計的要素........................................................................................................................................4 1.3 大作業目的和意義.....................................................................................................................................4
第二章 HTML網頁設計技術的應用...........................................6 2.1 HTML語言介紹........................................................................................................................................6 2.1.1 HTML語言的特點...............................................................................................................................6 2.1.2 HTML語言的編輯軟件.......................................................................................................................6
第三章 色彩在網頁中的應用..............................................7 3.1色彩在網頁中的應用...............................................................................................................................7 3.2主頁色彩的處理........................................................................................................................................7 3.3常用的配色方案........................................................................................................................................7
第四章 WEB頁面信息的交互——窗體與框架..................................8 4.1窗體基礎知識..............................................................................................................................................8 4.1.1窗體對象.................................................................................................................................................8 4.1.2 窗體對象的方法....................................................................................................................................9 4.2 窗體中的基本元素.....................................................................................................................................9 4.3窗體對象實例...........................................................................................................................................11 4.4 框架..........................................................................................................................................................13 4.5 框架的訪問...............................................................................................................................................14 4.6本章小結...................................................................................................................................................17 第五章 結 論...........................................................18 致 謝................................................................19 參考文獻................................................................20
緒論
第一章 緒論
隨著21世紀的到來,人們更深切地感受到計算機在生活和工作中的作用越來越重要,越來越來的職業需要具有計算機的應用技能。掌握計算機是職業的需要,更是事業發展的需要。網頁設計與制作是計算機能力的具體表現,本章主要介紹網頁設計的相關知識。
1.1 網頁設計概述
網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平臺,離開網站(或者只是利用第三方網站)去談電子商務是不可能的。企業的網址被稱為“網絡商標”,也是企業無形資產的組成部分,而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。
1.2 網頁設計的要素
網頁設計的兩大要素是:整體風格和色彩搭配。
一、確定網站的整體風格
在這里,我提供給大家一些參考經驗:
1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。2.突出你的標準色彩。
3.總結一句能反映貴站精髓的宣傳標語!
4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的!
二、網頁色彩的搭配
1.用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
1.3 大作業目的和意義
本大作業主要是對網頁設計與制作的語言基礎上進行探討,主要內容如下:通過已經做好的網頁,分析html網頁設計技術、XML技術、Java Applet技術和Javascript技術在網頁設計中的應用。
緒論 5
第二章
第二章 HTML網頁設計技術的應用
2.1 HTML語言介紹
HTML(HyperText Mark-up Language)即超文本標記語言或超文本鏈接標示語言,是目前網絡上應用最為廣泛的語言,也是構成網頁文檔的主要語言。
HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。
2.1.1 HTML語言的特點
HTML文檔制作不是很復雜,且功能強大,支持不同數據格式的文件鑲入,這也是WWW盛行的原因之一,HTML語言的特點如下:
1、簡易性,HTML版本升級采用超集方式,從而更加靈活方便。
2、可擴展性,HTML語言的廣泛應用帶來了加強功能,增加標識符等要求,HTML采取子類元素的方式,為系統擴展帶來保證。
3、平臺無關性。雖然PC機大行其道,但使用MAC等其他機器的大有人在,HTML可以使用在廣泛的平臺上,這也是WWW盛行的另一個原因。
2.1.2 HTML語言的編輯軟件
HTML的本質是文本,需要瀏覽器的解釋,HTML的編輯器大體可以分為三種:
1、基本編輯軟件,使用WINDOWS自帶的記事本或寫字版都可以編寫,當然,如果你用WPS來編寫,也可以。不過存盤時請使用.htm或.html作為擴展名,這樣瀏覽器就可以解釋執行了。
2、半所見即所得軟件,這種軟件能大大提高開發效率,它可以使你在很短的時間內做出Homepage,且可以學習HTML,這種類型的軟件主要有HOTDOG,還有國產的軟件網頁作坊。
3、所見即所得軟件,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網頁,這類軟件主要有Frontpage,DREAMWEAVER、Delphi、Eclipse、UltraEdit。
第三章 7 第三章 色彩在網頁中的應用
3.1色彩在網頁中的應用
色彩是藝術表現的要素之一。在網頁設計中,我們的設計師根據和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構成美麗的頁面。根據色彩對人們心理的影響,合理地加以運用。
先選定一種色彩,然后調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中不要將所有顏色都用到,盡量控制在三至五種色彩以內。背景和前文的對比盡量要大以便突出主要文字內容。
3.2主頁色彩的處理
色彩是人的視覺最敏感的東西。主頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是“總體協調,局部對比”,也就是:主頁的整體色彩效果應該是和諧的,只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上,可以根據主頁內容的需要,分別采用不同的主色調。因為色彩具有象征性,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業的標志色,例如:軍警的橄欖綠,醫療衛生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進、退的效果等。另外,色彩還有民族性,各個民族由于環境、文化、傳統等因素的影響,對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性,可以使我們的主頁具有深刻的藝術內涵,從而提升主頁的文化品位。
3.3常用的配色方案
1.暖色調。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用,可使主頁呈現溫馨、和煦、熱情的氛圍。
2.冷色調。即青色、綠色、紫色等色彩的搭配。這種色調的運用,可使主頁呈現寧靜、清涼、高雅的氛圍。
3.對比色調。即把色性完全相反的色彩搭配在同一個空間里。例如:紅與綠、黃與紫、橙與藍等。這種色彩的搭配,可以產生強烈的視覺效果,給人亮麗、鮮艷、喜慶的感覺。
第四章
最后,還要考慮主頁底色(背景色)的深、淺,這里借用攝影中的一個術語,就是“高調”和“低調”。底色淺的稱為高調;底色深的稱為低調。底色深,文字的顏色就要淺,以深色的背景襯托淺色的內容(文字或圖片);反之,底色淡的,文字的顏色就要深些,以淺色的背景襯托深色的內容(文字或圖片)。這種深淺的變化在色彩學中稱為“明度變化”。當然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強,同樣也會使讀者的眼睛受不了。
第四章 WEB頁面信息的交互——窗體與框架
要實現網頁的動態交互,必須掌握有關窗體對象(Form)和框架對象(Frames)更為復雜的知識。
4.1窗體基礎知識
窗體對象可以使設計人員能用窗體中不同的元素與客戶機用戶相交互,而用不著在之前首先進行數據輸入,就可以實現動態改變Web文檔的行為。
4.1.1窗體對象
窗體(Form):它構成了Web頁面的基本元素。通常一個Web頁面有一個窗體或幾個窗體,使用Forms[]數組來實現不同窗體的訪問。
在Forms[0]中共有三個基本元素,而Forms[1]中只有兩個元素。窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體,它封裝了相關的HTML代碼:
4.1.2 窗體對象的方法窗體對象的方法只有一個--submit()方法,該方法主要功用就是實現窗體信息的提交。如提交Mytest窗體,則使用下列格式:
document.mytest.submit()4.2 窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素,必須通過對應特定的窗體元素的數組下標或窗體元素名來實現。每一個元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:
formName.elements[].methadName(窗體名.元素名或數組.方法)formName.elemaent[].propertyName(窗體名.元素名或數組.屬性)下面分別介紹:
(1)Text單行單列輸入元素
功能:對Text標識中的元素實施有效的控制?;緦傩裕?/p>
Name:設定提交信息時的信息名稱。對應于HTML文檔中的Name。Value:用以設定出現在窗口中對應HTML文檔中Value的信息。defaultvalue:包括Text元素的默認值 基本方法:
blur():將當前焦點移到后臺。select():加亮文字。主要事件:
onFocus:當Text獲得焦點時,產生該事件。OnBlur:從元素失去焦點時,產生該事件。Onselect:當文字被加亮顯示后,產生該文件。onchange:當Text元素值改變時,產生該文件。例:
...第四章
(2)textarea多行多列輸入元素
功能:實施對Textarea中的元素進行控制?;緦傩?/p>
name:設定提交信息時的信息名稱,對應HTML文檔Textarea的Name。Value:用以設定出現在窗口中對應HTML文檔中Value的信息。Default value:元素的默認值。方法:
blur():將輸入焦點失去 select():將文字加亮后 事件:
onBlur:當失去輸入焦點后產生該事件 onFocus:當輸入獲得焦點后,產生該文件 Onchange:當文字值改變時,產生該事件 Onselect:當文字加亮后,產生該文件(3)Select選擇元素
功能:實施對滾動選擇元素的控制。屬性:
name:設定提交信息時的信息名稱,對應文檔select中的name。Length:對應文檔select中的length options:組成多個選項的數組 selectIndex;該下標指明一個選項
select在中每一選項都含有以下屬性: Text:選項對應的文字
selected:指明當前選項是否被選中 Index:指明當前選項的位置 defaultselected:默認選項 事件:
OnBlur:當select選項失去焦點時,產生該文件。onFocas:當select獲得焦點時,產生該文件。Onchange:選項狀態改變后,產生該事件。(4)Button按鈕
功能:實施對Button按鈕的控制。屬性:
Name:設定提交信息時的信息名稱,對應文檔中button的Name。Value:用以設定出現在窗口中對應HTML文檔中Value的信息。方法:
click()該方法類似于一個按下的按鈕。事件:
onclick當單擊button按鈕時,產生該事件。例 :
10第四章 11........4.3窗體對象實例
下面我們演示通過點擊一個按鈕(red)來改變窗口顏色,點擊“調用動態按鈕文檔”調用一個動態按鈕文檔。
test8_1.htm
調用動態按鈕文檔第三篇:網頁設計與應用畢業論文
目 錄
第一章 前言??????????????????????????????2 1.1 課題來源 ???????????????????????????? 2 1.2 網站開發項目需求分析??????????????????????? 2 1.3 軟件??????????????????????????????? 3 1.4 軟件運行環境第二章 網站制作????????????????????3 第二章網絡制作????????????????????????????3 2.1做網頁的步驟 ??????????????????????????? 3 2.2 做網頁的要素????????????????????????????4 2.2.1網頁的整體布局設計????????????????????????4 2.2.2 網頁設計中色彩的運用???????????????????????4 2.2.3 網頁形式與內容相統一 ?????????????????????? 4 2.3 系統各模塊功能實現?????????????????????????4 2.3.1 系統登錄模塊 ??????????????????????????4 2.3.2 車輛展示模塊 ?????????????????????????? 5 2.3.3 賬號管理模塊???????????????????????????5 第三章 網站的設計??????????????????????????? 5 3.1 主頁的要求?????????????????????????????5 3.2 子頁的要求?????????????????????????????5 3.3 網頁設計技巧????????????????????????????5 3.3.1 框架的使用????????????????????????????5 3.3.2 CSS 樣式的使用??????????????????????????6 第四章 網站的應用??????????????????????????? 6 4.1 網頁分為靜態網頁和動態網頁?????????????????????6 4.2 我的認識??????????????????????????????6 結束語 ???????????????????????????????? 7 參考文獻????????????????????????????????7
—1—
網頁設計與應用
摘 要 :汽車網站是一個結合了汽車銷售等多功能瀏覽的汽車網站,我所使用的軟件是
Macromedia 公 司 推 出 的 一 款 用 于 網 頁 設 計 的 軟 件 — —
dreamweaver8。在網頁的制作與鏈接中,我學到了很多,然后補充一些比較熱門的技巧。網站具有快捷。無距離更新的特性,同時提供進入日常業務處理平臺的“入口”,具有較強的實用價值。這樣的網站被廣大消費者普遍使用,隨著現在網絡的普及和高效性的不斷提高,它的展示作用和實用性已經使它的應用地位越來越高,越來越廣泛。本文對網站設計作了介紹,進行了需求分析、模塊劃分、框架和 CSS 的介紹。由于制作經驗不足,作品和論文中存在問題之處,請老師指導完善。
關鍵詞: 超鏈接,外觀,性能,框架,CSS 目 錄
第一章 前言 1、1 課題來源
隨著二十一世紀新興科技的飛速發展,如今的電子信息產業正在經受著一個巨大的挑戰,同時也面臨著一個重大的機遇。就目前的科技發展水平而言,電子信息產業的發展已經不能夠滿足社會化大生產的要求,因此,各個國家集中人力、財力加大對信息技術產業的投入,以適應目前需要。可喜的是在這幾十年的發展中我們有了互聯網?;ヂ摼W加大了我們了解世界的眼界,縮緊了人與人之間的距離,這就更容易的使我們走上信息化的道路。以往,人們出行都以自行車居多,后來公交事業發展壯大,人們便乘坐公交汽車,現如今,隨著人們生活水平的提高,越來越多的家庭已經擁有或者想擁有自己的私家車。正是因為人們的這些需求,越來越多的汽車網站出現在網絡上,使人們可以隨時了解自己想知道的汽車方面的新聞,真正的做到足不出戶,便知天下事。把汽車銷售與網絡連接起來,是今后汽車銷售發展的必然方向之一。
1.2 網站開發項目需求分析
一個網站項目的確立是建立在各種各樣的需求上面的,這種需求往往來自于客戶的實際需求或者是出于公司自身發展的需要,其中客戶的實際需求也就是說這種交易性質的需求占了絕大部分。面對對網站開發擁有不同知識層面的客戶,項目的負責人對用戶需求的理解程度,在很大程度上決定了此類網站開發項目的成敗。因此如何更好地的了解、分析、明確用戶需求,并且能夠準確、清晰以文檔的形式表達給參與項目開發的每個成員,保證開發過程按照滿足用戶需求為目的正確項目開發方向進行,是每個網站開發項目管理者需要面對的問題。據專家預計,2009 年我國汽車需求量將超過 850 萬輛。所以,做好汽車 —2—
網站就是為了使廣大的消費者提供及時和有效的信息,為其選擇適合自己的產品提供良好的參考。
1.3 使用軟件
dreamwraver 軟 件 由 美 國 著 名 的 網 站 應 用 開 發 工 具 生 產 廠 商 AdobeMacromedia 于 2005 年 6 月推出并正式投入市場以來,已經發展得相當成熟⑴。關于dreamwraver 的技術介紹的相關書籍與網絡信息相當豐富。通過大學中軟件開發環境課程的學習,對 dreamwraver 有了比較深刻的認識,并比較輕松的掌握了dreamwraver 的操作。因此,軟件技術可以完成任務的要求。
1.4 軟件運行環境
Dreamweaver 是一款簡體中文軟件,可以在 Win2003/WinXP 中安全運行⑵
第二章 網站制作
2.1 制做網頁的步驟
在做網頁之前,我確定了做網頁的五個步驟。
一、確定網站主題 :網站主題就是要建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。
二、搜集材料 :明確了網站的主題以后,你就要圍繞主題開始搜集材料了。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯網上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網頁的素材。
三、規劃網站 :一個網站設計得成功與否,很大程度上決定于設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。
四、選擇合適的制作工具 :盡管選擇什么樣的工具并不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。
五、制作網頁 :材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出
①知新文化.HTML 完全手冊與速查辭典[M].北京:科學出版社,第49頁,2007.② 楊選輝,網頁設計與制作教程[M].北京:清華大學出版社,第321頁,2009.—3—
現問題時好修改。在制作網頁時要多靈活運用模板,這樣可以大大提高制作效率。此外,整體設計完成后我們還要將網頁上傳測試,使其和其他版本瀏覽器能夠兼容,再者對網站推廣宣傳,及時的維護更新。
2.2 制作網頁的要素
2.2.1 網頁的整體布局設計
網頁設計作為一種視覺語言,要講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處,應充分加以利用和借鑒。⑴版式設計通過文字圖形的空間組合,表達出和諧與美。一個優秀的網頁設計者也應該知道哪一段文字圖形該落于何處,才能使整個網頁生輝。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。尤其是我們在利用網頁效果體現在線營銷的意圖時,更要注意為了達到最佳的視覺表現效果,而講究整體布局的合理性,比如一家生產型的企業,它所提供產品的名稱、類別、型號、價格、功能介紹應怎樣編排才能使瀏覽者有一個流暢的視覺體驗,從而方便他對產品的了解,促成最后的購買。
2.2.2 網頁設計中色彩的運用
色彩是藝術表現的要素之一,在網頁設計中,根據和諧、均衡和重點突出的原則,將不同的色彩進行組合、搭配來構成美麗的頁面。⑵根據色彩對人們心理的影響,合理地加以運用,按照色彩的記憶性原則,一般暖色較冷色的記憶性更強一些。色彩還具有聯想與象征的特質,如紅色象征血、太陽;藍色象征大海、天空和水面等。所以如果我們在對一家出售冷食的商店進行虛擬店面的頁面設計時,應使用淡雅而沉靜的顏色,使人心理上感覺涼爽一些,增強人們的購買心理,使得在線營銷得到很好的實踐效果。另要注意的是網頁的顏色應用雖沒有限制,但不能毫無節制地運用多種顏色,一般情況下,先根據總體風格的要求定出一至二種主色調,在已經有了完備的 CIS(企業形象識別系統)的企業進行網頁設計時,更應該按照其中的 VI 進行色彩運用。在色彩的運用過程中,還應注意的一個問題是:由于國家和種族、宗教和信仰的不同,以及生活的地理位置、文化修養的差異等,不同的人群對色彩的喜惡程度有著很大的差異。如:兒童喜歡對比強烈、個性鮮明的純顏色;生活在草原上的人喜歡紅色;生活在鬧市中的人喜歡淡雅的顏色;生活在“沙漠”中的人喜歡綠色。⑶在設計中要考慮眾多因素。
2.2.3 網頁形式與內容相統一
要將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。⑷運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則在
①王誠君,劉振華,郭竑暉,《高中山.Dreamweaver 8 網頁設計應用教程[M]》.北京:清華大學出版社,第332頁,2007.②李光明,曹蕾,余輝.《中文Dreamweaver 8 網頁設計與實訓教程[M]》.北京:冶金工業出版社,第13頁,2006.③周德華,許銘霖.《新編網頁設計教程[M]》.北京:冶金工業出版社,第159頁,2006.—4—
頁面設計中,它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或采用夸張的手法來表現內容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素,要使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用并不是孤立的,很多時候都需要將它們結合起來,表達完美的設計意境。
2.3 系統各模塊功能實現
2.3.1 系統登錄模塊
1、該功能模塊可以記錄客戶的郵箱地址,交易時還可以向客戶發送交易信息,到帳確認等等。
2、登陸后系統會調出客戶的記錄,按照交易量的不同客戶享受的折扣也不同,系統主界面
2.3.2 車輛展示模塊⑴
1、該功能模塊主要實現對車輛的展示。
2、該功能模塊圖片、文字介紹,360 度 flash 對各種車輛的展示。
2.3.3 賬號管理模塊⑵
1、掛失業務在正常工作中肯定會遇到掛失的業務,確定掛失后,數據庫會將該賬號掛起,等待客戶做進一步操作。
2、凍結業務,客戶對賬號有凍結的權利,在客戶沒有輸入解凍密碼之前,任何人都無法動用帳上的資金。
3、流水查詢客戶可以查詢曾經交易過的記錄。
4、客戶可以自行對其賬號密碼進行修改,網站管理人員也可以添加或刪除賬號。
第三章 網站的設計
3.1 主頁的要求
對于銷售業務系統要求運行的工作環境穩定,易于操作,界面美觀大方,對 于前臺展示界面要求系統便于維護,安全可靠,對于廣大客戶所要執行的操作 簡單易懂,遠程訪問速度較快,界面友好美觀,有基本的錯誤提醒功能,遠程 操作數據庫正確,要求和客戶有一定的互動性,在主頁上直觀的就可以查看瀏 覽者所想要了解的東西。
3.2 子頁的要求
后面的工作就是子頁的選擇與鏈接,子頁應該豐富多彩,內容充實,瀏覽 性強,比如說,想要銷售一輛汽車,應該有它的全部資料,包括外觀、內飾、性能指標、出產地、價
① 趙銘建,趙慧,喬孟麗,康梅娟.《網頁設計與制作[M].》東營:中國石油大學出版社,第66頁,2007.②趙祖蔭,王云翔,胡耀芳.《網頁設計與制作教程[M]》.北京:清華大學出版社,第187頁,2008.—5—
格等諸多方面,鑒于以上方面,我開始了子頁的選擇 與鏈接。3.3 網頁設計技巧
一張完美的主頁設計需要積累豐富的知識以及掌握大量的技巧。在這里從框架 和 CSS 樣式的運用兩方面來介紹網頁設計的技巧。⑴
3.3.1 框架的使用
FRAME(框架)是 Web 上經常會看到的頁面結構。框架的最常見用途就是導航⑵。一組框架通常包括一個含有導航條的框架和另一個要顯示主要內容頁面的框 架。使用框架具有以下優點:訪問者的瀏覽器不需要為每個頁面重新加載與導航相 關的圖形;每個框架都具有自己的滾動條如果內容太大,在窗口中顯示不下,因此訪問者可以獨立滾動這些框架。例如,當框架中的內容頁面較長時,如果 導航條位于不同的框架中,那么向下滾動到頁面底部的訪問者就不需要再滾動 回頂部來使用導航條。使用框架具有以下缺點:可能難以實現不同框架中各元素的精確圖形對齊;對 導航進行測試可能很耗時間。許多專業 Web 設計人員不喜歡使用框架,并且許多瀏覽 Web 的人也不喜歡框 架。在大多數情況下,這種反感是因為遇到了那些使用框架效果不佳或不必要 地使用框架的站點例如,每當訪問者單擊導航按鈕時就重新加載導航框架內 容的框架集。如果框架使用得法例如,在允許其他框架的內容發生更改的同 時,使一個框架中的導航控件保持靜態,則這些框架對于某些站點可能非常 有用。
3.3.2 CSS 樣式的使用
CSS 層疊 樣 式 表 是 一 種 制 作 網 頁 的 新 技 術 它 的 全 稱 是 級 聯 樣 式 表 即Cascading StyleSheets 的縮寫,又稱之為風格樣式表單。⑶CSS 是在網頁制作過程中普遍用到的技術。采用了 CSS 技術控制的網頁,設計者會更輕松、有效地對頁面的整體布局、顏色、字體、鏈接、背景以及同一頁面的不同部分、不同頁面的外觀和格式等效果實現更加精確地控制。
第四章 網頁的應用
4.1 網頁分為靜態網頁和動態網頁。
4.1.1 優點:
靜態網頁:1.靜態網頁的內容相對穩定,因此容易被搜索引擎檢索; 動態網頁:
1.動態網頁以數據庫技術為基礎,可以大大減少降低網站維護的工作量;
2.采用動態網頁技術的網站可以實現更多的功能,如用戶注冊、用戶登錄、在線調查、用戶管理、頂訂單管理等等
①]陳季.《 Flash 基礎與實例教程[M]》.北京:北京希望電子出版社,第88頁,2005.②丁海祥.《計算機平面設計實訓[M].》 北京:高等教育出版社,第54頁,2005.③曹雁青,楊聰.《 Photoshop 經典作品賞析[M].》北京:北京海洋智慧圖書有限公司,第35頁,2002.—6—
4.1.2 缺點: 靜態網頁:
1.靜態網頁沒有數據庫的支持,在網站能制作和維護方面工作量較大,因此 當網站信息量很大時完全依靠靜態網頁制作方式比較困難; 2.靜態網頁的交互性交叉,在功能方面有較大的限制。動態網頁:1.動態網頁中的“?”對搜索引擎檢索存在一定的問題,搜索引擎一般不可 能從一個網站的數據庫中訪問全部網頁,或者處于技術方面的考慮,搜索 蜘蛛不去抓取網址中“?”后面的內容,因此采用動態網頁的網站在進行 搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。
4.2 我的認識
網頁應用很廣泛,當我們打開 IE 瀏覽器的時候,出現在屏幕上的就是一個網頁,隨著社會的進步,生活節奏地加快,各行各業都開始使用互聯網來宣傳自己的產品,或者進行其他的活動。網站設計離不開網頁,網頁像書中的章頁,由這些頁面構成了整個網站。不管是大企業還是小公司,都有自己的網站,當然網站是離不開網頁的。網頁中的信息可以給我們帶來很多幫助,可以用來學習或者做一些活動的參考。通過對這門課程的學習會收獲很多。
結束語
在系統的需求分析過程中,由于不熟悉,產生了很大的困難,通過與指導老師的探討與溝通,我漸漸地對系統有了一個大體的認識。雖然說在系統需求分析過程中花費了很多時間,但是我認為這是必要的也是必須的。這次畢業設計中我了解到了很多的知識,這對我今后的學習和生活都將會有很大的幫助。我明白了對于一個完整性的軟件設計流程的主要性,在整個網站設計過程中前期需求分析,可行性分析是非常重要的環節,可以說是軟件設計的核心,在過去我一直認為詳細設計編碼才是最重要的,因為再好的需求,編碼不成功,軟件就無法正常運行。鍛煉了自己發現問題,解決問題的能力。開發過程中遇到一些需求的變化,通過修改設計思路,避免在后期產生更大的錯誤。再詳細設計的每一步都有可能出錯,所以會進行非常多的調試工作,只要發現問題就調試解決,這樣不僅增強了信心,也很好的鍛煉了自己遇到問題不急不躁,耐心解決的能力。
參 考 文 獻
〈1〉《信息技術》江蘇科學技術出版社.〈2〉《網頁制作》人民郵電出版社.〈3〉 《dreamweaver8 參考手冊》2008 年版.,〈4〉柯林森、劉志忠,CSS 基礎教程,人民郵電出版社,2007.9.〈5〉蘇昱,樣式表中文手冊,幫助文檔。〈6〉韓國鋒、ASP 柯華坤,網站開發典型模塊與實例精講,電子工業出版社,2006.8.—7—
第四篇:傳感器設計及應用實例論文
壓力傳感器(壓力變送器)的原理及應用
概 述:壓力傳感器是工業實踐中最為常用的一種傳感器,其廣泛應用于各種工業自控環境,涉及水利水電、鐵路交通、智能建筑、生產自控、航空航天、軍工、石化、油井、電力、船舶、機床、管道等眾多行業,下面就簡單介紹一些常用傳感器原理及其應用
1、應變片壓力傳感器原理與應用
力學傳感器的種類繁多,如電阻應變片壓力傳感器、半導體應變片壓力傳感器、壓阻式壓力傳感器、電感式壓力傳感器、電容式壓力傳感器、諧振式壓力傳感器及電容式加速度傳感器等。但應用最為廣泛的是壓阻式壓力傳感器,它具有極低的價格和較高的精度以及較好的線性特性。下面我們主要介紹這類傳感器。
在了解壓阻式力傳感器時,我們首先認識一下電阻應變片這種元件。電阻應變片是一種將被測件上的應變變化轉換成為一種電信號的敏感器件。它是壓阻式應變傳感器的主要組成部分之一。電阻應變片應用最多的是金屬電阻應變片和半導體應變片兩種。金屬電阻應變片又有絲狀應變片和金屬箔狀應變片兩種。通常是將應變片通過特殊的粘和劑緊密的粘合在產生力學應變基體上,當基體受力發生應力變化時,電阻應變片也一起產生形變,使應變片的阻值發生改變,從而使加在電阻上的電壓發生變化。這種應變片在受力時產生的阻值變化通常較小,一般這種應變片都組成應變電橋,并通過后續的儀表放大器進行放大,再傳輸給處理電路(通常是 A/D轉換和CPU)顯示或執行機構。
它由基體材料、金屬應變絲或應變箔、絕緣保護片和引出線等部分組成。根據不同的用途,電阻應變片的阻值可以由設計者設計,但電阻的取值范圍應注意:阻值太小,所需的驅動電流太大,同時應變片的發熱致使本身的溫度過高,不同的環境中使用,使應變片的阻值變化太大,輸出零點漂移明顯,調零電路過于復雜。而電阻太大,阻抗太高,抗外界的電磁干擾能力較差。一般均為幾十歐至幾十千歐左右。
電阻應變片的工作原理
金屬電阻應變片的工作原理是吸附在基體材料上應變電阻隨機械形變而產生阻值變化的現象,俗稱為電阻應變效應。金屬導體的電阻值可用下式表示:
式中:ρ——金屬導體的電阻率(Ω·cm2/m)
S——導體的截面積(cm2)
L——導體的長度(m)
我們以金屬絲應變電阻為例,當金屬絲受外力作用時,其長度和截面積都會發生變化,從上式中可很容易看出,其電阻值即會發生改變,假如金屬絲受外力作用而伸長時,其長度增加,而截面積減少,電阻值便會增大。當金屬絲受外力作用而壓縮時,長度減小而截面增加,電阻值則會減小。只要測出加在電阻的變化(通常是測量電阻兩端的電壓),即可獲得應變金屬絲的應變情況。來源: http://tede.cn
2、陶瓷壓力傳感器原理及應用
抗腐蝕的陶瓷壓力傳感器沒有液體的傳遞,壓力直接作用在陶瓷膜片的前表面,使膜片產生微小的形變,厚膜電阻印刷在陶瓷膜片的背面,連接成一個惠斯通電橋(閉橋),由于壓敏電阻的壓阻效應,使電橋產生一個與壓力成正比的高度線性、與激勵電壓也成正比的電壓信號,標準的信號根據壓力量程的不同標定為2.0 / 3.0 / 3.3 mV/V等,可以和應變式傳感器相兼容。通過激光標定,傳感器具有很高的溫度穩定性和時間穩定性,傳感器自帶溫度補償0~70℃,并可以和絕大多數介質直接接觸。
陶瓷是一種公認的高彈性、抗腐蝕、抗磨損、抗沖擊和振動的材料。陶瓷的熱穩定特性及它的厚膜電阻可以使它的工作溫度范圍高達-40~135℃,而且具有測量的高精度、高穩定性。電氣絕緣程度 >2kV,輸出信號強,長期穩定性好。高特性,低價格的陶瓷傳感器將是壓力傳感器的發展方向,在歐美國家有全面替代其它類型傳感器的趨勢,在中國也越來越多的用戶使用陶瓷傳感器替代擴散硅壓力傳感器。
3、擴散硅壓力傳感器原理及應用
工作原理
被測介質的壓力直接作用于傳感器的膜片上(不銹鋼或陶瓷),使膜片產生與介質壓力成正比的微位移,使傳感器的電阻值發生變化,和用電子線路檢測這一變化,并轉換輸出一個對應于這一壓力的標準測量信號。來源:www.tmdps.cn
4、藍寶石壓力傳感器原理與應用
利用應變電阻式工作原理,采用硅-藍寶石作為半導體敏感元件,具有無與倫比的計量特性。
藍寶石系由單晶體絕緣體元素組成,不會發生滯后、疲勞和蠕變現象;藍寶石比硅要堅固,硬度更高,不怕形變;藍寶石有著非常好的彈性和絕緣特性(1000 OC以內),因此,利用硅-藍寶石制造的半導體敏感元件,對溫度變化不敏感,即使在高溫條件下,也有著很好的工作特性;藍寶石的抗輻射特性極強;另外,硅-藍寶石半導體敏感元件,無p-n漂移,因此,從根本上簡化了制造工藝,提高了重復性,確保了高成品率。
用硅-藍寶石半導體敏感元件制造的壓力傳感器和變送器,可在最惡劣的工作條件下正常工作,并且可靠性高、精度好、溫度誤差極小、性價比高。
表壓壓力傳感器和變送器由雙膜片構成:鈦合金測量膜片和鈦合金接收膜片。印刷有異質外延性應變靈敏電橋電路的藍寶石薄片,被焊接在鈦合金測量膜片上。被測壓力傳送到接收膜片上(接收膜片與測量膜片之間用拉桿堅固的連接在一起)。在壓力的作用下,鈦合金接收膜片產生形變,該形變被硅-藍寶石敏感元件感知后,其電橋輸出會發生變化,變化的幅度與被測壓力成正比。
傳感器的電路能夠保證應變電橋電路的供電,并將應變電橋的失衡信號轉換為統一的電信號輸出(0-5,4-20mA或0-5V)。在絕壓壓力傳感器和變送器中,藍寶石薄片,與陶瓷基極玻璃焊料連接在一起,起到了彈性元件的作用,將被測壓力轉換為應變片形變,從而達到壓力測量的目的。
5、壓電壓力傳感器原理與應用
壓電傳感器中主要使用的壓電材料包括有石英、酒石酸鉀鈉和磷酸二氫胺。其中石英(二氧化硅)是一種天然晶體,壓電效應就是在這種晶體中發現的,在一定的溫度范圍之內,壓電性質一直存在,但溫度超過這個范圍之后,壓電性質完全消失(這個高溫就是所謂的“居里點”)。由于隨著應力的變化電場變化微?。ㄒ簿驼f壓電系數比較低),所以石英逐漸被其他的壓電晶體所替代。而酒石酸鉀鈉具有很大的壓電靈敏度和壓電系數,但是它只能在室溫和濕度比較低的環境下才能夠應用。磷酸二氫胺屬于人造晶體,能夠承受高溫和相當高的濕度,所以已經得到了廣泛的應用。
現在壓電效應也應用在多晶體上,比如現在的壓電陶瓷,包括鈦酸鋇壓電陶瓷、PZT、鈮酸鹽系壓電陶瓷、鈮鎂酸鉛壓電陶瓷等等。
壓電效應是壓電傳感器的主要工作原理,壓電傳感器不能用于靜態測量,因為經過外力作用后的電荷,只有在回路具有無限大的輸入阻抗時才得到保存。實際的情況不是這樣的,所以這決定了壓電傳感器只能夠測量動態的應力。
壓電傳感器主要應用在加速度、壓力和力等的測量中。壓電式加速度傳感器是一種常用的加速度計。它具有結構簡單、體積小、重量輕、使用壽命長等優異的特點。壓電式加速度傳感器在飛機、汽車、船舶、橋梁和建筑的振動和沖擊測量中已經得到了廣泛的應用,特別是航空和宇航領域中更有它的特殊地位。壓電式傳感器也可以用來測量發動機內部燃燒壓力的測量與真空度的測量。也可以用于軍事工業,例如用它來測量槍炮子彈在膛中擊發的一瞬間的膛壓的變化和炮口的沖擊波壓力。它既可以用來測量大的壓力,也可以用來測量微小的壓力。
壓電式傳感器也廣泛應用在生物醫學測量中,比如說心室導管式微音器就是由壓電傳感器制成的,因為測量動態壓力是如此普遍,所以壓電傳感器的應用就非常廣泛。
BP01型壓力傳感器及其在便攜式電子血壓計中的應用
介紹了德利康公司的BP01型壓力傳感器的主要性能和參數給出了一個用BP01作傳感器組成的便攜式電子血壓計的實際電路,并對該應用電路的工作原理進行了說明,同時給出了該便攜式電子血壓計電路的設計和調試方法。概述
BP01 型壓力傳感器是為監測血壓而專門設計的,主要用于便攜式電子血壓計。它采用精密厚膜陶瓷芯片和尼龍塑料封裝,具有高線性、低噪聲和外界應力小的特點;采用內部標定和溫度補償方式,從而提高了測量的精度、穩定性以及可重復性,在全量程范圍內,精度為±1%,零點失調不大于±300μV。BP01的主要性能參數
BP01的內部等效電路和外形封裝如圖1所示;表1所列為BP01在電源電壓Vs為5.0V、環境溫度TA為25℃時的主要性能參數。
BP01的極限參數如下:
·最大工作電壓:20VDC;
·最大耐壓:1500 mmHg;
·工作溫度范圍:0~70℃;
·引腳焊接溫度(最大值):250℃(2~4秒)?;贐P01的電子血壓計
3.1工作原理
用BP01構成的便攜式電子血壓計的原理電路如圖2所示,它由偏置電源電路(A1、A2)、前置處理電路(A3~A6)、顯示電路(A7)和壓力傳感器(BP01)組成,該血壓計的血壓測量范圍為0~200mmHg,分辨率為0.1mmHg,工作電源為一節9V迭層電池?,F將血壓計中各主要電路的工作原理分述如下:
a.偏置電源電路
電源電路由帶有內置參考電壓的雙運放LM10組成,A1構成同相放大器,A2構成跟隨器,它們的作用是將內置的參考電壓放大后用作壓力傳感器BP01的偏置電壓Vs,其Vs的值由下式決定:
Vs=Vref(1+R2/R3)
式中:Vref為LM10的內置參考電壓。其值為200mV,將此值連同電路中的R2和R3的值代入上式即可求得偏置電壓Vs的值為5V。
b.前置處理電路
前置處理電路由A3~A6四個運算放大器組成,其中A3構成失調偏置電路以對電路失調進行補償;A5構成跟隨器,用于對壓力傳感器BP01的輸出信號進行隔離緩沖;A4、A6構成放大電路,其增益AV由下式決定:
AV=1+(R1/RT)
若忽略失調,前置處理電路的輸出電壓Vout為:
Vout=2(1+R1/RT)VIN
式中:VIN為壓力傳感器BP01的輸出電壓。
c.顯示電路
顯示電路選用三位半的顯示驅動器。工作時,壓力傳感器BP01的輸出經前置處理電路放大后,由顯示驅動電路來驅動LCD,以讀出測量的血壓值。
3.2調試方法
a.零壓輸出調整
在零壓輸出時,調整失調電位器RP1,在血壓計的顯示值為000.0時,即可認為完成了零壓輸出調整。
b.前置電路增益的調整
壓力傳感器BP01的滿量程輸出與偏置電壓有一定的關系,當5V偏置時,在200mmHg壓力下的輸出為10mV,其對應的顯示驅動電路的輸入為200mV,因此前置電路的增益AV為200mV/10mV,這樣,利用前面Av的計算公式即可反推出增益電阻RT的值。
若選取電阻R1為10kΩ,則增益電阻RT應為1.1kΩ。調試時可先用電位器調整輸出值,再用萬用表測出該電位器的阻值,最后再換成固定電阻。
c.滿量程調整
滿量程調整時,先在顯示電路的輸入端加上200mV電壓,然后調整電位器RP2,使其讀數為199.9mmHg即可。
上調整完成之后,一般應多重復幾次,以使顯示值可靠地符合精度要求。
3.3元器件的選擇
為保證測量精度,上述電路的外圍元器件的選擇也是一個不容忽視的重要環節。一般情況下,電位器RP1、RP2應選用1%精度的金屬膜多圈電位器;電阻應選用1%精度的金屬膜電阻器;電容一般選用聚脂薄膜或者云母電容。結束語
在使用壓力傳感器BP01和其它器件設計便攜式電子血壓計時,應注意的是:對于不同的偏置電壓,其輸出也不同,因而前置處理電路的增益應做相應的調整,以滿足滿量程的不同要求。
第五篇:【網頁設計-最新經典技術文檔-理念配色】學習網頁制作你應該了解的
如果只想建立一個自己的主頁,事實上并不需要掌握太深奧的知識,因為筆者認為,網上有很多現成的資源可以利用,如果自己去花錢買書專門來學,恐怕有點“殺雞用牛刀”,花大力氣辦小事情的感覺。當然,如果要學會制作主頁,筆者認為至少需要以下方面的知識:
HTML:最基本的知識,如果HTML知識掌握得好,可以用記事本就可以熟練編寫網頁(當然,不推薦這么做,因為有現成的工具可以幫助編寫HTML,但擁有這種能力是很好的)會對日后使用編輯主頁,編寫ASP或PHP代碼有極大幫助。
ASP或PHP:ASP和PHP可以稱得上編寫動態主頁的主流語言環境。對于入門者如果編程經驗很少,可以從簡單的語言起步,如微軟公司的 VBScript腳本語言,如果已經有不少編程經驗,建議學習PHP或JavaScript語言,PHP在商業網站中應用得較為廣泛。如果希望謀一份網站制作的工作,學好PHP還是很值得的;
對于JavaScript而言,可用于服務器端(比如ASP編程),也于應用于客戶端編程(比如制作一些DHTML動態效果等),而且 JavaScript已被歐洲標準協會列為一門語言標準,將來的應用也會很廣泛(例如Flash的腳本語言也采用了JavaScript);
總之,想從簡單起步,可以看一些ASP+VBScript的書籍,如果想學得更深入,應該學習ASP+JavaScript和PHP.如何做好一個網站
筆者認為,一個網站更多時候不是“寫”出來的,而是“設計”出來的,設計大體包括二方面內容:功能設計及界面設計。
功能設計依照網站面向的用戶而定,建議多參考一些專業網站(而不是大眾型網站,如網易,搜狐等)的功能設計,專業網站的特點是針對性強,功能設計與其專業性質有息息相關,能很好的顯示功能設計。
界面設計即簡單又不簡單,簡單的是界面設計只是在功能設計的基礎上作一些美工設計;不簡單的是,要設計既得好看,又與功能設計很貼切是很考究制作者的美術和平面設計功底的。對于不會設計的朋友,可以多參考一些專業設計網站,如蟻盟等,看一下專業設計師如何配色,排版,圖片如何與文字和諧搭配等。
讀者可參考一些專業設計書籍,如工業設計,平面設計,雖然與網頁設計直接搭不上關系,但筆者認為學設計其實是學習設計理念,而設計的理念是可以觸類旁通的。同時,多參考一些設計得比較好的網站對設計是很有益處的。