網(wǎng)站建設技術外文翻譯

1、<p><b>　　網(wǎng)站建設技術</b></p><p>　　1.介紹 網(wǎng)絡技術的發(fā)展,為今天全球性的信息交流與資在建立源共享和交往提供了更多的途徑和可能。足不出戶便可以知曉天下大事,按幾下鍵盤或點幾下鼠標可以與遠在千里之外的朋友交流,網(wǎng)上通信、網(wǎng)上瀏覽、網(wǎng)上交互、網(wǎng)上電子商務已成為現(xiàn)代人們生活的一部分。Internet 時代, 造就了人們新的工作和生活方式,其互聯(lián)性、開放

2、性和共享信息的模式,打破了傳統(tǒng)信息傳播方式的重重壁壘,為人們帶來了新的機遇。隨著計算機和信息時代的到來,人類社會前進的腳步在逐漸加快。近幾年網(wǎng)頁設計發(fā)展,快得人目不暇接。隨著網(wǎng)頁設計技術的發(fā)展,豐富多彩的網(wǎng)頁成為網(wǎng)上一道亮麗的風景線。要想設計美觀實用的網(wǎng)頁就應該深入掌握網(wǎng)站建設技術。在建立網(wǎng)站時,我們分析了網(wǎng)站建立的目的、內容、功能、結構,應用了更多的網(wǎng)頁設計技術。</p><p>　　2、網(wǎng)站的定義2.1 如

3、何定義網(wǎng)站 確定網(wǎng)站的任務和目標,是建設網(wǎng)站所面臨的最重要的問題。為什么人們會來到你的網(wǎng)站? 你有獨特的服務嗎? 人們第一次到你的網(wǎng)站是為了什么? 他們還會再來嗎? 這些問題都是定義網(wǎng)站時必須考慮的問題。要定義網(wǎng)站,首先,必須對整個網(wǎng)站有一個清晰認識,弄清到底要設計什么、主要的目的與任務、如何對任務進行組織與規(guī)劃。其次,保持網(wǎng)站的高品質。在眾多網(wǎng)站的激烈競爭中,高品質的產(chǎn)品是長期競爭的最大優(yōu)勢。一個優(yōu)秀的網(wǎng)站應具備：（1）用戶

4、訪問網(wǎng)站的速度要快；（2）注意反饋與更新。及時更新網(wǎng)站內容、及時反饋用戶的要求；（3）首頁設計要合理。首頁給訪問者留下的第一印象很重要,設計務必精美,以求產(chǎn)生良好的視覺效果。</p><p>　　2.2 網(wǎng)站的內容和功能 在網(wǎng)站的內容方面,就是要做到新、快、全三面。網(wǎng)站內容的類型包括靜態(tài)的、動態(tài)的、功能的和事物處理的。確定網(wǎng)站的內容是根據(jù)網(wǎng)站的性質決定的,在設計政府網(wǎng)站、商業(yè)網(wǎng)站、科普性網(wǎng)站、公司介紹

5、網(wǎng)站、教學交流網(wǎng)站等的內容和風格時各有不同。我們建立的網(wǎng)站同這些類型的網(wǎng)站性質均不相同。</p><p>　　2.3 網(wǎng)站的結構（1）網(wǎng)站的結構；（2）定義導航；（3）可視化設計；（4）設計框架和頁面。</p><p>　　3、網(wǎng)站的設計與實現(xiàn) 隨著人們對設計的要求越來越高,高格調,高品位的設計作品,才深受人們的歡迎。這也就給設計者們提出了更高的要求,從這個角度說,板式設計

6、正是滿足了人們的要求應需而生?？萍嫉娘w躍發(fā)展, 讓Internet 走進了千家萬戶,也產(chǎn)生出新的設計領域空間,而網(wǎng)頁設計成為新的設計領域的重要內容。優(yōu)秀的網(wǎng)頁設計,必須有好的創(chuàng)意,才能使觀者視線久久難移,產(chǎn)生震撼力。版面設計是很重要的,通過文字、圖形的空間組合,能最佳的表達出和諧與美。如果想進一步認識網(wǎng)頁設計,做出有別于一般網(wǎng)站的網(wǎng)頁,就需要掌握更多的象CSS 、javascript 、CGI 等網(wǎng)頁設計技術。在網(wǎng)站的建設中就應用了CS

