簡(jiǎn)單網(wǎng)頁(yè)制作與PHP程序設(shè)計(jì).ppt

簡(jiǎn)單網(wǎng)頁(yè)制作與PHP程序設(shè)計(jì),主講人：呂凱,個(gè)人簡(jiǎn)介,姓 名 呂凱 專 業(yè) 數(shù)學(xué)與應(yīng)用數(shù)學(xué) 學(xué) 號(hào) 06450230 手機(jī)號(hào)QQ 475379266 郵 箱 06450230 475379266,學(xué)習(xí)目標(biāo),1、靜態(tài)網(wǎng)頁(yè)制作 2、簡(jiǎn)單PHP程序制作 3、留言板制作 4、簡(jiǎn)易論壇制作 5、個(gè)人空間站點(diǎn)制作,第一講 靜態(tài)網(wǎng)頁(yè)制作,1. HTML的概念,HTML是Hypertext Markup Language的英文縮寫,即超文本標(biāo)記語(yǔ)言。HTML用作于網(wǎng)頁(yè)制作。 因?yàn)槭菢?biāo)記語(yǔ)言，所以不需要編譯，可直接在瀏覽器上瀏覽。,第一講 靜態(tài)網(wǎng)頁(yè)制作,2. HTML的代碼, 我愛PHP 大家好，我是呂凱，我愛PHP！ ,第一講 靜態(tài)網(wǎng)頁(yè)制作,3. HTML詳解,(1)元素與標(biāo)簽,元素是HTML的重要組成部分，常用的元素有html,head,title,body,table,a,img等等,標(biāo)簽用于指示元素的起始與結(jié)束，例如：這時(shí)一個(gè)鏈接標(biāo)簽,第一講 靜態(tài)網(wǎng)頁(yè)制作,3. HTML詳解,(2)完整的HTML, 無標(biāo)題文檔 ,第一講 靜態(tài)網(wǎng)頁(yè)制作,3. HTML詳解,(3)常用HTML標(biāo)簽介紹,超鏈接： 友情鏈接：網(wǎng)址大全,文字修飾： 粗體 粗體 斜體 斜體 下劃線下劃線,表格： 一二三四五六 ,第一講 靜態(tài)網(wǎng)頁(yè)制作,3. HTML詳解,(2)常用HTML標(biāo)簽介紹,圖像： ,表單： ,第一講 靜態(tài)網(wǎng)頁(yè)制作,4. 網(wǎng)頁(yè)編輯器Dreamweaver,Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集Web頁(yè)制作和管理網(wǎng)站于一身的所見即所得Web頁(yè)編輯器，它是第一套針對(duì)專業(yè)Web頁(yè)設(shè)計(jì)師的視覺化Web頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的Web頁(yè)。,第一講 靜態(tài)網(wǎng)頁(yè)制作,5. HTML+CSS+JavaScript 讓靜態(tài)的頁(yè)面動(dòng)起來！,css：Cascading Style Sheets（級(jí)聯(lián)樣式表）一般稱作樣式表，主要是起到為HTML文檔定義布局，涉及到字體、顏色、邊距、高度、寬度、背景圖像等多方面，極大程度上美觀了我們的網(wǎng)頁(yè)。,JavaScript是一種原型法面向?qū)ο蟮哪_本語(yǔ)言，目前已經(jīng)在萬維網(wǎng)上廣泛用于動(dòng)態(tài)網(wǎng)頁(yè)的編程語(yǔ)言。,第一講 靜態(tài)網(wǎng)頁(yè)制作,6. 課堂練習(xí),制作我的第一個(gè)網(wǎng)站,第一講 靜態(tài)網(wǎng)頁(yè)制作,7. 課后練習(xí),1、學(xué)習(xí)HTML語(yǔ)言，熟悉大部分元素，重點(diǎn)掌握超鏈接、表格、表單這三種