您的位置：360文档中心› Web技术导论(第3版)

Web技术导论(第3版)

Web技术导论(第3版)
Web技术导论(第3版)

web前端开发技术实验报告 实验三

长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院：计算机科学技术专业：软件工程 班级：软件15402

学号：041440210 姓名：王悦 任课教师：车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面； 2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素； 3.理解块元素与行内元素的区别，能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果，满足如下要求： 1.网页弹出框由上面的标题和下面的宣传内容两部分组成； 2.标题通过h2定义； 3.在段落文本中内容部分由h3和p标记进行定义； 4.应用

标记、标记、边框属性、背景属性等设计页面结构效果。 三、实验原理 盒子模型：把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。
标记：是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。 边框属性：使用border-style、border-width、border-color等属性可以实现丰富的边框效果。 padding属性：设置内边距，即元素内容与边框之间的距离，也常常称为内填充。 margin属性：设置外边距，即元素边框与相邻元素之间的距离。 background-color：设置网页元素的背景颜色，默认值为transparent，即背景透明，这时子元素会显示其父元素的背景。 background-image属性：将图像作为网页元素的背景。 标记：行内元素。与之间只能包含文本和各种行内标记，如加粗标记、倾斜标记等，中还可以嵌套多层。

WEB开发技术实验报告

实验一JSP开发环境构建 实验目的：了解动态页面技术及B/S系统 掌握开发环境的构建 理解Eclipse开发WEB应用 实验内容： 实训项目一：安装JDK并配置环境变量 请阐述配置环境变量的方法： 实训项目二：安装TOMCAT并配置Server.xml修改端口号为8090 问题一：如何测试TOMCAT是否已经成功启动？ 问题二：在浏览器地址栏输入什么地址可以访问到TOMCA T的测试页？ 请阐述配置Server.xml修改端口号为8090基本实验步骤： 实训项目三：应用Eclipse建立项目并浏览一个JSP页面 请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤： 实验心得：（遇到了哪些问题，如何解决的，有那些体会） 实验二JSP语法 实验目的：了解JSP程序的组成元素 掌握JSP中使用JA V A程序片段的方法 实验内容： 实训项目一：编写一个JSP页面输出26个小写英文字母表 实训项目二：编写页面实现九九乘法表 实训项目三：利用成员变量被所有客户共享这一性质，实现一个简单的计数器 实训项目四：使用JA V A表达式输出系统当前时间 实训项目五：编写程序shijian2_9.jsp和computer.jsp两个页面，在第一个页面中使用include动作标记动态包含文件computer.jsp，并向它传递一个矩形的长和宽，computer.jsp 收到参数后，计算矩形的面积，并显示结果。 实训项目六：编写3个JSP页面：main.jsp,first.jsp和second.jsp，将3个JSP文件保存在同一个WEB工程中，main.jsp使用include动作标记加载first.jsp和second.jsp页面。First.jsp 页面可以画一张表格，second.jsp页面可以计算两个正整数的最大公约数。当first.jsp被加载时，获取main.jsp页面include动作标记的param子标记提供的表格行数和列数，当second.jsp 被加载时，获取main.jsp页面include动作标记的param子标记提供的两个正整数的值。 要求：上机编程完成上述实训项目，上机演示给教师检查，从中挑选三个程序的核心代码写在实训报告上 实验核心代码：

最新web系统与技术复习题教程文件

复习资料 选择题 HTTP哪个请求方式，请求参数会出现在网址列上？ （A） GET （B）POST Web容器在收到浏览器请求时，会如何处理请求？ （A）使用单一执行绪处理所有请求 （B）一个请求就建立一个执行绪来处理请求 （C）一个请求就建立一个行程来处理请求 （D）一个请求就执行一个容器来处理请求 Java EE中各技术标准最后将由什么文件明订规范？ （A） JCP （B）JSR（C）JDK 在JSP中，要定义一个方法，需要用到以下（）写法。 A. <%= %> B. <% %> C. <%! %> D. <%@ %> 在J2EE中，在web.xml中，有如下代码: 30

