网站设计与开发

《网站设计与开发》课程教学大纲

一、课程基本信息

1.课程编号:L090412           

2.学分:4学分

3.学时:64(理论32,上机32)

4.适用专业:教育技术学

二、课程教学目标及学生应达到的能力

本课程是教育技术学专业的一门专业学位课。通过这门课,使学生掌握HTML基本静态网页设计、并在此基础上利用JavaScript、DOM、CSS相关技术实现具有动态效果的标准网页设计、以及同时利用JSP、JAVA和数据库技术实现动态网页程序设计、并学习通过操作Dreamweaver网页设计软件提高编写实现网页设计速度,除此之外,还应该熟悉构建网站相关设置,以及了解最新相关技术。

三、课程教学内容与基本要求

(一)网站设计课程概述(2课时)

主要内容:本课程的性质、任务与教学目标;本课程教学内容;本课程教学方法;本课程教学进程;本课程教学组织;本课程训练环节与载体;本课程考核形式与基本要求;本课程使用教材、参考书与提供的其他相关课程资源;网页设计基础知识;网站的工作原理;运行环境设置;软件界面初识。

1. 基本要求

(1)了解本课程的教学思路和教学重点

(2)了解网页和网站的相关知识,并掌握网页被执行的详细过程

(3)熟悉Tomcat安装基础配置以及Dreamweaver初识

2. 学时分配

课堂教学2学时,其中基础知识讲解80分钟,演示教学20学时。

(二)XHTML及Dreamweaver基础操作(8课时)

主要内容: XHTML基础;常用标记综述;XML简介;Dreamweaver基础操作;表格布局;框架布局。

1. 基本要求

(1)熟悉XHTML基本概念

(2)掌握XHTML标记基本语法

(3)掌握如何利用XHTML编写网页

(4)掌握利用传统的Table布局制作网页

(5)掌握框架布局的原理和语法结构

(6)熟悉Dreamweaver基础操作

2. 学时分配

课堂教学4学时,其中基础知识讲解3学时(包括演示教学35分钟),案例教学1学时。

(三)CSS标准布局及Dreamweaver高级应用(8课时)

主要内容:CSS;标准页面布局;JavaScript;BOM与DOM;事件处理;Dreamweavre高级应用。

1. 基本要求

(1)掌握CSS的样式定义和引用,包括继承与冲突;熟悉CSS各种样式属性的含义、可选值及其含义

(2)掌握CSS标准布局思路和方法

(3)熟悉并掌握BOM中常用对象;熟悉并掌握Javascript基本语法;了解事件机制及动态效果实现思路;掌握事件的定义和引用方式

(4)掌握常见动态效果编程实现方法

(5)了解DOM标准;熟悉并掌握HTML DOM基本应用

(6)熟悉并掌握Dreamweaver中标准布局及动态效果的实现

2. 学时分配

课堂教学8学时。其中 CSS基础语法3学时,包括CSS布局演示40分钟;动态效果编程基础知识3学时,包括实例演示80分钟;DOM标准及CSS标准布局1学时,实例演示20分钟;Dreamweaver高级应用演示30分钟。

(四)JSP动态网页制作(14课时)

主要内容:JSP页面与JSP标记;JSP内置对象;JSP文件操作;JSP中使用数据库;Dreamweaver中动态网页应用实现;Tag文件及Tag标记;高级Java Web编程:JavaBean及Servlet。

1. 基本要求

(1)熟悉并了解JSP动态网页实现基本原理

(2)掌握JSP两个指令元素、三个脚本元素、三个主要动作指令:include、forward以及usebean,以及相关的param、setProperty和getProperty指令

(3)掌握JSP的五个重要内置对象:Request、Response、out、session、application对象。

(4)掌握JDBC数据库连接及页面显示

(5)掌握Dreamweaver中动态网页应用实现基本方法

(6)熟悉Tag文件及Tag标记

(7)掌握高级Java Web编程基础:JavaBean及Servlet;

2. 学时分配

课堂教学14学时。其中,JSP动态网页基本原理2学时,包括演示教学15分钟;JSP标记4学时,包括实例演示教学2学时; JSP五个重要内置对象4学时,包括实例演示教学2学时;Tag文件及Tag标记2学时,包括实例演示教学25分钟;高级Java Web编程基础2学时,包括实例演示教学1学时。

四、实验内容和要求

序号

实验编号

实验项目名称

实验内容提要

实验

类型

选择类型

上机

学时

实验

学时

1

 

静态网页制作与页面布局实践

XHTML语法及Dreamweaver相关基础应用练习;三种布局方式实现;

验证

必做

10

 

2

 

动态效果设计与实现

Javascript脚本语言、DOM及BOM对象、事件机制训练;Dreamweaver事件支持及Spry框架

验证

必做

12

 

3

 

动态网页基础练习

JSP基础编程练习;JSP内置对象综合应用;Tag文件及标记应用

验证

必做

10

 

 

五、课程的考核

课程考核由平时作业及听课情况和期末考试成绩2部分组成,分别占课程总成绩的30%和70%。期末考试为闭卷考试,考试范围和要求应符合本教学大纲对各章教学内容的基本要求。

六、本课程与其它课程的联系与分工

本课程的先修课程是教育技术学专业基础及专业课程《高级语言程序设计》、《二维动画设计与制作》、《JAVA面向对象程序设计》、《数据库应用技术》,为本课程的学习建立必要的计算机编程基础和动态效果设计基础。

七、教材及教学参考书

建议教材

网站编程技术实用教程(第2版),邵丽萍主编,清华大学出版社。

建议参考书:

(1)《Dreamweaver CS3 网页设计与网站建设标准教程》 郝军启等清华大学出版社

(2)《Dreamweaver CS3 Ajax网页设计入门与实例详解》赵增敏 电子工业出版社

(3)《CSS网页布局开发指南》陈刚编著 清华大学出版社

(4)《Javascript程序设计教程》 李林等编著 人民邮电出版社

(5)《网页制作综合技术教程》温谦等编著 人民邮电大学出版社

(6)《JavaScript程序设计》邹天思编著 人民邮电出版社

(7)《JSP完全自学手册》张银鹤等编著 清华大学出版社

(8)《JSP基础教程(第2版)》 耿祥义等编著 清华大学出版社

(9)《Tomcat与Java Web 开发技术详解(第2版)》 孙卫琴编著 电子工业出版社

(10)《JSP+Dreamweaver CS4+CSS+Ajax动态网站开发典型案例》 王黎等编著 清华大学出版社