《Web交互开发》实验教学指导/实验九:制作 交互网站 《Web交互开发》实验教学指导 实验九:制作交互网站 、实验目的(5分) 1、掌握 JavaScript编程技术; 2、掌握 jQuery编程技术: 3、掌握Ajax编程技术: 4、理解HIML、CSS、JS、 jQuery等多种技术结合进行Web设计开发过程 二、实验环境(5分) 1、 Windows XP/ Windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 三、实验要求(5分) 1、实现案例展示的下拉菜单的开发 2、实现案例图片轮转效果的开发 3、实现案例中通知公告的数据存储与展示; 4、全部案例要求使用HIML5+CSS3+JS+ jQuery的技术路线实现 四、实验原理(5分) 1、HTML5与CSS3进行Web开发的方法 2、 JavaScript编程技术原理 3、 jQuery读取XML的方法; 4、网页的兼容性测试原理与方法 五、实验步骤(40分) (1)Web界面设计如图9-1所示。 慎而思之,勤而行之 e EneR 3 图9-1Web界面 本讲共计3页当前第1页《Web 交互开发》实验教学指导 / 实验九 ：制作 交互网站 本讲共计 3 页 | 当前第 1 页 《Web 交互开发》实验教学指导 实验九：制作交互网站 一、实验目的（5 分） 1、掌握 JavaScript 编程技术； 2、掌握 jQuery 编程技术； 3、掌握 Ajax 编程技术； 4、理解 HTML、CSS、JS、jQuery 等多种技术结合进行 Web 设计开发过程； 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、实现案例展示的下拉菜单的开发； 2、实现案例图片轮转效果的开发； 3、实现案例中通知公告的数据存储与展示； 4、全部案例要求使用 HTML5+CSS3+JS+jQuery 的技术路线实现。 四、实验原理（5 分） 1、HTML5 与 CSS3 进行 Web 开发的方法； 2、JavaScript 编程技术原理； 3、jQuery 读取 XML 的方法； 4、网页的兼容性测试原理与方法。 五、实验步骤（40 分） （1）Web 界面设计如图 9-1 所示。 图 9-1 Web 界面