7、S 、javascript 等網(wǎng)頁設計技術。</p><p>　　3.1 應用CSS 設計網(wǎng)頁(1) 什么是CSS ? CSS 是一種樣式表(stylesheet)技術。也有的人稱之為層疊樣式表( Cascading Stylesheet)。(2) CSS與HTML的結合方式。方式一：將所定義的CSS內容書寫在這一對標簽之間。方式二：將CSS內容單獨保存為一個文本文件,再由標簽來調用。(3) CSS在網(wǎng)站中

8、的應用事例。在網(wǎng)站中的頁面,增加了以下的定義, 使頁面有特殊的顯示效果。</p><p>　　3.2 應用javascript 設計網(wǎng)頁 javascript的出現(xiàn)使得信息和用戶之間不僅只是一種顯示和瀏覽的關系,而是實現(xiàn)了一種實時的、動態(tài)的、可交式的表達能力。從而基于CGI靜態(tài)的HTML頁面將被可提供動態(tài)實時信息,并對客戶操作進行反應的Web頁面的取代。javascript腳本正是滿足這種需求而產(chǎn)生的語言

9、。它深受廣泛用戶的喜愛。它是眾多腳本語言中較為優(yōu)秀的一種。與WWW的結合有效地實現(xiàn)了網(wǎng)絡計算和網(wǎng)絡計算機的藍圖。3.3 應用 Dreamweaver 設計網(wǎng)頁</p><p>　　Macromedia Dreamweaver 是為視覺上設計并且管理網(wǎng)絡站點和網(wǎng)頁的一個專業(yè)</p><p>　　的HTML 編輯器。</p><p>　　不論你是比較喜歡手寫代碼還是在

10、可視化編輯的環(huán)境下工作，Dreamweaver 都向</p><p>　　你提供有用的工具讓你快速起手或提高你的網(wǎng)絡設計經(jīng)驗。</p><p>　　Dreamweaver 包括許多編碼工具和特征：HTML CSS 和JAVASCRIPT 參考，一</p><p>　　個JAVASCRIPT 調試器， 和代碼編輯器（ 代碼看法和代碼查看器） 容許你在</p>

11、;<p>　　Dreamweaver 中編輯JAVASCRIPT ，XML 以及其他文本文件。Macromedia 的雙程</p><p>　　的HTML 技術可以導入HTML 而不會重新格式化。而且你如果愿意也可以設置</p><p>　　Dreamweaver 清理代碼或重新格式化HTML。</p><p>　　Dreamweaver 的可視化編輯

12、的土正也讓你快速把設計和功能加到你的頁面，而不</p><p>　　用寫一行代碼。你能查看所有的你的站點的元素或資源。并且直接從一個容易使用的</p><p>　　面版拖拽他們進一個文件。通過在Macromedia Fireworks 中創(chuàng)建并編輯圖象來優(yōu)化你</p><p>　　的開發(fā)工作流程，然后直接將他們導入Dreamweaver， 或假如直接在Dreamwe

13、aver</p><p>　　創(chuàng)造的Flash 對象。</p><p>　　Dreamweaver 是可完全自定義的。使用Dreamweaver 來創(chuàng)建你自己的對象和命</p><p>　　令，修改快捷鍵，甚至寫入JAVASCRIPT 來擴展Dreamweaver 在新的行為、屬性面</p><p>　　板以及站點報告上的能力。</p&

14、gt;<p>　　Dreamweaver 工作區(qū)域</p><p>　　讓我門從Dreamweaver 工作區(qū)域的簡短的概述開始。</p><p>　　如果你已經(jīng)沒安裝Dreamweaver，雙擊Dreamweaver 圖標安裝它。</p><p>　　Dreamweaver 工作區(qū)域不同工作的方式和用戶的水平有不同的界面。當你安裝</p>

15、<p>　　Dreamweaver 時，下列工作區(qū)域打開：</p><p>　　當你創(chuàng)造并且編輯頁面時，文件窗口顯示當前的文件</p><p>　　對象面板包含一些圖標。你可以點擊插入對象到你的文件。</p><p>　　Dreamweaver 提供許多浮動的面板，例如HTML 式樣面板和代碼檢查器，它使</p><p>　　你

