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

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