《WEB程序设计》教学大纲

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