上机实验3
3.1 《Web程序设计》课程网站主页面设计。
【目的】
（1）掌握HTML常用标记的用法。
（2）掌握应用表格进行页面布局的方法。
（3）学会使用CSS样式控制页面元素的显示特性。
【内容】设计如图3-16所示的《Web程序设计》课程网站主页面。
图3-16 《Web程序设计》课程网站主页面
【步骤】
（1）打开记事本程序。
（2）输入能够生成如图3-16所示页面的HTML源代码，保存为.html文件，文件名为ex3-1。
（3）双击ex3-1.html文件，在浏览器中查看结果。
3.2设计《Web程序设计》课程网站“教学内容”功能。
【目的】
（1）进一步熟练使用HTML语言的常用标记。
（2）掌握应用框架进行页面布局的方法。
（3）进一步熟练使用CSS样式控制页面元素的显示特性。
【内容】设计如图3-17所示的《Web程序设计》课程网站的“教学内容”框架页面。
图3-17 《Web程序设计》课程网站“教学内容”页面
要求：在“教学内容”页面中，左边为各章标题，每章标题都是超链接，单击章标题后，将在右边显示该章的教学内容。
【步骤】
（1）打开记事本程序。
（2）输入能够生成如图3-17所示页面的HTML源代码，分别保存为study.html、title.html、chapter.html、chap1.html～chap8.html文件。
（3）双击study.html文件，在浏览器中查看结果。
3.3用XML语言设计网页。
【目的】掌握用XML语言设计网页的基本过程。
【内容】使用XML语言设计如图3-18所示的班级通讯录网页，并在浏览器中显示。
图3-18 班级通讯录网页
【步骤】
（1）在记事本中输入能够生成如图3-18所示页面的XSL样式表文件，保存为ex3-3.xls文件。
（2）在记事本中输入能够生成如图3-18所示页面的XML文件，保存为ex3-3.xml文件。
（3）双击ex3-3.xml文件，在浏览器中查看结果。