web编程基础实训总结

web编程基础网页设计实训报告

      班    级：             

姓    名：             

学    号：             

指导老师：             

            

          年  月  日

目录：

实训目的及内容

实训要求及时间

网页主题

网页效果图

总结

实训目的及内容：

目的：

《网页设计》是软件技术(WEB)专业一门专业基础课程，通过实训完成这一课程的学习和应用编程实践环节。目的是通过实训让学生掌握HTML/CSS/Java Script知识，并将所学的重要技能融会贯通，更加全面的，熟练的掌握使用网页设计的基础方法和技巧。培养学生的综合应用能力，和解决实际问题的能力。

内容：

     1: 基本理论和基本知识方面

熟练掌握HTML语言的基础知识，掌握CSS编程的基本技术，掌握Java Script编程使用的类的属性和方法。

2: 基本技能方面

能较熟练地掌握HTML概述、文字风格设置、段落控制标记、超链接标记、表格标记、表单标记、框架结构标记。熟练地掌握定义CSS样式的方法、定义类选择符、定义ID选择符、在外部文件中定义CSS样式、加载CSS样式。较熟练地掌握如何在网页中加入JavaScript、变量与数组、表达式与运算符、流控制语句、函数。


实训要求：

     1、   规划网页，确定网页的主题和名称，收集相关素材，进行网页规划，设计好相应的栏目。

2、     掌握编写网页的HTML标记语言，文字风格设置、段落控制标记、超链接标记、表格标记、表单标记、框架结构标记

3、     熟练地掌握定义CSS样式的方法、定义类选择符、定义ID选择符、在外部文件中定义CSS样式、加载CSS样式

4、     较熟练地掌握如何在网页中加入JavaScript、变量与数组、表达与运算符、流控制语句、函数。

5、     掌握超链接的种类和作用，掌握用CSS样式样对文本、表格及图片进行格式化。

6、     熟练掌握表单，对表单中的各类元素进行熟练的应用，并熟记各类元素的特点和属性以及方法、事件。

实训时间：

             20##年6月13日——20##年6月24日


网页主题： 

               将HTML的各种运用有机地结合，诸如文字风格设置、段落控制标记、超链接、表格标记、表单标记、框架结构等运用于同一网页中。

运用CSS样式的方法，定义类选择符，定义ID选择符，在外部文件中定义CSS样式。并在网页中加入Javascript，变量与数组等等。

网页效果图：


总结：

      本学期的网页设计基础实训期间，我学到了很多有关网页制作的知识，从为期两周的实训中获益匪浅 。

本次实训，老师首先让我们了解了有关HTML、CSS及Java script的基础理论知识，再让我们自己动手，更加深入地将所学知识融会贯通，以便更全面的，熟练地掌握和使用网页设计的基础方法和技巧。在实践中既培养了我们的综合应用能力，又有利于我们解决实际问题的能力。

对于网页制作，我们由最初的一窍不通，到现在已经能自己制作网页并依据自己的喜好自由发挥，所以，本次实训带给我们的并不仅仅只是成功完成了一个任务而已，而是可以将自己的所学运用于实际生活的那份满足与成就。

 所以，总的来说，本次实训带给了我们意想不到的收获，使我们的技能得到了大大提高。

 

 

第二篇：web编程基础试题及答案

一、

1.

2.

3.

4.

5.

6.

7.

8. 填空题：（每空1分，共30分） HTML源程序文件必须使用 作为扩展名。 HTML标签语言中的段落标签为。插入图片的标签为 HTML中下拉选单标签为选项标签为，超链接标签为____<a>___，字体标签______<font>_____. JavaScript中用声明变量。 JavaScript窗口对象是，封装整个文本的对象是 JavaScript中应用checkbox的属性来设置复选框是否被勾选 JDBC访问数据库加载数据库驱动应用方法。 JDBC事物中设置Connection对象的setAutoCommit(false)来进行手动提交，当执行

完数据库操作后调用Connection对象的 commit() 进行提交。抛出异常后应用Connection对象的 rollback() 方法进行回滚。

Servlet一般在容器中运行，常见的Servlet容器 列出两种：___tomcat____ 、____websphere_____

Servlet初始化调用____init____函数，处理请求常用函数9. 10.

___doGet_____、___doPost_____(列出两个)，退出Servlet服务调用函数_____destroy______。

11.

12. JSP声明一个全局变量需要用到语法标签为____<%! %>_________。 request的作用范围(Scope)是______request____________，

response的作用范围(Scope)是____page_____，out对象的作用范围(Scope)是____page______，session的作用范围(Scope)是_____session______。

13. 当客户端请求HttpServlet时，服务器端将接收两个类的对象，一个是

____HttpServletRequest______，另一个是

_____HttpServletResponse_______。

14. JSP嵌入JAVA代码段放在____<%___与______%>_____符号之间。

二、 选择题：(每空2分，共40分)

1. 在下列的 HTML 中，哪个可以产生超链接？

A. <a url=".cn">W3S</a>

B. <a href=".cn">W3School</a>

C. <a>.cn</a>

D. <a name=".cn">W3S</a>

2． 以下选项中，哪个全部都是表格标签：

A．<table><head><font>

B．<table><tr><td>

C．<table><tr><hr>

D．<p><body><script>

3. 以下选项中，哪个标签表示复选框：

A. <input type="checkbox">

B. <input type="text">

C. <input type="radio">

D. <input type="textarea">

4．我们可以在下列哪个 HTML 元素中放置 Javascript 代码?

A、<script>；

B、<javascript>；

C、<js>；

D、 <scripting>；

5．引用名为 "xxx.js" 的外部脚本的正确语法是?

A、<script href="xxx.js">

