web实验报告模板

Web

动

态

网

页

设

计

编程环境的熟悉 实验日志

实验题目：编程环境的熟悉

实验目的：

1、学会使用Macromedia Dreamweaver 软件，了解并掌握该软件的各种功能，为以后的网页设计打下基础。

2、重点学习使用“页面创建”和“设置服务器信息”功能。

实验要求：按照Macromedia Dreamweaver MX软件使用说明，练习使用Macromedia

Dreamweaver MX软件。

实验主要步骤：

1、起始页的打开和关闭：

操作：（1）运行Dreamweaver，将显示起始页，单击“不再显示”。

（2）打开菜单栏“编辑”选项>“首选参数”>“常规”选项。

2、工作区布局常用两种：编码器和设计器。

操作：

(1)运行Dreamweaver，可以进行编码器或设计器的选择。

(2)打开菜单栏“窗口”选项>“工作区布局”进行选择。

3、在本地站点中浏览网页的快捷键是F12。

4、创建本地站点：

（1）可以使用“站点定义向导”设置 Dreamweaver 站点，该向导会引领您完成设置过程。

（2）也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。

5、安装IIS服务器

（1）选择“开始”>“设置”>“控制面板”>“添加或删除程序”，或者选择“开始”>“控制面板”>“添加或删除程序”。

（2）选择“添加/删除 Windows 组件”。

（3）选择“Internet 信息服务 (IIS)”，然后单击“下一步”。

（4）按照安装说明进行操作。

6、配置IIS服务器

（1）启动ASP的父路径。

（2）配置IIS的站点。

（3）设置网站端口。

（4）设置网站默认文档。

7、发布站点：

1）设置远程文件夹：远程文件夹通常具有与本地文件夹相同的名称，因为远程站点通常完全就是本地站点的副本。

（1）在您的远程服务器上，在服务器的 Web 根文件夹中创建一个空文件夹。将新的空文件夹命名为 cafe_townsend（与本地根文件夹的名称相同）。

.

;. 实验一 JSP开发环境构建

实验目的： 了解动态页面技术及B/S系统

掌握开发环境的构建

理解Eclipse开发WEB应用

实验内容：

实训项目一：安装JDK并配置环境变量

请阐述配置环境变量的方法：

实训项目二：安装TOMCAT并配置Server.xml修改端口号为8090

问题一：如何测试TOMCAT是否已经成功启动？

问题二：在浏览器地址栏输入什么地址可以访问到TOMCAT的测试页？

请阐述配置Server.xml修改端口号为8090基本实验步骤：

实训项目三：应用Eclipse建立项目并浏览一个JSP页面

请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤：

实验心得：（遇到了哪些问题，如何解决的，有那些体会）

实验二 JSP语法

实验目的： 了解JSP程序的组成元素

掌握JSP中使用JAVA程序片段的方法

实验内容：

实训项目一：编写一个JSP页面输出26个小写英文字母表

实训项目二：编写页面实现九九乘法表

实训项目三：利用成员变量被所有客户共享这一性质，实现一个简单的计数器

实训项目四：使用JAVA表达式输出系统当前时间

实训项目五：编写程序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应用开发项目实训

报 告

学 院：计算机与软件学院

系 别：软件工程系

专 业：软件工程

班 级：070 班

学 号：07001633、07001634、07001635

姓 名：张三、李四、王五

指导教师：

时 间：2009年12月31日 前言

考务管理是教务管理的重要组成部分，是 。。。。。。。。

在本次实训中，小组成员有：

小组分工如下：

前言 .................................................................. 2

一、 需求分析： ....................................................... 4

1.引言 ............................................................... 4

1.1编写目的 .......................................................... 4

1.2项目背景 .......................................................... 4

1.3参考资料 .......................................................... 4

2．任务概述 .......................................................... 4

2.1目标 .............................................................. 4

2.2运行环境 .......................................................... 4

webcss实验报告

WebCSS实验报告

引言：

WebCSS是一种用于网页设计的样式表语言，它可以控制网页的外观和布局。本篇实验报告将介绍我在学习WebCSS过程中的实验内容和心得体会。

实验一：基础CSS样式的应用

在这个实验中，我学习了如何使用CSS来设置网页的基本样式，比如字体、颜色、背景等。通过实验，我发现CSS可以让网页更加美观和易读。我尝试了不同的字体和颜色组合，发现不同的选择会给人不同的感觉。比如，使用Serif字体的标题给人一种正式和专业的感觉，而使用Sans-serif字体则更加现代和简洁。

实验二：盒模型的应用

在这个实验中，我学习了CSS的盒模型，它用于定义网页元素的尺寸和边距。通过实验，我发现盒模型可以让网页的布局更加灵活和自由。我尝试了设置不同的边距和内边距，发现可以通过微调来改变网页元素之间的间距和整体布局。同时，我也学习了如何使用CSS的浮动属性来实现网页元素的排列和定位。

实验三：响应式设计的实现

在这个实验中，我学习了如何使用CSS的媒体查询来实现响应式设计。通过实验，我发现响应式设计可以让网页在不同设备上都能够良好地显示和适应。我尝试了设置不同的媒体查询条件，比如屏幕宽度、设备类型等，发现可以通过CSS来针对不同的情况做出不同的样式调整。这样，无论是在电脑上还是在手机上浏览网页，用户都能够获得良好的体验。 实验四：CSS动画的应用

在这个实验中，我学习了如何使用CSS的动画效果来为网页添加一些互动和生动的元素。通过实验，我发现CSS动画可以让网页更加吸引人和有趣。我尝试了设置不同的动画效果，比如淡入淡出、旋转等，发现可以通过CSS来控制动画的速度、持续时间和循环次数。这样，用户在浏览网页时可以感受到一些视觉上的变化和活力。

实验五：CSS预处理器的应用

在这个实验中，我学习了如何使用CSS预处理器来简化和优化CSS代码的编写。通过实验，我发现CSS预处理器可以提高代码的可维护性和重用性。我尝试了使用Less和Sass这两种常见的CSS预处理器，发现它们可以通过变量、嵌套、混合等功能来简化CSS代码的编写，并且可以将代码分割为多个文件进行管理和组织。