16、能夠使用另外的Dreamweaver 元素。</p><p>　　Launcher 轉載器工具條包含打開關閉你的最經(jīng)常使用的檢查器和面板。</p><p>　　屬性檢查器所選擇的物體或文章的性質，并且讓你修改那些屬性（哪個屬性在檢</p><p>　　查器出現(xiàn)取決于在文件中選擇哪個對象）。</p><p>　　打開Dreamweaver 的窗

17、口，檢查器和面板，使用窗口菜單。靠著在菜單顯示項目</p><p>　　有一個勾，表示該項窗口項目在當前打開（盡管它可以被隱蔽在另外的窗戶后面）。</p><p>　　要打開一個窗口項目，從菜單選擇項目名字或使用它的鍵盤快捷。</p><p>　　使用Dreamweaver</p><p>　　Dreamweaver 能在3 個方法顯示一個文

18、件：在設計視圖，在代碼視圖，實際與代</p><p>　　碼結合視圖，（改變你在其正在工作的視圖，在Dreamweaver 工作跳選擇視圖）</p><p>　　Dreamweaver 缺省是在設計視圖顯示文件窗口。</p><p>　　另外，你呢功能使用設計試圖的兩種方法：在標準視圖與布局視圖。（你在對象</p><p>　　面板最下面的視

19、圖分類選擇這些視圖）在布局視圖你能設計頁面布局，插入圖形，正</p><p>　　文和另外的煤體。在標準的視圖，除了插入圖形正文煤體，你能也插入層，創(chuàng)建楨文</p><p>　　件，創(chuàng)建表格，并且做其他在布局視圖無法做到的改變。__4.關于網(wǎng)站建設的幾點體會  隨著Internet的普及，越來越多的政府部門、公司和個人意識到需要擁有自己的獨立網(wǎng)站。下面就設計和制作網(wǎng)站談

20、談自己的一些體會。 在進行完系統(tǒng)分析之后，我們就應該進行系統(tǒng)的設計。網(wǎng)頁的設計類似于軟件開發(fā)的設計，有自頂向下、自底向上和不斷增補等設計方法。主要任務是網(wǎng)頁內容的設計，包括網(wǎng)頁的信息組織結構、外觀、內容分塊、導航與鏈接、目錄結構等設計。系統(tǒng)設計是網(wǎng)站具體實現(xiàn)前的準備，對網(wǎng)頁的實現(xiàn)進一步提出更具體的要求，對網(wǎng)頁的整體效果、局部細節(jié)有更明確的設想。這個過程是整個網(wǎng)站規(guī)劃中的關鍵。</p><p>　　接下來就

21、是如何將自己設計的網(wǎng)站實現(xiàn)的問題。對于網(wǎng)站的實現(xiàn)，我認為需要考慮兩部分：網(wǎng)頁的實現(xiàn)；Web服務器的實現(xiàn)。在網(wǎng)站實現(xiàn)的過程中，技術選型很重要。前者主要使用HTML語言，對于交互性較強的網(wǎng)站來說，建議采用ASP、JSP、PHP等編程來輔助實現(xiàn)，更為復雜的網(wǎng)站可能還會有自己的數(shù)據(jù)庫。后者則用到各種基于不同操作系統(tǒng)的Web服務器軟件的安裝、調試。這個階段是整個過程中最主要也最耗時的一部分。</p><p>　　當我們完成

22、了上述工作后，就需要進行網(wǎng)頁發(fā)布了。到了這個階段，網(wǎng)頁制作就接近尾聲，主要工作是把做好的網(wǎng)頁發(fā)布到網(wǎng)絡上，對網(wǎng)頁作最后的修改、測試，保證網(wǎng)頁能在網(wǎng)絡上正常地運行。</p><p>　　在網(wǎng)頁發(fā)布以后，應對網(wǎng)頁進行各個方面各種情況的測試，包括網(wǎng)頁能否對任何不同的瀏覽器、不同的訪問者都表現(xiàn)正常，ASP、JSP、PHP程序能否正常工作等等。這個階段是網(wǎng)頁的試運行期，此時應把網(wǎng)頁的各種缺陷盡量彌補，使網(wǎng)頁更加完善。