B、<script src="xxx.js">

C、<script name="xxx.js">

D、<script id="xxx.js">

6．以下创建javacript方法声明的正确格式为：

A、function String myFunction(){}

B、function myFunction(){}

C、function myFunction(int a){}

D、function public void myFunction(){}

7．定义 JavaScript 数组的正确方法是：

A、var txt ={"George","John","Thomas"}

B、var txt = new Array(1:"George",2:"John",3:"Thomas")

C、var txt = new Array("George","John","Thomas")

D、var txt = new Array:1=("George")2=("John")3=("Thomas")

8．document.getElementsbyName("name")方法的返回类型是：

A、object（对象）

B、String

C、Array（数组）

D、无返回值

9．以下对JavaScript事件说法错误的是：

A、onclick 单击鼠标左键时触发

B、onfocus 光标离开标签时触发

C、onchange 改变域（如 下拉选单）的内容时触发

D、onmouseover 鼠标进入标签时触发

10．以下对JavaScript内置方法描述正确的是：

A、JavaScript中可以应用Integer.parseInt() 方法转整型

B、JavaScript中用alert() 方法弹出一个警告框 点击确定后程序结束，回传false

C、JavaScript 中的isNaN(expr) 方法是检查expr是否不是一个数字，是数字回传true,不是数字 回传false D、JavaScript中的confirm() 方法是跳出确认窗口,必须按下确定或取消后程序才会继续运行，按下确定回传true ,按下取消回传false

11、JSP内置对象response的作用

A、 用户端请求

B、 网页传回用户端的回应

C、 针对错误网页，未捕捉的例外

D、 与请求有关的会话对象

12、下面哪些是JSP编译指令（多选）

A、 include

B、 page

C、 out

D、 request

13、request.getParameter(“a”)的返回值是：

A、枚举类型

B、String类型

C、String[]类型 D、int类型

14、request .getParameterNames()的返回值是

A、枚举类型

B、String类型

C、String[]类型

D、int类型

15、下面哪个不是JSP向客户端输出的语句：

A、<%=”a”%>

B、<%out.print(“a”);%>

C、<% System.out.print("a");%>

16、下面哪个不是JSP的注释：

A、<!-- … … -->

B、<%-- … … --%>

C、<%//… …%>

D、<%/*… …*/%>

17、computer.jsp文件的代码如下：

<%

String value1 = request.getParameter("value1"); String value2 = request.getParameter("value2"); %> <%@ include file="multiply.jsp"%> multiply.jsp文件的代码如下：

<%=”asdawdad”%>

computer.jsp的这段代码编译之后会产生几个.java文件：

A、1个

B、2个

C、3个

D、4个 18、不能改变IE浏览器URL地址的跳转是 。

A.sendRedirect B.forward C. include D. 以上都不对

19、下面哪个是服务器端编程：（多选）

A、HTML

B、JSP

C、Servlet

D、JavaScript

20、Web Application（web应用程序）下面哪个文件夹不是必须存在的：

A、WEB-INF B、classes C、lib D、temp

三、程序与简答题（共5题30分）

1、<Context path=“/px“ docBase=”… …" reloadable="true"/> 中docBase属性与path属性的意义。（5分）

Path指的是URL访问时所要用到的虚拟路径、docBase指的是web应用程序的实际存放路径

2、简述：简单介绍两种形式的cookie和两种形式的HttpSession(5分)

Cookie 一种为有生命周期，一种为无生命周期

HttpSession 一种为基于cookie的session 一种是基于URL重写的

3、checkBox.html代码如下：

<html>

<head><title>request de Form </title></head>

<body>

<form name="form1" action="getCheckBox.JSp" method="post" >

<input type="checkbox" name="box1" value="basketball">basketball <input type="checkbox" name="box2" value="football">football <input type="checkbox" name="box3" value="movie">movie

<input type="checkbox" name="box4" value="novell">novell

<input type="hidden" name="rows" value="4">

<input type="submit" value="submit" >

</form>

</body>

</html>

Submit后编写一支getCheckBox.JSp 取得上面box的值并且打印输出到客户端的页面？ <html>

<head><title>getCheckBox </title></head>

<body>

Your hobbies:

<%

String reqRows = request.getParameter("rows");

System.out.println(reqRows);

int rows = reqRows==null?0:Integer.parseInt(reqRows);

out.print("<font color =red> ");

for(int i=0 ;i<rows;i++){

System.out.println("box"+(i+1)); String box = request.getParameter("box"+(i+1)); if(box!=null){

} out.print(box+"&nbsp;"); }

out.print("</font>");

%>

</body>

</html>（10分）

4、 简述：整个生命周期内Servlet的执行过程以及Servlet API内函数的具体调用过程。

（5分）

客户端第一次访问Servlet时需要加载Servlet并且调用Servlet的构造函数，之后调用init（）进行初始化，最后调用具体响应请求的 函数 doGet（）、doPost（）等，当我们想要退出服务时调用销毁函数destroy（）

5、 应用HTML写两个复选框（chechBox）栏位 通过JavaScript脚本返回已勾选的复选框的

value值。（5分）

<html>

<form name=’form1’>

看书<input type=’checkbox’ name=’box’ value=’看书’ >

游戏<input type=’checkbox’ name=’box’ value=’游戏’ >

<input type=’button’ name=’btn’ value=”提交” onclick=’fun()’>

</from>

<script language=’javascript’>

function fun(){

var result=”” ;

var checkbox = document.getElementsByName(“box”);

for(var i=0;i< checkbox.length;i++){

if(checkbox[i].checked==true){

result = result+ checkbox[i].value+”;”

}

}

alert(result);

}

</script>

</html>

相关推荐

专栏推荐