《WEB程序设计》教学大纲.docx

1、WEB程序设计课程教学大纲课程代码：ELBU2007课程性质：专业必修课程授课对象：电子商务专业开课学期：春总学时：54学时学 分：2.5学分讲课学时：36学时实验学时：18学时实践学时：0学时指定教材：徐辉，PHP Web程序设计教程与实验，清华大学出版社，2012年 参考书目精通IITML5+CSS3+JavaScript网页设计，清华大学出版社PlIP+MySQL+Dreannveaver动态网站建设从入门到精通，机械工业出版社PHP+MySQL+Dreamweaver网站建设全程揭秘，清华大学出版社CSS商业网站布局之道，清华大学出版社UavaScript入门经典，清华大学出版社教学目

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的基础语法，如何在Dreamweaver中创建和使

4、用CSS三、HTML中使用CSS的方法行内样式，内嵌样式，链接样式，导入样式四种方法的不同操作方式，以及适合的环 境条件介绍四、CSS选择器的介绍类选择器，标记选择器，ID选择器五、CSS与文本属性控制字体，字号，字体颜色，单词间隔，对齐方式，文本行高等文本相关属性的使用介绍六、CSS美化背景与边框背景颜色，背景图片，边框样式样式线条等属性的使用介绍七、CSS美化布局宽度，高度，填充，边界，浮动等属性的使用介绍第三节实例结合，用CSS进行网页的美化一、案例1,苏大招生信息网页的美化根据素材和效果图，逐渐将无任何修饰的网页美化为指定的格式二、案例2,我爱旅游网的美化根据素材和效果图，逐渐将无任何

5、修饰的网页美化为指定的格式三、请学生自由创作与美化网页 思考题：1、换行标记与段落标记的区别？2、在浏览器中图片无法显示的原因？3、请图文并茂地制作一个美妆学校网站的首页第二章JavaScript客户端脚本语言 课时：2周，共6课时教学内容第一节 JavaScript 述一、JavaScript的语言基础数据类型，变量常量，表达式，程序流程控制语句二、HTML文档对象模型对象的概念，document,getclenicntbyid等的使用第二节JavaScript的使用,、使用J avaScri pt进行图像切换的实验编写程序，控制4个相同尺寸的图像在固定位置的切换实例二、使用JavaScri

6、pt进行表单的验证验证输入数据的有效性，验证单选按钮，复选按钮的代码 思考题：1、编写一个网页，利用JavaScript将网页背景色进行红绿蓝三色的切换；2、编写制作一个购物车网页，可以输入单价，购买数量，能自动计算出总金额。提交前能 验证购买数量不能为0。第三章PHP5的程序设计基础 课时：2周，共6课时教学内容第一节PHP5概述一、PHP5的特点二、PHP5服务器的构建要求第二节PHP5的语言基础一、语法结构PHP5代码与网页的相互嵌入实例二、PHP数据类型，常量与变最数值型，字符串，布尔型的使用三、PHP的运算符和表达式字符串运算，逻辑运算四、PHP输出语句Echo, prim五、PHP

7、流程控制语句IF和SWITCH分支结构语句,WHILE和FOR循环思考题：1、编写一个网页，能够显示九九乘法表；2、在HTML网页文件中嵌入PHP程序代码，有哪儿种方式？第四章常用的PHP5内部函数 课时：1周，共3课时教学内容第一节日期和时间函数Getdate( ),date( ),t ime()函数的功能第二节文件操作函数Fopen(),fclose(),feof(),fgetc(),fgets().fputs(),fseek ()等文件操作函数的使用第三节字符串处理函数Strtoup per(),strtolower(),trim(),strlen(),substr()函数的功能思考题：

8、1、用date。与gctdate。函数得到的系统口期方法有什么不同;2、制作一个网页，利用date函数显示当前的日期。第五章PHP+MySQL数据库基础课时：3周，共9课时教学内容第一节在SAE上启动MySQLSAE是新浪云服务器，支持PHP5+MySQL,请学生申请一个应用程序，开通共享型数据库第二节数据库的创建和删除创建一个学生个人信息的库表，包括学号、姓名、性别、出生日期、专业、联系 电话等第三节表的操作一、插入记录INSERT INTO VALUES语句的使用举例二、删除记录DELETE FROM语句的使用举例三、更新记录UPDATE SET语句的使用举例四、查询数据SELECT语句的

