WEB技術基础实验指导书(实验1).docVIP

实验一、简单网页设计 一、实验目的 掌握JSP运行环境的配置； 掌握HTML语言中基本标记的含义及其使用方法； 掌握CSS样式表的使用方法； 二、实验内容 在Tomcat服务器中测试一个简单的JSP页面； 制作一个个人信息注册页面； 制作一个样式表文件，并将其关联到一个HTML页面； 三、实验步骤 JSP页面测试 安装JDK：下载JDK包以后，按安装向导的提示进行安装； 安装Tomcat：下载Tomcat安装文件后，运行安装文件并按安装向导的提示进行安装； 在安装Tomcat之后，在操作系统的开始菜单的“所有程序”项中会出现一个Apache Tomcat x.x用户组： 在这些程序项中“Configure Tomcat”用于修改Tomcat的一些基本配置，“Monitor Tomcat”用于启动与停止Tomcat，“Tomcat 6.0 Program Directory”用于进入Tomcat的安装目录； 选择“Tomcat 6.0 Program Directory”进入到Tomcat的安装目录之后，可以看到bin、conf、lib、logs、webapps、work等子目录； 在conf文件夹的server.xml文件中找到Connector port=8080 protocol=HTTP/1.1 maxThreads=150 connectionTimeout=20000 redirectPort=8443/，并将8080改为你想要设置的端口号（如80等）。注意该段配置未被用!-- --注释，而且其协议名称应该是HTTP/1.1。 在webapps文件夹下新建一个myweb文件夹，然后在myweb文件夹下面新建一个WEB-INF文件夹； 编写一个test.jsp页面，该页面代码如下： html head titleMy First JSP Page/title /head body %=Hello,world!% /body /html 将test.jsp放置到myweb文件夹中； 启动Tomcat服务器； 打开浏览器，输入http://localhost:端口号/myweb/test.jsp，查看结果。 编写一个个人基本信息注册页面，该页面形式如下： html head title 注册登记表/title /head body form 姓名：input type=text name=username br 密码：input type=password name=pawbr 性别：input type=radio name=sex女 input type=radio name=sex checked=checked男br 血型：input type=radio name=blood checked=checkedO input type=radio name=blood A input type=radio name=bloodB input type=radio name=bloodABbr 性格：input type=checkbox checked=checked热情大方 input type=checkbox温柔善良 input type=checkbox多愁善感br 文件：input type=filebr 简介：textarea rows=10 cols=28/textareabr 城市：select size=1 option北京市/option option上海市/option option南京市/option /selectbr input type=submit value=提交 input type=reset value=重置 /form /body /HTML CSS样式表 新建一个HTML文件，其内容如下： HTMLBODY h1样式表实例/h1 TABLE BORDER=1 TR TD ROWSPAN=2跨两行/TD TD COLSPAN=2跨两列/TD /TR TR TD1000/TD TD1000/TD /TR TR TD3000/TD TD2000/TD TD4000/TD /TR /TABLE /BODY/HTML 如果要求h1标记内的文字大小为30，颜色为红色；表格内的文字大小为10，颜色为蓝色，且背景色为黄色，应该如何设计样式表文件mystyle.css？ class html head title样式表/title /head style type=text/css .l{ col