23、 經(jīng)過一段時期的運行，網(wǎng)站就進入了正常運行期，主要工作是及時更新網(wǎng)頁過時的信息，及時對訪問者的留言做出反饋，進一步完善網(wǎng)頁，不斷采用新的技術更新升級網(wǎng)頁，使網(wǎng)頁的訪問更迅速，外觀更美觀，信息資源更豐富。</p><p>　　以上就是建站要大體遵循的七個步驟，這七個步驟是相輔相成的，但可根據(jù)網(wǎng)頁的難易程度和復雜度適當增強或減弱某個環(huán)節(jié)?？傊ㄔO一個成功的網(wǎng)站并非一件容易的事，它需要全方位考慮，綜合各方面的因素。&

24、lt;/p><p>　　5.結束語 隨著Internet技術的突飛猛進,各行各業(yè)都在加入Internet的行業(yè)中來。無論從管理方面,還是從商業(yè)角度來看,Internet都可以帶來無限生機。Internet成為了一個設計人員施才華的新天地。人們將不斷探索,將網(wǎng)站建設中的新技術應用在網(wǎng)站中。</p><p><b>　　參考文獻：</b></p><

25、;p>　　N.Hritonenko, Yu.Yatsenko.Creative destruction of computing systems: Analysis and modeling, Journal of Supercomputing, 38(2006), 143-154.</p><p>　　Yu.Yatsenko, N.Hritonenko.Network economics and opti

26、mal replacement of agestructured. IT capital, Mathematical Methods of Operations Research, 65(2007), 483-497.</p><p>　　A.S. Boranbayev, Reference Architecture for Web Applications, Reports of the National Ac

27、ademy of Science of the Republic of Kazakhstan, 5 (2007), 18-26.</p><p>　　The Spring Framework official website: http://www.springframework.org/.</p><p>　　Martin Fowler discusses details of the

28、dependency injection pattern and how Spring.</p><p>　　JUnit framework: http://www.junit.org/.</p><p>　　Spring Framework official website - Chapter 9, Transaction management: http://static.spring

29、framework.org/spring/docs/2.0.x/reference/transaction.html.</p><p>　　A.S. Boranbayev, Optimal Methods for Java Web Services, News of the National Academy of Science of the Republic of Kazakhstan, 5 (2007), 3

30、8-43.</p><p><b>　　原文二：</b></p><p>　　On site construction technology </p><p>　　Feng Liu，Lingling Zhang，Jifa Gu</p><p>　　1 .Introduction The development

31、of network technology for today's global information exchange and sharing funding source in the establishment of contacts and provide more channels and possible. Homes will be known world affairs, according few keybo

32、ard or a few mouse clicks can be distant friends thousands of miles away exchanges, and online communications, Internet browsing, on-line interactive, e-commerce has become a modern part of people's lives. Inter

33、net era, has created the new pe</p><p>　　Web site identified the tasks and objectives, the building site is the most important issue. Why people will come to your website? You have a unique service? The firs

34、t people to your website is to what? They will come back? All these issues must be taken into account when the site definition of the problem. Definition site to, first of all, the entire site must have a clear understan

35、ding of what the design should understand in the end, the main purpose of the mission, how to carry out the task o</p><p>　　Macromedia Dream weaver is a professional HTML editor for visually designing and<

36、;/p><p>　　managing web sites and pages. Whether you enjoy the control of hand-coding HTML or</p><p>　　prefer to work in a visual editing environment, Dream weaver makes it easy to get started</p

37、><p>　　and provides you with helpful tools to enhance your Web design experience.</p><p>　　Dream weaver includes many coding tools and features: an HTML, CSS, and</p><p>　　JavaScript r

38、eference, a JavaScript debugger, and code editors (the Code view and Code</p><p>　　inspector) that allow you to edit JavaScript, XML technology imports HTML documents</p><p>　　without reformatti

39、ng Macromedia’s Roundtrip HTML technology imports HTML</p><p>　　documents without reformatting the code and you can set Dream weaver to clean up and</p><p>　　reformat HTML when you want it to .&

40、lt;/p><p>　　Dream weaver’s visual editing features also let you quickly add design and</p><p>　　functionality to your pages without writing a line of code. You can view all your site</p><

41、;p>　　elements or assets and drag them from an easy-to-use panel directly into a document.</p><p>　　Streamline your development workflow by creating and editing images in Macromedia</p><p>　　F

42、ireworks, then importing them directly into Dream weaver, or by adding Flash objects</p><p>　　you create directly in Dream weaver.</p><p>　　Dream weaver is fully customizable. Use Dream weaver t