上述代码定义了默认的会话超时时长，时长为30（）。 A. 毫秒 B. 秒 C. 分钟 D. 小时 JavaWeb 中（）类的（）方法用于创建对话。 A. HttpServletRequest、getSession B. HttpServletResponse、newSession C. HtttpSession、newInstance D. HttpSession、getSession 给定一个Servlet 的doGet方法中的代码片段，如下： request.setAttribute(“name”,”zhang”); response.sendRedirect(“http://localhost:8080/servlet/MyServlt”); 那么在Servlet 中可以使用（）方法把属性name的值取出来。 A. String str=request.getAttribute(“name”); B. String str=(String)request.getAttribute(“name”); C. Object str=request.getAttribute(“name”); D. 无法取出来 下边哪个不是JSP的内置对象？（）

《Web系统与技术》期末考试题A

西安财经学院试题（卷）纸命题教师刘通学期2012 —2013学年第1 学期使用班级计本10级考核方式大作业 课程名称Web系统与技术阅卷教师签名 题号一二三四五六七八 九 十总分得分 注意事项： 命题教师1.出题用五号字、宋体输入，打印用正规A4纸张。 2.装订线以外的各项均由命题教师填写，不得漏填。 考生1.装订线内的“班级”、“学号”、“姓名”、“时间”等栏由考生本人填写。 2.一律用黑色的签字笔答题，否则试卷无效。 动态网站设计（100分） 一．基本要求及总体效果（40分）： 1．设计一个基于web的管理信息系统，网站内容自定，可以是企业人事管理系统、学生管理系统、课程管理系统、教务管理系统、图书管理系统、客户管理系统、超市商品管理系统、库存管理系统、汽车租赁系统、网上商店等等、也可以自拟题目，内容不限，但要求是基于web的信息管理系统，主题思想明确、结构清晰、形式新颖、内容充实、浏览方便、网页文字及相关链接无错误。（10分） 2．网页整体设计思路清晰，网页布局合理，风格明快。主题页和其它各子页之间协调，主题分明、重点突出。栏目及版面设计，层次结构及链接结构明确。内容布局合理，图画运用得当，效果生动。（20分） 3．网页上各主题和附加图片、背景的色彩选配方案要注意做到：色彩柔和、搭配美观，朴素大方，不应过分夸张，使视觉疲劳。（10分）。 二、具体功能模块内容要求：（60分） 1．用户登录模块 输入的用户名和密码都正确，才能登录，否则给出错误提示，重新登录。（5分） 2．用户注册模块。 输入的信息要有有效性验证，还可以根据实际情况设置所需注册信息内容，注册成功后可用该账号登录网站。（10分） 3．用户留言模块 来访用户能够在空间留言，管理员或其他登录用户可以回复留言，用户的留言能够在网站中显示出来。（10分） 4．导航清晰，网站内各页面可以方便地相互跳转。 5．其他具体内容自己根据实际情况设计。要求内容新颖、有创意，能够完整地实现系统的主要功能，系统运行正常。（5分） 提交要求： 1．每人独立一题，独立完成，不得盗用他人作品，设计雷同者成绩均按零分计。 2．请做完之后，用RAR或ZIP压缩格式，文件名采用如下格式：班级+姓名+学号。（计本1001班的01张三，则文件名为计本1001张三01）3．站点名称建议用英文或者数字，所有设计到的文件最好用英文或数字命名，把主页放在站点文件夹的根目录下，保存为index.htm或default.aspx 第一题 得 分 1

web前端开发技术试卷三

总分100分考试时间：120分钟考试形式：闭卷、选择题(每题1分，共20 分) 1. HTMLI旨的是___________ (A)超链接的文本标记语言(B) 超文本标识语言 (C)家庭工具标记语言(D) 以上都不是 2. 下列能够实现美化页面的语言是。 (A) HTML (B) CSS (C) VFP (D) JavaScript 3. 以下标记中用于设置内部样式表的标记的是。 (A)