XXXX年10月13日培訓材料-welcometon

1、“東大在線”網(wǎng)絡傳媒工作室/neuonline 第1頁，共36頁。培訓簡介Office基礎網(wǎng)站開發(fā)技術HTML CSS JavaScript PHP MySQL Flash 基礎PhotoshopFlash維護部媒介素養(yǎng) 采訪與寫作第2頁，共36頁。網(wǎng)站開發(fā)技術簡介第3頁，共36頁。服務器與瀏覽器關系Web服務器數(shù)據(jù)庫服務器瀏覽器瀏覽器Web服務器數(shù)據(jù)庫服務器服務器第4頁，共36頁。網(wǎng)頁開發(fā)技術簡介客戶端瀏覽器（Browser）(x)HTML負責網(wǎng)頁內(nèi)容CSS負責網(wǎng)頁布局、樣式客戶端腳本（Action Script、 Javascript）服務器端Web服務器（Web Server）數(shù)據(jù)庫（D

2、ataBase DB）服務器腳本第5頁，共36頁。網(wǎng)站開發(fā)步驟頁面設計HTML&CSS頁面加入后臺數(shù)據(jù)的代碼第6頁，共36頁?？蛻舳瞬糠值?頁，共36頁。瀏覽器第8頁，共36頁。瀏覽器（Browser）IE6，7，8內(nèi)核360瀏覽器遨游瀏覽器搜狗瀏覽器世界之窗瀏覽器。Firefox基于WebKit的瀏覽器Google Chrome（Chromium）Safari搜狗瀏覽器第9頁，共36頁。(x)HTML第10頁，共36頁。什么是 HTML?HTML 指的是超文本標記語言 (Hyper Text Markup Language)HTML 是用來描述網(wǎng)頁的一種語言。HTML 不是一種編程語言，而是

3、一種標記語言 (markup language)標記語言是一套標記標簽 (markup tag)HTML 使用標記標簽來描述網(wǎng)頁第11頁，共36頁。A HTML File第12頁，共36頁。DOMDocument Object Model 文檔對象模型DOM樹htmlheadbodytitledivh1p第13頁，共36頁。CSS第14頁，共36頁。CSS簡介CSS（Cascading Style Sheet）層疊樣式表單是用于（增強）控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言。.css第15頁，共36頁?？蛻舳四_本語言由瀏覽器解析的控件頁面內(nèi)容顯示的腳本語言。第16頁，共36

4、頁。JavascriptJavaScript是在用戶的瀏覽器上運行，不需要服務器的支持而可以獨立運行。 .jsJavascript第17頁，共36頁。AjaxAsynchronous JavaScript and XML異步的JavaScript和XMLJavaScript處理提交的數(shù)據(jù)局部刷新XML負責傳輸數(shù)據(jù)用戶界面Ajax引擎Javascript調(diào)用HTML與CSSWeb服務器HTTP請求XML數(shù)據(jù)后臺程序、數(shù)據(jù)庫第18頁，共36頁。服務器端第19頁，共36頁。服務器端Web服務器（Web Server）數(shù)據(jù)庫（DataBase DB）服務器腳本JSPPHPASP第20頁，共36頁。We

5、b服務器（Web Server）第21頁，共36頁。數(shù)據(jù)庫數(shù)據(jù)庫（Database）是按照數(shù)據(jù)結(jié)構(gòu)來組織、存儲和管理數(shù)據(jù)的倉庫。用來存儲數(shù)據(jù)現(xiàn)在大多數(shù)數(shù)據(jù)庫為關系數(shù)據(jù)庫第22頁，共36頁。常用數(shù)據(jù)庫OracleSybaseSQL ServerPostgreSQLMySQLAccessSQLite。第23頁，共36頁。SQLSQL(Structured Query Language)結(jié)構(gòu)化查詢語言，是一種數(shù)據(jù)庫查詢和程序設計語言，用于存取數(shù)據(jù)以及查詢、更新和管理關系數(shù)據(jù)庫系統(tǒng)。第24頁，共36頁。服務器腳本用于生成動態(tài)頁面的腳本程序。動態(tài)頁面網(wǎng)頁實際不存在，通過服務器對腳本程序解析后，生成的頁面

6、內(nèi)容。靜態(tài)頁面靜態(tài)網(wǎng)頁是實際存在的，無需經(jīng)過服務器的編譯，直接加載到客戶瀏覽器上顯示出來 第25頁，共36頁。PHPPersonal Home Page Tools擴展名.php常用標記 服務器Apache+PHP+MySQLIIS+PHP第26頁，共36頁。ASPActive Server Page動態(tài)服務器頁面擴展名.asp常用服務器微軟IIS（ Internet Information Services，互聯(lián)網(wǎng)信息服務）第27頁，共36頁。JSPJSP(Java Server Pages)Java服務器頁面擴展名.jsp常用服務器Apache Tomcat 第28頁，共36頁?？偨Y(jié)HTM

7、L超文本標記語言負責網(wǎng)頁內(nèi)容CSS層疊樣式表負責頁面布局Javascript 一種前臺腳本語言SQL結(jié)構(gòu)化查詢語言負責查詢數(shù)據(jù)ASP服務器腳本語言生成動態(tài)網(wǎng)頁JSP服務器腳本語言生成動態(tài)網(wǎng)頁PHP服務器腳本語言生成動態(tài)網(wǎng)頁第29頁，共36頁。一些學習資源視頻東大OfficeWord長篇文檔排版技巧 怎樣制做內(nèi)容豐富的幻燈片 HTML張孝祥Javascript網(wǎng)頁開發(fā) 第30頁，共36頁。一些學習資源CSS精通CSS/DIV頁面布局 CSS設計徹底研究 PHPLinux PHP 開發(fā) Javascript張孝祥Javascript網(wǎng)頁開發(fā) JQuery實戰(zhàn) 第31頁，共36頁。Thank You第32頁，共36頁。網(wǎng)頁開發(fā)的注意事項第33頁，共36頁。(x)HTMLXHTML與HTML的重要區(qū)別 在XHTML中標記必須嚴格嚴格嵌套 在XHTML中標記必須封閉即使是空元素的標記也必須封閉 在XHTML中，應該區(qū)分“內(nèi)容標記”與“結(jié)構(gòu)標記”第34頁，共36頁。CSS設置全局的字體大小，避免不同瀏覽器字體大小的不同注意鏈接的四個子屬性a,a:active,a:hoverb