1、WEB程序設計課程教學大綱課程代碼：ELBU2007課程性質：專業必修課程授課對象：電子商務專業開課學期：春總 學時：54學時 學 分：2.5學分講課學時：36學時 實驗學時：18學時 實踐學時：0學時指定教材：徐輝，PHP Web程序設計教程與實驗，清華大學出版社，2012年參考書目精通HTML5+CSS3+JavaScript網頁設計，清華大學出版社PHP+MySQL+Dreamweaver動態網站建設從入門到精通，機械工業出版社PHP+MySQL+Dreamweaver網站建設全程揭秘，清華大學出版社CSS商業網站布局之道，清華大學出版社JavaScript入門經典，清華大學出版社教學目

2、的： PHP是比較普及的互聯網開發語言之一，具有開源和免費的獨特優勢。MySQL是一個廣受歡迎的中型關系數據庫管理系統，它免費、快速、跨平臺，并且支持多線程、多用戶、重負載的性能要求。使用PHP+MySQL進行Web應用系統開發是一種非常理想的選擇，這在當前各大網站服務商是常見的基本標配。作為電子商務專業的學生，靜動態網頁的設計是基本技能，通過本課程的學習，能夠讓學生結合遠程服務器的實踐結合，盡快掌握網頁開發的基礎代碼，提高網頁設計的實戰能力，并能最終在服務器上開發出一個小型的PHP網站。第一章 HTML基礎 課時：5周，共12課時教學內容第一節 HTML文檔結構與基本標記的使用 一、HTML

3、文檔結構 認識HTML靜態網頁的文件名稱，HTMLHEADBODY在網頁中句法結構 二、超級鏈接標記 A標記，及幾個常用屬性的使用方法，尤其是URL的幾種不同方式的使用 三、文字標記 P,BR,H等標記的使用 四、圖像標記 IMG標記的使用，其SRC屬性，支持的圖像類型，圖像文件的路徑問題的說明 五、表格標記 TABLE,CAPTION,TR,TD標記的使用，COLSPAN,ROWSPAN屬性的使用介紹 六、列表標記 UL,LI標記的使用，列表的嵌入使用制作的列表菜單 第二節 CSS的使用 一、CSS介紹 介紹CSS的功能，發展，與瀏覽器的關系 二、CSS的編輯與瀏覽 了解CSS的基礎語法，如

4、何在Dreamweaver中創建和使用CSS 三、HTML中使用CSS的方法 行內樣式，內嵌樣式，鏈接樣式，導入樣式四種方法的不同操作方式，以及適合的環境條件介紹 四、CSS選擇器的介紹 類選擇器，標記選擇器，ID選擇器 五、CSS與文本屬性控制 字體，字號，字體顏色，單詞間隔，對齊方式，文本行高等文本相關屬性的使用介紹 六、CSS美化背景與邊框 背景顏色，背景圖片，邊框樣式樣式線條等屬性的使用介紹 七、CSS美化布局 寬度，高度，填充，邊界，浮動等屬性的使用介紹第三節 實例結合，用CSS進行網頁的美化 一、案例1，蘇大招生信息網頁的美化 根據素材和效果圖，逐漸將無任何修飾的網頁美化為指定的格

5、式 二、案例2，我愛旅游網的美化 根據素材和效果圖，逐漸將無任何修飾的網頁美化為指定的格式 三、請學生自由創作與美化網頁 思考題：1、換行標記與段落標記的區別？2、在瀏覽器中圖片無法顯示的原因？3、請圖文并茂地制作一個美妝學校網站的首頁第二章 JavaScript客戶端腳本語言 課時：2周，共6課時教學內容第一節 JavaScript概述 一、JavaScript的語言基礎 數據類型，變量常量，表達式，程序流程控制語句 二、HTML文檔對象模型 對象的概念，document,getelementbyid等的使用 第二節 JavaScript的使用 一、使用JavaScript進行圖像切換的實驗

6、 編寫程序，控制4個相同尺寸的圖像在固定位置的切換實例 二、使用JavaScript進行表單的驗證驗證輸入數據的有效性，驗證單選按鈕，復選按鈕的代碼思考題：1、編寫一個網頁，利用JavaScript將網頁背景色進行紅綠藍三色的切換；2、編寫制作一個購物車網頁，可以輸入單價，購買數量，能自動計算出總金額。提交前能驗證購買數量不能為0。 第三章 PHP5的程序設計基礎 課時：2周，共6課時教學內容第一節 PHP5概述 一、PHP5的特點 二、PHP5服務器的構建要求 第二節 PHP5的語言基礎 一、語法結構 PHP5代碼與網頁的相互嵌入實例 二、PHP數據類型，常量與變量數值型，字符串，布爾型的使

7、用 三、PHP的運算符和表達式字符串運算，邏輯運算 四、PHP輸出語句Echo，print 五、PHP流程控制語句IF和SWITCH分支結構語句,WHILE和FOR循環思考題：1、編寫一個網頁，能夠顯示九九乘法表；2、在HTML網頁文件中嵌入PHP程序代碼，有哪幾種方式？第四章 常用的PHP5內部函數 課時：1周，共3課時教學內容第一節 日期和時間函數 Getdate(),date(),time()函數的功能 第二節 文件操作函數 Fopen(),fclose(),feof(),fgetc(),fgets(),fputs(),fseek()等文件操作函數的使用第三節 字符串處理函數 Strto

