生物資訊程式語言應用Part2

1、Principle of ProgrammingInterface with PCEnglishJapaneseChineseMachine CodeCompiler / InterpreterC+PerlAssemblerMachine CodeWeb Foundation World Wide WebWWW comprises software (Web server and browser) and data (Web sites)Client SideJavaScriptVBScriptDHTMLJava AppletsServer SideCGIASPJava ServletsHTM

2、L, XML, .HyperText Markup LanguageMarkup Language: to format text and information for display by a Web browserVs. C, C+: procedural language, for performing actionsMain Components of HTMLTagsText and informationBioinformaticsBioinformaticsBioinformatics Bioinformatics Bioinformatics BioinformaticsHo

3、w HTML is Displayed Browser CommandHTML DisplayHttp protocol(HyperText Transfer Protocol)Text & binary datarenderHTMLURL:http:/How HTML is Displayed from remote siteHTML DisplayUser Browser CommandURL:http:/HTMLCGIASPPHPhttp requesthttp responseHow HTML is Displayed from client siteHTML Browser

4、CommandURL:c:my_page.htmlHTML DisplayUserClient SiteHTTP: Hypertext Transfer Protocol HTTP is behind every request for a web document or graph, every click of a hypertext link, and every submission of a formHTTP specifies how clients request data, and how servers respond to these requests. See also,

5、 /Protocols/Why study HTTP ?Understand the interaction between web clients (browsers, robots, search engines, etc.) and web servers.Manually query web servers and receive low-level information that typical web browsers hide from the user. can better understand the configuration and c

6、apabilities of a particular serverdebug configuration errors with the server or programming errors in programs invoked by the web server.Hacking !Streamline web services to make better use of the protocol.HTTP TransactionsRequestsGiven the following URL: http:/:80/ the browser interprets the URL as

7、follows:http:/ Use HTTP, the Hypertext Transfer PContact a computer over the network with the hostname of .:80Connect to the computer at port 80. The port number can be any legitimate IP port number: 1 through 65535, /Anything after the hostname and optional port number is regarded as a document pat

8、h. In this example, the document path is /.ToolsServer platformApacheDynamic programPHPDatabaseMySQLHTML editorMacromedia Dreamweaver 8Introduction for Appservhttp:/ 2.5.9 Apache 2.2.4 PHP 5.2.3 MySQL 5.0.45 phpMyAdmin-2.10.2 /php%20bible//php/c:appservwww is the

9、 document of the apache server platform.This document can map to then URL:http:/localhost/webpage/ c:appservwwwwebpage21/webpage//webpage/MappingHTML file structureweb page title statement .Output: hello world!http:/localhost/html_practice/helloworld.html Introduce Dr

10、eamweaver視覺化的面視覺化的面板群組板群組標籤式版面標籤式版面下拉式選單下拉式選單程式碼程式碼網頁內容網頁內容屬性欄屬性欄HyperlinkNCKU http:/ EBI, Uniprot .Link to NCBI by words.Link to EBI by picture.Link to UniProt by a part of the picture.Insert table紅字,底線,藍底藍字,粗體,紅底CSS(Cascading Style Sheet )Focus on formatting and presenting informationSpecifying th

11、e presentation of a Web pageFonts, spacing, margins, Simplifying the maintenance and modifying cost of a documents layoutCSS Inline stylesheetThe style attribute specifies the style for an element. Some style properties are font-size and color.Inline stylesheet outputCSSInline stylesheetEmbedded sty

12、lesheetImported stylesheetLinked stylesheetYou need to construct a CSS file first Let us discuss the CSS by Dreamweaver!Firstly, you need to develop two CSS styles in css_practice.css .style1 : 紅字,底線, 藍底style2 : 藍字,粗體,紅底Then, please to build a HTML file.Lastly, you have to construct a table by using

13、 the two CSS stylesFormCheckbox 籃球 網頁設計 看電影 聽音樂 You can get these strings when you checked the checkboxes.favor1 =籃球favor2 =網頁設計favor3 =看電影favor4 =聽音樂Values will be transport to next page。Radiobox 男 女 You can only choose one Radio in the same name group.Select/optionSelect/option 研究所 大學 高中 Input:Output:By PHP, Perl or ASPFrames PageFree templateFree website download | Open Source we