




版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
——————通識教育選修課《C#——————通識教育選修課《C#程序設計》認知網(wǎng)頁制作 目錄一網(wǎng)頁制作簡介二網(wǎng)頁設計簡介三靜態(tài)網(wǎng)頁制作四動態(tài)網(wǎng)頁制作五動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的區(qū)別六網(wǎng)頁制作語言七網(wǎng)頁制作流程八網(wǎng)頁制作基礎入門九網(wǎng)頁制作常用工具認知網(wǎng)頁制作———同時教育選修課《C#程序設計》為拓展課外知識,本學期選修了《C#程序設計》,對C#這一領域有了淺顯的了解,主要用于網(wǎng)頁制作。下面就網(wǎng)頁制作談談淺顯的認知:一:網(wǎng)頁制作簡介網(wǎng)頁制作是網(wǎng)站策劃師、網(wǎng)絡程序員、網(wǎng)頁設計師等崗位,應用各種網(wǎng)絡程序開發(fā)技術和網(wǎng)頁設計技術,為企事業(yè)單位、公司或個人在全球互聯(lián)網(wǎng)上建設站點,并包含域名注冊和主機托管等服務的總稱。其作用為展現(xiàn)公司形象,加強客戶服務,完善網(wǎng)絡業(yè)務。網(wǎng)頁制作是企業(yè)開展電子商務的基礎設施和信息平臺,是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競爭力也認為注重網(wǎng)站的網(wǎng)絡營銷價值而不是外在表現(xiàn)。網(wǎng)頁制作是指使用標識語言,通過一系列設計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,瀏覽。網(wǎng)頁制作要能充分吸引訪問者的注意力,讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設計與網(wǎng)頁設計的相關原理緊密結(jié)合起來。網(wǎng)站設計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式,以及結(jié)合自己的認識通過藝術的手法表現(xiàn)出來;網(wǎng)頁制作通常就是將網(wǎng)頁設計師所設計出來的設計稿,按照W3C規(guī)范用html語言將其制作成網(wǎng)頁格式。二:網(wǎng)頁設計簡介網(wǎng)頁設計是指使用標識語言(markuplanguage),通過一系列設計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網(wǎng)頁設計的目的就是產(chǎn)生網(wǎng)站,什么是網(wǎng)站呢,就是服務器內(nèi)的一系列網(wǎng)頁的組合,終端用戶發(fā)出請求后[[服務器通過傳輸特定的網(wǎng)頁向用戶傳輸所需的信息。簡單的信息如文字,圖片和表格,都可以通過使用HTML/XHTML/XML放置到網(wǎng)站頁面上。而更復雜的信息如vectorgraphics,動畫,視頻,聲頻則需要插件程序例如Flash,QuickTime,Javarun-timeenvironment,等等,這些插件程序也是通過HTML/XHTML/XML植入網(wǎng)頁的。三:靜態(tài)網(wǎng)頁在網(wǎng)站設計中,純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”,早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言,是指沒有后臺數(shù)據(jù)庫、不含程序和不可交互的網(wǎng)頁。你編的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對更新起來比較麻煩,適用于一般更新較少的展示型網(wǎng)站。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為htm結(jié)尾,還有就是以.htm、.html、.shtml、.xml等為后綴的。在HTML格式的網(wǎng)頁上,也可以出現(xiàn)各種動態(tài)的效果,如.GIF格式的動畫、FLASH、滾動字幕等,這些“動態(tài)效果”只是視覺上的,與下面將要介紹的動態(tài)網(wǎng)頁是不同的概念。靜態(tài)網(wǎng)頁的特點簡要歸納如下::(1)靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL,且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴,而不含有“?”;(2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務器上,無論是否有用戶訪問,每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務器上的,也就是說,靜態(tài)網(wǎng)頁是實實在在保存在服務器上的文件,每個網(wǎng)頁都是一個獨立的文件;(3)靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定,因此容易被搜索引擎檢索;(4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持,在網(wǎng)站制作和維護方面工作量較大,因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難;(5)靜態(tài)網(wǎng)頁的交互性較差,在功能方面有較大的限制。四:動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁,與網(wǎng)頁上的各種動畫、滾動字幕等視覺上的“動態(tài)效果”沒有直接關系,動態(tài)網(wǎng)頁也可以是純文字內(nèi)容的,也可以是包含各種動畫的內(nèi)容,這些只是網(wǎng)頁具體內(nèi)容的表現(xiàn)形式,無論網(wǎng)頁是否具有動態(tài)效果,采用動態(tài)網(wǎng)站技術生成的網(wǎng)頁都稱為動態(tài)網(wǎng)頁。從網(wǎng)站瀏覽者的角度來看,無論是動態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁,都可以展示基本的文字和圖片信息,但從網(wǎng)站開發(fā)、管理、維護的角度來看就有很大的差別。動態(tài)網(wǎng)頁特征簡要歸納如下;(1)動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術為基礎,可以大大降低網(wǎng)站維護的工作量;(2)采用動態(tài)網(wǎng)頁技術的網(wǎng)站可以實現(xiàn)更多的功能,如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等;(3)動態(tài)網(wǎng)頁實際上并不是獨立存在于服務器上的網(wǎng)頁文件,只有當用戶請求時服務器才返回一個完整的網(wǎng)頁;(4)動態(tài)網(wǎng)頁中的“?”對搜索引擎檢索存在一定的問題,搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁,或者出于技術方面的考慮,搜索蜘蛛不去抓取網(wǎng)址中“?”后面的內(nèi)容,因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。五:動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的區(qū)別靜態(tài)網(wǎng)頁,動態(tài)網(wǎng)頁主要根據(jù)網(wǎng)頁制作的語言來區(qū)分:靜態(tài)網(wǎng)頁使用語言:HTML(超文本標記語言)動態(tài)網(wǎng)頁使用語言:HTML+ASP或HTML+PHP或HTML+JSP等。靜態(tài)網(wǎng)頁與動態(tài)的區(qū)別程序是否在服務器端運行,是重要標志。在服務器端運行的程序、網(wǎng)頁、組件,屬于動態(tài)網(wǎng)頁,它們會隨不同客戶、不同時間,返回不同的網(wǎng)頁,例如ASP、PHP、JSP、ASPnet、CGI等。運行于客戶端的程序、網(wǎng)頁、插件、組件,屬于靜態(tài)網(wǎng)頁,例如html頁、Flash、JavaScript、VBScript等等,它們是永遠不變的。靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁各有特點,網(wǎng)站采用動態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少,如果網(wǎng)站功能比較簡單,內(nèi)容更新量不是很大,采用純靜態(tài)網(wǎng)頁的方式會更簡單,反之一般要采用動態(tài)網(wǎng)頁技術來實現(xiàn)。靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言,是指沒有后臺數(shù)據(jù)庫、不含程序和不可交互的網(wǎng)頁。你編的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對更新起來比較麻煩,適用于一般更新較少的展示型網(wǎng)站。靜態(tài)網(wǎng)頁是標準的HTML文件,它的文件擴展名是.htm或.html,可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控件及JAVA小程序等。盡管在這種網(wǎng)頁上使用這些對象后可以使網(wǎng)頁動感十足,但是,這種網(wǎng)頁不包含在服務器端運行的任何腳本,網(wǎng)頁上的每一行代碼都是由網(wǎng)頁設計人員預先編寫好后,放置到Web服務器上的,在發(fā)送到客戶端的瀏覽器上后不再發(fā)生任何變化,因此稱其為靜態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁是網(wǎng)站建設的基礎,靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁之間也并不矛盾,為了網(wǎng)站適應搜索引擎檢索的需要,即使采用動態(tài)網(wǎng)站技術,也可以將網(wǎng)頁內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁發(fā)布。動態(tài)網(wǎng)站也可以采用靜動結(jié)合的原則,適合采用動態(tài)網(wǎng)頁的地方用動態(tài)網(wǎng)頁,如果必要使用靜態(tài)網(wǎng)頁,則可以考慮用靜態(tài)網(wǎng)頁的方法來實現(xiàn),在同一個網(wǎng)站上,動態(tài)網(wǎng)頁內(nèi)容和靜態(tài)網(wǎng)頁內(nèi)容同時存在也是很常見的事情。六:網(wǎng)頁制作語言靜態(tài)網(wǎng)頁使用語言HTMLHTML是一種規(guī)范,一種標準,它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標記符解釋和顯示其標記的內(nèi)容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。HTML之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。所謂超級鏈接,就是一種URL指針,通過激活(點擊)它,可使瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應用的最重要的原因之一。由此可見,網(wǎng)頁的本質(zhì)就是HTML,通過結(jié)合使用其他的Web技術(如:腳本語言、CGI、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,HTML是Web編程的基礎,也就是說萬維網(wǎng)是建立在超文本基礎之上的。HTML文檔制作不是很復雜,且功能強大,支持不同數(shù)據(jù)格式的文件鑲?cè)?,這也是WWW盛行的原因之一,其主要特點如下:1簡易性,HTML版本升級采用超集方式,從而更加靈活方便。2可擴展性,HTML語言的廣泛應用帶來了加強功能,增加標識符等要求,HTML采取子類元素的方式,為系統(tǒng)擴展帶來保證。3平臺無關性。雖然PC機大行其道,但使用MAC等其他機器的大有人在,HTML可以使用在廣泛的平臺上,這也是WWW盛行的另一個原因。(二)動態(tài)網(wǎng)頁使用語言HTML+ASPASP是ActiveServerPage的縮寫,意為“動態(tài)服務器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應用,它可以與數(shù)據(jù)庫和其它程序進行交互,是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是。asp,現(xiàn)在常用于各種動態(tài)網(wǎng)站中ASP是一種服務器端腳本編寫環(huán)境,可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或Web應用程序。ASP網(wǎng)頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(如在線表單),也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應用程序。與HTML相比,ASP網(wǎng)頁具有以下特點:(1)利用ASP可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制,實現(xiàn)動態(tài)網(wǎng)頁技術;(2)ASP文件是包含在HTML代碼所組成的文件中的,易于修改和測試;(3)服務器上的ASP解釋程序會在服務器端執(zhí)行ASP程序,并將結(jié)果以HTML格式傳送到客戶端瀏覽器上,因此使用各種瀏覽器都可以正常瀏覽ASP所產(chǎn)生的網(wǎng)頁;(4)ASP提供了一些內(nèi)置對象,使用這些對象可以使服務器端腳本功能更強。例如可以從web瀏覽器中獲取用戶通過HTML表單提交的信息,并在腳本中對這些信息進行處理,然后向web瀏覽器發(fā)送信息;(5)ASP可以使用服務器端ActiveX組件來執(zhí)行各種各樣的任務,例如存取數(shù)據(jù)庫、發(fā)送Email或訪問文件系統(tǒng)等。(6)由于服務器是將ASP程序執(zhí)行的結(jié)果以HTML格式傳回客戶端瀏覽器,因此使用者不會看到ASP所編寫的原始程序代碼,可防止ASP程序代碼被竊取。(7)方便連接ACCESS與SQL數(shù)據(jù)庫。(8)開發(fā)需要有豐富的經(jīng)驗,否則會留出漏洞,讓駭客(cracker)利用進行注入攻擊。ASP也不僅僅局限于與HTML結(jié)合制作WEB網(wǎng)站,而且還可以與XHTML和WML語言結(jié)合制作WAP手機網(wǎng)站。但是其原理也是一樣的。七:網(wǎng)頁制作流程網(wǎng)頁設計是一個綜合性極強的工作,涉及到商業(yè)策劃、平面設計、人機界面、程序語言和數(shù)據(jù)庫等。網(wǎng)頁設計總體上分為策劃、前臺和后臺三部分。一般都是由三種不同專業(yè)的人合作完成的,一個人獨立完成的網(wǎng)站一般很難做到各方面都很專業(yè)。因此,網(wǎng)站設計一般由團隊完成。引策劃是指網(wǎng)站的整體定位、功能規(guī)劃、應用分析、流程設計和內(nèi)容架構(gòu)組織。前臺是指網(wǎng)站頁面的設計制作,包括版式規(guī)劃、色彩應用、版面設計、切片輸出、頁面整合、動畫和多媒體設計、交互環(huán)節(jié)設計和頁面代碼編寫等。(從這里可以看出,前臺美工的任務很重,而且還涉及到公司形象,潛在形象廣告宣傳的勞動能力。為公司的整體付出了潛在的市場價值。唉,但現(xiàn)在各行業(yè)不重視美工,造成程序為重。這也是很多網(wǎng)站,軟件的功能,效果容易出錯的原因)后臺是指程序設計、數(shù)據(jù)操作、功能實現(xiàn)、管理界面和管理功能設計等。關于需要學習的知識則因你所面對的任務不同而不同。側(cè)重界面設計的,應在圖形設計和視覺創(chuàng)意上多下功夫,做頁面代碼和后臺程序則要多熟悉web標準、標記語言、內(nèi)嵌語言、腳本語言、數(shù)據(jù)庫等內(nèi)容。八:網(wǎng)頁制作的基礎入門最開始,網(wǎng)頁呈現(xiàn)在你面前的時候,它就好像一張白紙,它需要你任意揮灑你的設計才思。在開始的時候,你需要明白,雖然你能控制一切你所能控制的東西,但假如你知道什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習慣,那么你可以在此基礎上加上自己的東西。你當然也可以創(chuàng)造出自己的設計方案,但如果你是初學者,那么最好明白網(wǎng)站制作的基本概念。1.頁面尺寸:由于頁面尺寸和顯示器大小及分辨率有關系,網(wǎng)頁的局限性就在于你無法突破顯示器的范圍,而且因為瀏覽器也將占去不少空間,留下給你的頁面范圍變得越來越小。瀏覽器的工具欄也是影響頁面尺寸的原因。在網(wǎng)站制作過程中,向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法。2.整體造型:這里是指頁面的整體形象,這種形象應該是一個整體,圖形與文本的接合應該是層疊有序。雖然,顯示器和瀏覽器都是矩形,但對于頁面的造型,你可以充分運用自然界中的其它形狀以及它們的組合:矩形,圓形,三角形,菱形等。對于不同的形狀,它們所代表的意義是不同的。3.頁頭:頁頭又可稱之為頁眉,頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯示在頁眉里。這樣,訪問者能很快知道這個站點是什么內(nèi)容。頁頭是整個頁面設計的關鍵,它將牽涉到下面的更多設計和整個頁面的協(xié)調(diào)性。頁頭常放置站點名字的圖片和公司標志以及旗幟廣告。4.文本:文本在頁面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn),它們的擺放位置決定者整個頁面布局的可視性。在過去因為頁面制作技術的局限,文本放置的位置的靈
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年氣體檢測監(jiān)控系統(tǒng)項目發(fā)展計劃
- 數(shù)字工具在傳統(tǒng)課堂中的應用與效果分析
- 智能教育機器人在家庭教育的應用前景
- 教育心理學實踐激勵學生的關鍵要素
- 教育公平政策與資源分配的實踐
- 學生自我效能感的培養(yǎng)教育心理學的秘密武器
- 教育技術的成功案例與實踐經(jīng)驗分享
- 商業(yè)綜合體工程監(jiān)理案例分析
- 能源革新引領教育升級探索智能教育設施的新模式
- 商業(yè)行業(yè)如何推動青少年健康飲食政策的落實
- 異口同音公開課
- 專利代理人資格考試實務試題及參考答案
- 運用信息技術助力勞動教育創(chuàng)新發(fā)展 論文
- GB/T 602-2002化學試劑雜質(zhì)測定用標準溶液的制備
- GB/T 4074.8-2009繞組線試驗方法第8部分:測定漆包繞組線溫度指數(shù)的試驗方法快速法
- 2023年涉縣水庫投資管理運營有限公司招聘筆試模擬試題及答案解析
- 新版有創(chuàng)血壓監(jiān)測ABP培訓課件
- 重癥醫(yī)學科常用知情告知書
- 二等水準測量記錄表
- 母線槽安裝檢驗批質(zhì)量驗收記錄
- 企業(yè)員工上下班交通安全培訓(簡詳共2份)
評論
0/150
提交評論