网页设计与编程 选修课情况介绍 主讲人:计算机教学实验中心程向前 辅导教师:谢涛
网页设计与编程 选修课情况介绍 主讲人：计算机教学实验中心 程向前 辅导教师：谢 涛
课程的起源 2001年为西区的电子商务专业开设网络课程 口西区98电子商务专业(网络与数据库) 口西区99级电子商务专业(网络与应用) 合成《计算机网络与应用》课程 该课程实验的内容成为本课程的主干
课程的起源 ◼ 2001年为西区的电子商务专业开设网络课程 ❑ 西区98电子商务专业（网络与数据库） ❑ 西区99级电子商务专业（网络与应用） ◼ 合成《计算机网络与应用》课程 ◼ 该课程实验的内容成为本课程的主干
课程参考书 《基于开放平台的网页设计与编程》 口程向前编著 口清华大学出版社出版20028
课程参考书 ◼ 《基于开放平台的网页设计与编程》 ❑ 程向前 编著 ❑ 清华大学出版社出版 2002.8
学习的目的 了解和掌握现代计算技术中重要的计算模型 a client/server(C/S结构) 口 Browser/server(B/S结构) 掌握网页设计与编程的一般概念 理解和掌握网站建设的基本概念 重要的是举一反三,在掌握基本概念以后,形 成自学的能力和习惯
学习的目的 ◼ 了解和掌握现代计算技术中重要的计算模型 ❑ Client/Server(C/S结构) ❑ Browser/Server（B/S结构） ◼ 掌握网页设计与编程的一般概念 ◼ 理解和掌握网站建设的基本概念 ◼ 重要的是举一反三，在掌握基本概念以后，形 成自学的能力和习惯
教学的思路 ■培养兴趣 传授方法 创建开发和实验平台 实践可延伸的创新学习模式 师生合作扩展教学平台覆盖的范围
教学的思路 ◼ 培养兴趣 ◼ 传授方法 ◼ 创建开发和实验平台 ◼ 实践可延伸的创新学习模式 ◼ 师生合作扩展教学平台覆盖的范围
课程的特点 ■起点比较低 a计算机文化基础 口一门程序设计语言 课程内容比较宽 计算机网络(万维网、HTTP协议、网络操作系统 UNIX/Linux) 程序设计语言(中间件-PHP) 口数据库的概念和应用(cS结构数据库- MySQL) 口网页设计(网页设计工具- Dreamwaver;HTML) 口内容管理系统(cMS)
课程的特点 ◼ 起点比较低 ❑ 计算机文化基础 ❑ 一门程序设计语言 ◼ 课程内容比较宽 ❑ 计算机网络（万维网、HTTP协议、网络操作系统— UNIX/Linux） ❑ 程序设计语言（中间件--PHP） ❑ 数据库的概念和应用（C/S结构数据库--MySQL） ❑ 网页设计（网页设计工具—Dreamwaver,HTML ） ❑ 内容管理系统( CMS )
课程的特点(续) 强调实验和创新 口每讲都有相应的实验 口要求进行网站建设和实验 口为每个同学创建网上实验环境 口实验和创新占到成绩的100%
课程的特点(续) ◼ 强调实验和创新 ❑ 每讲都有相应的实验 ❑ 要求进行网站建设和实验 ❑ 为每个同学创建网上实验环境 ❑ 实验和创新占到成绩的100%
课程的特点(续) 就像做建筑设计(分建筑-风格设计和结构设 计)一样,网页(网站)设计也分平面设计 和结构设计。 本课程,事实上是把网络作为实现现代信息系 统的基础结构来看待,其主要内容将网络应用、 程序设计、数据库三者有机结合,并为网络化 的信息系统提供一个可抽象、可实现的基本 模型
课程的特点(续) ◼ 就像做建筑设计（分建筑-风格设计和结构设 计）一样，网页（网站）设计也分平面设 计 和结构设计。 ◼ 本课程，事实上是把网络作为实现现代信息系 统的基础结构来看待，其主要内容将网络应用、 程序设计、数据库三者有机结合，并为网络化 的信息系统提供一个可抽 象、可实现的基本 模型
课程的特点(续) 课程内容的分布 口cMS的应用、管理 口网页平面设计(占10%教学内容) 口网站的结构(包括网络基础、程序设计、数据库应 用)设计(占50%教学内容) 需要学习网页设计和制作的同学请酌情选课
课程的特点(续) ◼ 课程内容的分布 ❑ CMS的应用、管理 ❑ 网页平面设计（占10%教学内容） ❑ 网站的结构（包括网络基础、程序设计、数据库应 用）设计（占50%教学内容） ◼ 需要学习网页设计和制作的同学请酌情选课
课程资源 网上课件(包括讲义、实验软件、软件手册、 参考书勘误表) ftp:∥2021175035/ub(支持匿名访问) ftp!20211735170(要求实名访问,用户名: student,口令:ctec)( Dreamwaver40汉化版) 课件目录:/open_ platform
课程资源 ◼ 网上课件（包括讲义、实验软件、软件手册、 参考书勘误表） ◼ ftp://202.117.50.35/pub (支持匿名访问) ◼ ftp://202.117.35.170/ (要求实名访问，用户名： student, 口令：ctec)（Dreamwaver 4.0汉化版） ◼ 课件目录：/open_platform