8、upper(),strtolower(),trim(),strlen(),substr()函數的功能思考題：1、用date()與getdate()函數得到的系統日期方法有什么不同；2、制作一個網頁，利用date函數顯示當前的日期。 第五章 PHP+MySQL數據庫基礎 課時：3周，共9課時教學內容第一節 在SAE上啟動MySQL SAE是新浪云服務器，支持PHP5+MySQL，請學生申請一個應用程序，開通共享型數據庫 第二節 數據庫的創建和刪除 創建一個學生個人信息的庫表，包括學號、姓名、性別、出生日期、專業、聯系電話等第三節 表的操作 一、插入記錄 INSERT INTO VALUES語句的

9、使用舉例 二、刪除記錄 DELETE FROM語句的使用舉例 三、更新記錄 UPDATE SET語句的使用舉例 四、查詢數據 SELECT語句的使用舉例 第四節 PHP和MySQL數據庫的操作 一、相關命令與函數 連接數據庫Mysql_connect()，選擇數據庫mysql_select_db()，數據庫執行操作mysql_query()，記錄集操作mysql_fetch_assoc()，獲取記錄內容mysql_num_rows()，釋放結果mysql_free_result() 二、使用舉例 思考題：1、請敘述數據庫各層次的結構是什么？2、使用MySQL和PHP建立一個簡單的用戶認證。第六

10、章 Dreamweaver+PHP開發基礎 課時：2周，共6課時教學內容第一節 Dreamweaver動態網頁制作步驟介紹 第二節 搭建PHP動態系統平臺 系統結構設計，創建用戶數據庫，定義phpweb站點，設置數據庫連接第三節 檢查數據庫記錄 一、創建記錄集 利用Dreamweaver創建記錄集操作舉例 二、顯示記錄功能 利用Dreamweaver顯示記錄操作舉例 三、重復區域功能 利用Dreamweaver創建重復記錄操作舉例 四、記錄集分頁功能 利用Dreamweaver創建分頁顯示記錄操作舉例 五、顯示記錄計數功能 利用Dreamweaver顯示記錄計數的操作舉例 六、顯示區域功能 利

11、用Dreamweaver創建顯示區域的操作舉例 七、顯示詳細信息 利用Dreamweaver創建顯示詳細信息的操作舉例 第四節 編輯記錄功能 一、新增記錄功能 利用Dreamweaver實現新增記錄集操作舉例 二、更新記錄功能 利用Dreamweaver實現更新記錄集操作舉例 三、刪除記錄功能 利用Dreamweaver實現刪除記錄集操作舉例 第七章 案例舉例：新聞發布系統開發 課時：2周，共6課時教學內容第一節 系統的整體設計規劃 一、頁面設計規劃 系統功能確定，頁面與文件名，功能設計 二、頁面美工規劃 確定系統的色調，布局，樣式 第二節 系統的數據庫設計與連接 一、新聞數據庫設計規劃 新聞

12、信息數據表news，新聞分類信息數據表newstype，管理信息數據表admin 二、定義news站點 在Dreamweaver中創建網站站點，并測試服務器。 三、設置數據庫連接 在Dreamweaver中創建新聞發布系統網站與數據庫之間的連接，并測試。 第三節 系統頁面設計 一、新聞發布系統首頁設計 完成主頁面index.php的制作，主要有顯示最新新聞的標題、加入時間、顯示新聞分類、單擊新聞中的分類進入分類子頁面查看新聞等功能。 二、新聞分類頁面設計 完成新聞分類頁面type.php用于每個新聞分類的頁面，當訪問者單擊index.php頁面中的任何一個新聞分類標題時，就會打開相應的新聞分類

13、頁面。 三、新聞內容頁面設計 完成新聞內容頁面newscontent.php的制作，用于顯示每一條新聞的詳細內容，這個頁面設計的重點在于如何接收主頁面index.php和type.php所傳遞過來的參數，并根據這個參數顯示數據庫中相應的數據。第四節 后臺管理頁面設計 一、管理入口頁面設計 完成admin文件夾下admin_login.php的制作，該頁面必須受到權限管理，可以利用登錄賬號與密碼是否為有效用戶來實現權限的設置管理。 二、管理主頁面設計 完成admin文件夾下admin.php的制作，后臺管理主頁面是管理員在登錄頁面驗證成功后所登錄的頁面，這個頁面可以實現新增、修改或刪除新聞內容和

14、新聞分類的內容，使網站能隨時保持最新、最實時的信息。 三、新聞內容頁面設計 完成admin文件夾下的新聞內容頁面newscontent.php的制作，用于顯示每一條新聞的詳細內容，這個頁面設計的重點在于如何接收主頁面index.php和type.php所傳遞過來的參數，并根據這個參數顯示數據庫中相應的數據。 四、新增新聞頁面設計 完成admin文件夾下的新增新聞頁面news_add.php的制作，主要實現插入新聞的功能。 五、修改新聞頁面設計 完成admin文件夾下的修改新聞頁面news_upd.php的制作，主要功能是將數據表中的數據送到頁面的表單中進行修改，修改數據后再將數據更新到數據表中。 六、刪除新聞頁面設計 完成admin文件夾下的刪除新聞頁面news_del.php的制作，主要功能是將表單中的數據從站點數據表中刪除。 七、修改新聞分類頁面設計 完成admin文件夾下的修改新聞分類頁面type_upd.php的制作，主要功能是將數據表中的數據送到頁面的表單中進行修改，修改數據后再將數據更新到數據表中。 八、刪除新聞分類頁面設計 完成a