9、使用举例第四节PHP和MySQL数据库的操作一、相关命令与函数连接数据库Mysql_connect(),选择数据库mysql_select_db(),数据库执行操作 mysql_query(),记录集操作mysql_fetch_assoc(),获取记录内容mysql_num_rows(),释放结果 mysql_free_result()二、使甬举例 思考题：1、请叙述数据库各层次的结构是什么？2、使用MySQL和PHP建立一个简单的用户认证。第六章Dream weaver+PHP开发基础 课时：2周，共6课时教学内容第一节Dreamweaver动态网页制作步骤介绍第二节搭建PHP动态系统平台系

10、统结构设计，创建用户数据库，定义phpweb站点，设置数据库连接第三节检查数据库记录一、创建记录集利用Dream weaver创建记录集操作举例二、显示记录功能利）IJ Dreamweaver显示记录操作举例三、重复区域功能利用Dream weaver创建重复记录操作举例四、记录集分页功能利用Dreamweaver创建分页显示记录操作举例五、显示记录计数功能利用Dreamweaver显示记录计数的操作举例六、显示区域功能利用Dreamweaver创建显示区域的操作举例七、显示详细信息利用Dream weaver创建显示详细信息的操作举例第四节编辑记录功能一、新增记录功能利用Dream weav

11、er实现新增记录集操作举例二、更新记录功能利用Dreamweaver实现更新记录集操作举例三、删除记录功能利用Dreamweaver实现删除记录集操作举例第七章案例举例：新闻发布系统开发 课时：2周，共6课时教学内容第一节系统的整体设计规划一、页面设计规划系统功能确定，页面与文件名，功能设计二、页面美工规划确定系统的色调，布局，样式 第二节系统的数据库设计与连接一、新闻数据库设计规划新闻信息数据表news,新闻分类信息数据表newstype,管理信息数据表admin二、定义news站点在Dreamweaver中创建网站站点，并测试服务器。三、设置数据库连接在Dreamweaver中创建新闻发布

12、系统网站与数据库之间的连接，并测试。第三节系统页面设计一、新闻发布系统首页设计完成主页面indcx.php的制作，主要有显示最新新闻的标题、加入时间、显示新闻分类、 单击新闻中的分类进入分类子页面查看新闻等功能。二、新闻分类页面设计完成新闻分类页面typc.php用于每个新闻分类的页面，当访问者单击index.php页面中 的任何一个新闻分类标题时，就会打开相应的新闻分类页面。三、新闻内容页面设计完成新闻内容页面newscontent.php的制作，用于显示每一条新闻的详细内容，这个贞 面设计的重点在于如何接收主页面index.php和type.php所传递过来的参数，并根据这个参数 显示数据

13、库中相应的数据。第四节后台管理页面设计一、管理入口页面设计完成admin文件夹下adminJogin.php的制作，该页面必须受到权限管理，可以利用登 录账号与密码是否为有效用户来实现权限的设置管理。二、管理主页面设计完成admin文件夹下admin.php的制作，后台管理主页面是管理员在登录页面验证成功 后所登录的页面，这个页面可以实现新增、修改或删除新闻内容和新闻分类的内容，使网站 能随时保持最新、最实时的信息。三、新闻内容页面设计完成admin文件夹下的新闻内容页面newscontent.php的制作，用于显示每一条新闻的 详细内容，这个页面设计的重点在如何接收主页面index.php和

14、type.php所传递过来的参数, 并根据这个参数显示数据库中相应的数据。四、新增新闻页面设计完成admin文件夹下的新增新闻页面ncws_add.php的制作，主要实现插入新闻的功能。五、修改新闻页面设计完成admin文件夹下的修改新闻页面news_upd.php的制作，主要功能是将数据表中的 数据送到页面的表单中进行修改，修改数据后再将数据更新到数据表中。六、删除新闻页面设计完成admin文件夹下的删除新闻页面news_del.php的制作，主要功能是将表单中的数据 从站点数据表中删除。七、修改新闻分类页面设计完成admin文件夹下的修改新闻分类页面type_upd.php的制作，主要功能是将数据表中 的数据送到页面的表单中进行修改，修改数据后再将数据更新到数据表中。八、删除新闻分类页面设计完成admin文件夹下