43、o create your own objects</p><p>　　and commands, modify keyboard shortcuts, and even write JavaScript code to extend</p><p>　　Dream weaver’s capabilities with new behaviors, property inspectors

44、and site reports.</p><p>　　The Dream weaver work area</p><p>　　Let’s start with a brief overview of the Dream weaver work area.</p><p>　　If you haven’t already launch Dream weaver,

45、double-click the Dream weaver icon to</p><p>　　launch it.</p><p>　　The Dream weaver work area accommodates different styles of working and levels of</p><p>　　expertise.</p>&

46、lt;p>　　When you launch Dream weaver, the following work area items open:</p><p>　　The Document window displays the current document as you create and edit it.</p><p><b>　　2</b><

47、;/p><p>　　The Objects panel contains icons you click to insert objects in you document.</p><p>　　Dream weaver provides many floating panels, such as the HTML Styles panel and the</p><p&g

48、t;　　code inspector which enable you to work with other Dream weaver elements.</p><p>　　The Launcher bar contains buttons for opening and closing your most frequently used</p><p>　　inspectors and

49、 panels.</p><p>　　The Property inspector displays properties for the selected object or text, and lets you</p><p>　　modify those properties.(Which properties appear in the inspector depend on th

50、e object</p><p>　　actively selected in the document.)</p><p>　　To open Dream weaver’s windows, inspectors and panels, use the Window menu. A</p><p>　　check mark next to an item in t

51、he Window menu indicates that the named item is currently</p><p>　　open(though it may be hidden behind other windows). To display an item that isn’t</p><p>　　currently open, choose the item name

52、 from the menu or use its keyboard shortcut.</p><p>　　Working in Dream weaver</p><p>　　Dream weaver can display a document in three ways: in Design view, in Code view,</p><p>　　and

53、in a split view that shows both the design and code.(To change the view in which</p><p>　　you’re working ,select a view in the Dream weaver toolbar.)By default, Dream weaver</p><p>　　displays th

54、e document window in design view.</p><p>　　In addition, you can work with Dream weaver’s design view in two different ways in</p><p>　　layout view and standard view.( You select these views in t

55、he view category of the objects</p><p>　　panel.) In layout view you can design a page layout. Insert graphics, text, and other media;</p><p>　　in standard view, in addition to inserting graphics

56、 text and media, you can also insert layers,</p><p>　　create frame documents, create tables, and apply other changes to your page-options that</p><p>　　aren’t available in layout view.4. Constr

57、uction on the site Experience With the popularity of the Internet, more and more government departments, companies and individuals aware of the need to have their own independent Web site. Below on the design and pr

58、oduction sites on some of their own experience. </p><p>　　After conducting systematic analysis End, we should carry out system design. Web page design similar to the development of software design, top-down,

59、 bottom-up and continuous updating, and other design methods. The main task is to design the content of the sites, including the website information organization structure, appearance, content block, navigation and links

60、, directory structure design. System design is the site ready before the concrete realization of the website to further the realiza</p><p>　　REFERENCES：</p><p>　　[1] N.Hritonenko, Yu.Yatsenko.C

61、reative destruction of computing systems: Analysis and modeling, Journal of Supercomputing, 38(2006), 143-154.</p><p>　　[2] Yu.Yatsenko, N.Hritonenko.Network economics and optimal replacement of agestructur

62、ed. IT capital, Mathematical Methods of Operations Research, 65(2007), 483-497.</p><p>　　[3] A.S. Boranbayev, Reference Architecture for Web Applications, Reports of the National Academy of Science of the R

63、epublic of Kazakhstan, 5 (2007), 18-26.</p><p>　　[4] The Spring Framework official website: http://www.springframework.org/.</p><p>　　[5] Martin Fowler discusses details of the dependency inje

64、ction pattern and how Spring.</p><p>　　[6] JUnit framework: http://www.junit.org/.</p><p>　　[7] Spring Framework official website - Chapter 9, Transaction management: http://static.springframe

65、work.org/spring/docs/2.0.x/reference/transaction.html.</p><p>　　[8] A.S. Boranbayev, Optimal Methods for Java Web Services, News of the National Academy of Science of the Republic of Kazakhstan, 5 (2007), 3