实验1配置PHP开发环境及HTML设计.
- 格式:doc
- 大小:871.50 KB
- 文档页数:9
环境软件版本介绍:APACHE 2.0.59PHP5.2.3MYSQL5.0.45GD-2.0.35Zend Optimizer v3.3.0说明:以下环境安装是根据网域高科建站系统在WINDOW2003服务器上的运的要求来配置的,为保证顺利安装完成,请务必对照文档中的说明和示意图来操作注意:安装前,先检查服务器上是否已装有相同软件,以免服务冲突!在配置服务器的同时把IIS先服务装上。
本程序需要php+mysql+zend optimizer环境运行,运行环境安装包下载地址:/dow/phpmysqlzend.rar第一部分环境配置1: PHP 5.2.3的安装配置步骤a>解压环境安装包Win_php5inst,将php-5.2.3-Win32目录下的PHP5文件夹复制到C:\ ,并给C:\PHP5 添加来宾帐户,添加方法:右键PHP5文件夹=> 安全=> 添加=> 高级=> 立即查找在搜索结果中找到IUSR_ 开头的用户,权限默认,确认即可!b>右键我的电脑=> 属性=> 高级=> 环境变量=> 系统变量=> 选择Path 变量=>编辑=> 在变量值添加C:\PHP5 注意哦:跟前面的值要用分号隔开c>设定PHPRC环境变量,右键我的电脑=> 属性=> 高级=> 环境变量=> 系统变量= > 新建=> => 按确定完成,做完c>和b>两步后,记得要重启服务器哦,光注销是不够的d>右键我的电脑=> 管理=> 服务和应用程序=> internet信息服务(iis)管理器=>右键web服务扩展=> 添加一个新的web服务扩展=>扩展名PHP5,在要求的文件中添加php-cgi.exe,设置扩展状态为应许。
确定添加操作完成。
PHP编程技术课程设计说明书姓名:张瑞祥学号: 20101130148班级: 10 软件指导教师:李淑娟完成日期: 2012.12.1设计要求考核目的综合应用网站设计技术,设计一个网站,提高综合应用所学知识的能力,积累网站规划和设计经验。
考核项目要求1.熟练使用常用网页制作工具设计网页;2.网页内容丰富,可读性好3.掌握PHP+MySQL开发知识应用4.网站总体布局合理、各栏目间链接方便快捷5.网站风格设计简约、美观、和谐、界面富于亲和力6.网站的网络技术工作系统安全、可靠、稳定。
7.能够出色地完成实训计划并能独立完成实训报告,实训报告内容充实,论述清楚,观点鲜明,建议有很好的创建性;实训表现实出。
8.设计过程中遇到的问题,如何解决的,要详细叙述。
目录第一章绪论 (2)1.1概述 (2)1.1.1开发背景 (2)1.1.2 2Pm的特点 (2)1.2 网站的发展 (2)1.2.1 2PM存在的问题 (2)1.2.2 2pm网站的开发价值 (2)第二章内容规划 (3)2.1 栏目板块和结构 (3)2.2 内容安排相互链接关系 (3)第三章详细设计说明 (3)3.1 前台首页设计说明 (3)3.2 各分页分析 (4)1、2pm新闻动态 (4)2、2pm图片 (5)3.3 后台设计说明 (6)1、网站后台管理 (6)2、滚动内容设置 (7)3.4 数据库设计 (7)网站的更新维护 (8)参考文献 (8)2PM PHP网页设计说明书第一章绪论1.1概述1.1.1开发背景长久以来,我国的年轻人都很热爱娱乐界的日韩文化,歌迷很多,影视迷也很多,由此百度产生了贴吧,由于贴吧在开始的时候很好,到现在已经产生了很多不好的影响,于是由此,产生了歌迷FANS的自己制作的个人网站,于是2Pm网产生了,为了增加歌迷对2Pm的了解以及交流,还有对最新的2Pm的信息能及时使Fans们了解到,所以网站开发出来。
1.1.2 2PM的特点作为一个粉丝网站,集合了很多的明星讯息,如新闻、图片等等,2PM同样也是如此,它包含了2pm的新闻、图片等模块,里面的内容大多是音乐台的加精贴子、音悦台的精选MV作品。
《企业网站开发》实验指导书计算机科学与技术学院2013-3目录实验一HTML语言标志 (1)【实验目的】 (1)【实验环境】 (1)【实验重点及难点】 (1)【实验内容】 (1)实验二使用Dreamweaver创建本地站点 (2)实验三网页编辑与超链接 (6)【实验目的】 (6)【实验环境】 (6)【实验重点及难点】 (6)【实验内容】 (6)实验四网页图像的应用 (7)实验五表格和布局表格 (10)【实验目的】 (10)【实验环境】 (10)【实验重点及难点】 (10)【实验内容】 (10)实验六CSS样式的应用 (11)【实验目的】 (11)【实验环境】 (11)【实验重点及难点】 (11)【实验内容】 (11)实验七层 (12)实验八Dreamweaver的框架和行为 (13)【实验目的】 (13)【实验环境】 (13)【实验重点及难点】 (13)【实验内容】 (13)实验九Dreamweaver的模版 (14)【实验目的】 (14)【实验环境】 (14)【实验重点及难点】 (14)【实验内容】 (14)实验十Dreamweaver表单 (15)【实验目的】 (15)【实验环境】 (15)【实验重点及难点】 (15)【实验内容】 (15)实验一HTML语言标志【实验目的】1.掌握<head></head>的<title>标记,和<meta>标记;2.掌握使用<body>标记设置网页背景颜色和文本颜色。
学习使用分段标记<p></p>;3.掌握使用<font>标记设置文字的属性;4.掌握在网页中插入背景图片;5.掌握在网页中插入水平线,并设置水平线的属性;6.掌握在网页中插入背景音乐。
【实验环境】Windows xp【实验重点及难点】掌握字体、水平线等常用标记。
【实验内容】1、制作一个简单的网页sy1-1.htm,用记事本编辑,内容为个人简介信息。
如何搭建PHP运行环境?不用愁,手把手教你,百分百成功!本笔记有原理分析、有详细步骤、有相关软件下载,php环境搭建轻松解决!第一课。
二、搭建一个web服务器(apache)与PHP配合最好的就是apache软件。
第一步、apache的安装1、下载相应版本的apache:2、安装时需要设置服务器的信息:3、我们使用自定义安装进行一些配置项:设置以下安装位置:4、Install开始安装和测试是否成功。
安装完成后,应该:在浏览器的地址栏中输入:Localhost如果能够发现如下的界面说明apache安装成功:Apache安装完成了,说明我们有:http服务器。
先祝贺下!第二步、安装php软件下面需要添加http服务器对php文件的处理能力。
安装php软件:Php版本的介绍?5.x 表示的php软件的开发版本好。
数字越大越新。
一般建议下载最新的稳定版本。
通常情况下我们都将php作为apache的一个工具来使用。
将php作为apache的一个模块来使用。
通常情况下:安装php 指的是将php安装成apache的模块。
1、下载相应版本:不用安装的步骤,需要解压配置即可:2、解压并将文件复制到安装目录(E:\amp\php):3、配置php与apache的关系:通过修改apache的配置文件达到目的:Apache的配置文件:apache的安装目录/conf/httpd.conf,我这里是:E:/amp/apache/conf/httpd.conf配置文件中使用apache的指令LoadModule来实现即可loadModule 模块名模块地址Httpd.conf文件:此时apache已经有了一个叫做php的工具了。
4、此时还需要配置,在什么时候应该调用这个工具。
只有请求到的文件的后缀名为 .php的话才需要调用这个工具完成解析。
利用执行段<FilesMatch>完成。
Httpd.conf中::5、重启apache使apache的配置文件生效:重启方法如下:6、判定PHP安装是否成功是通过访问localhost/info.php来进行检查。
第1篇一、实验目的本次实验旨在通过实际操作,加深对前端开发技术的理解,掌握HTML、CSS和JavaScript等基本技能,提高页面布局、交互设计和响应式开发的能力。
通过实验,我将学会使用现代前端框架(如Bootstrap、Vue.js等)进行快速开发,并了解前端性能优化的基本方法。
二、实验内容1. HTML基础- 创建一个简单的HTML页面,包含标题、段落、列表、图片和链接等元素。
- 使用HTML5的语义化标签,如`<header>`, `<footer>`, `<nav>`,`<article>`等。
2. CSS基础- 编写CSS样式,实现页面的基本布局,包括头部、导航栏、内容区域和尾部。
- 使用伪类选择器(如`:hover`)、伪元素选择器(如`:before`, `:after`)和属性选择器。
- 实现响应式设计,使页面在不同设备上都能良好展示。
3. JavaScript基础- 使用JavaScript编写简单的交互功能,如按钮点击事件、表单验证等。
- 学习DOM操作,实现动态内容更新和页面元素控制。
- 使用原生JavaScript实现简单的动画效果。
4. 现代前端框架- 使用Bootstrap框架进行页面快速开发,实现响应式布局和组件复用。
- 学习Vue.js框架,掌握组件化开发,实现数据绑定和条件渲染。
5. 前端性能优化- 学习浏览器缓存机制,优化静态资源加载。
- 使用代码压缩和合并工具,减少页面加载时间。
- 利用懒加载技术,优化图片和资源的加载。
三、实验步骤1. HTML页面搭建- 创建一个名为`index.html`的文件,并添加基本的结构和内容。
- 使用HTML5语义化标签,使页面结构更加清晰。
2. CSS样式编写- 在`index.html`文件中添加`<style>`标签,编写CSS样式。
- 使用媒体查询实现响应式设计,确保页面在不同设备上都能正常显示。
(1)一.实验目的及实验环境
(2)掌握网站开发环境的搭建
(3)掌握DreamWeaver的使用
(4)掌握HTML的基础语法。
(5)掌握表单的使用
(6)掌握CSS的使用
二.实验内容
编写某校学生四六级考试前学习时间分配调查表网页, 实现如图1所示内容。
图1
实现一个用户注册的表单页面, 其页面如实验图2所示。
利用层叠样式表CSS控制页面的格式, 用Class选择器和ID选择器实现在网页中使用相同的标记产生不同的样式, 网页如图3所示。
a.中国加油为大小25像素, 居中, 加下划线, 加粗
b.四川加油为大小18像素
c.汶川加油为大小20像素, 红色
图 2
图 3
三. 方案设计
运用Dreamweaver制作表格, 拖拽表单。
按照实验预期结果图片来设计, 设计总体框架, 按照从上到下, 从左到右的顺序依次设计。
四. 测试数据及运行结果
1.正常测试数据(3组)及运行结果;
2.非正常测试数据(2组)及运行结果。
五.总结
1.实验过程中遇到的问题及解决办法;
2.实验中, 表前面的标签, 总是和表格对其不了, 试了好长时间, 最后参考了老
师的文件, 才发现那些标签其实也在表格里面, 只不过是其边框设置为0。
3.对设计及调试过程的心得体会。
看着好像特别简单, 只是拖拖拽拽, 可是到了自己真正的动手起来, 就没那么简单了。
归根结底, 还是自己眼高手低, 不够细心。
六. 附录: 源代码(电子版)。
软件工程系《JSP应用技术》实验指导书专业班级:软件11-1、2指导教师:朱亚玲实验一 JSP开发环境的搭建一、实验目的1.熟练掌握Tomcat服务器的安装与配置,为后续实验做好准备工作;2.掌握Web服务目录的设置;3.熟练掌握Web服务目录下JSP页面的访问;4.掌握Tomcat服务器端口号的修改。
二、实验环境与地点PC机一台:JDK6.0+Tomcat6.0+编辑器三、实验内容与步骤1.Tomcat服务器的安装与配置;(1)下载jdk6.0进行安装,同时配置系统变量PATH与CLASSPATH。
(2)下载Tomcat6.0,将其安装到硬盘的某个分区,如D:\。
2.Web服务目录的设置;(1)在D:\下新建一个目录,名称为student,将student目录设置为Web服务目录,并为该Web 服务目录指定名字为friend的虚拟目录。
打开Tomcat目录中conf文件夹里的文件,找到出现</Host>的部分。
然后在</Host>的前面加入:<Context path=" " docBase=" " debug=0 reloadable="true" /> (2)修改端口号为9999。
在文件中找到修改端口号部分,默认端口修改为9999。
(3)启动Tomcat服务器。
如果已经启动,应该,并重新启动。
3.JSP页面的访问;(1)使用“记事本”编写一个简单的JSP页面,文件名用自己的姓名拼音命名(如张三:zhangSan.jsp),文件名是,并保存到Web服务目录student中。
(2)打开上一步建立的JSP页面进行编辑,使其页面运行起来时显示你的专业、班级、学号,姓名。
(3)在浏览器的地址栏中输入Tomcat服务器的IP地址和端口号,并通过虚拟目录friend访问Web服务目录student中第2步编辑后的JSP页面,访问路径是:。
PHP运⾏环境配置与开发环境的配置(图⽂教程)前提⽰时间⼀个博友,建议我提供PHP开发环境的搭建⽂章。
当然我们⼀般在windows平台下开发的居多,那么,今天我就在Windows平台下搭建PHP的调试和开发环境。
如果有写的不好的请谅解。
⼀、总的⼤概步骤如下1、下载资料1)、下载wamp2)、下载开发⼯具ZendStudio2、安装程序1)、安装wamp2)、安装开发⼯具ZendStudio3、配置环境4、PHP调试5、PHP开发环境⼆、步骤详细介绍1、下载资料1)、下载WAMP所谓WAMP,是指在Windows系统(W)下安装Apache⽹页服务器(A)以及MySQL数据库(M)和PHP脚本引擎(P)⽽搭建起来的PHP⽹络服务器环境,当然,在LAMP环境肯定是⽐WAMP环境要好的,可是由于Windows的易⽤性,所以,我们在做前期开发或者测试某些CMS的时候,使⽤WAMP环境甚⾄很⽅便更实⽤⼀些。
WAMP即这些单个软件共同组成了⼀个强⼤的Web应⽤程序平台。
2)、下载开发⼯具ZendStudioZend Studio是PHP 集成开发环境,具备功能强⼤的专业编辑⼯具和调试⼯具,⽀持PHP语法加亮显⽰,⽀持语法⾃动填充功能,⽀持书签功能,⽀持语法⾃动缩排和代码复制功能,内置⼀个强⼤的PHP代码调试⼯具,⽀持本地和远程两种调试模式,⽀持多种⾼级调试功能。
windows版 Zend Studio 8.0.1下载2、安装程序1)、WAMP 安装步骤图解把WAMP下载到选择WAMP安装路径,也可以默认路径。
SMP服务器地址PHP 邮件服务器默认Email设置启动浏览器。
安装完成,显⽰图⽚。
3、配置环境安装完成后默认是英⽂。
设置WAMP语⾔。
您可以设置其他的语⾔,当然我们设置为Chinese(中⽂)WAMP重启以后就为中⽂了。
您就可以通过WAMP去配置PHP环境了。
添加⼀个Alias⽬录,(就像在IIS上配置⼀个虚拟⽬录)添加⼀个Alias⽬录名称。
任务二 PHP程序地运行环境搭建n 2.1安装与配置PHPn 2.2配置Apache服务器n 2.3集成化地开发环境环境搭建说明n PHP作为一种动态网站编程技术,其程序地运行需要一种web服务器环境,需要结合数据库技术,任务二围绕着服务器环境安装,配置及应用过程等有关内容展开讲解,为后续PHP程序地开发与运行做好准备。
n PHP支持Apache与IIS(InterInformationservices——Inter信息服务)等大多数web服务器地环境,但是使用Apache服务比IIS更为优越,本课程只介绍在Apache服务器下地PHP环境搭建过程。
数据库地应用n动态网站开发过程,经常需要使用数据库存储各种信息,例如用户地注册信息,留言信息,邮件信息,购物信息等。
PHP支持绝大多数地数据库,如MySQL,SQLServer,Oracle等。
在选用数据库方面,因为Apache+PHP +MySQL是黄金组合而且是跨平台地,即在所有地平台下面运行都没有任何问题,因此更多情况下都是选用MySQL数据库,我们也不例外。
Web服务器地主目录n思考问题n我们通过浏览器访问地网站资料都存放在哪里?n主目录n主目录是web服务器地默认站点在服务器上地存储位置,每个web服务器都要存在主目录n web服务器地站点文件夹都要存放在主目录下面,这样地页面文件能够被用户通过浏览器来访问2.2.4 apache主目录n PHP文件地运行需要使用web服务器方式,即使用http://...,使用本地主机充当服务器,格式为http://localhost/...n安装完毕后,apache安装目录地htdocs子目录被默认为主目录,主目录存放地PHP文件能够通过上面URL方式运行,例如运行htdocs/yzm.php时需要在浏览器地址栏输入地址为:http://localhost/yzm.php,localhost对应文件夹htdocsn可以在主目录下面创建子目录,例如163email,要运行该目录下地文件denglu.html,地址为http://localhost/163email/denglu.html2.3 集成化地开发环境n需要解决地核心问题n怎样安装phpStudy?n如何单独启动或停止phpStudy环境下地Apache或者MySQL?n运行模式地系统服务与非服务模式分别指地什么?n怎样在phpStudy对MySQL数据库进行操作?n如何改变网站目录及使用地端口号?2.3.1 phpStudy地安装n该程序包集成最新地Apache+Nginx+LightTPD+PHP+MySQL+phpMyAdmin+ZendOptimizer+ZendLoader,一次性安装,无须配置即可使用,是非常方便,好用地PHP调试环境。
实 验 报 告 一课程名称:网站系统开发(基于PHP )实验项目名称:配置PHP 开发环境及HTML 设计 实验时间:班级: 姓名: 学号:实 验 目 的:1.掌握 Apache 、Mysql 以及PHP 的安装和配置。
2.掌握HTML 语法。
3.初步接触PHP 程序。
4.能够使用HTML 编写简单网页。
5.熟悉EclipsePHP Studio 3。
实 验 环 境:WAMP(Windows 下具有的Apache 、MySQL 和PHP 环境),或者LAMP (Linux 下具有的Apache 、MySQL 和PHP 环境)实 验 内 容 及 过 程:1.安装和配置Apache 服务环境。
2.安装和配置PHP 环境。
1,2可以根据“实验1 附件.doc ”进行安装。
也可以安装WampServer 作为集成环境,并在EclipseStudio3平台上进行项目的开发。
3.使用Eclipse Studio 3开发编写一个简单的PHP 程序来测试PHP 开发环境。
4.补充以下代码完成如图所示的页面效果: <html> <head><title>表格的颜色</title> </head> <body><table border="2"bgcolor="pink"> <tr><th bgcolor="#ffaa00">彩电</th><th bgcolor ="#00cc00">冰箱</th > <th rowspan =2 valign ="middle">家电</th > </tr> <tr bgcolor="yellow"> <td>a</td><td>b</td></tr></table></body></html>5. 利用HTML知识完成如下页面:该网页命名为sample.html。
6.将sample.html的代码黏贴在“实验结果及分析部分”,并且截图完成后的效果图。
实验结果及分析:1、2.安装WampServer和Eclipse Studio 3的过程截图。
在执行到这一步时出现了动态数据库msvcr100.dll丢失情况,重新加载了一个才可以正常安装运行。
EclipseStudio3把安装目录放在D:\elicpsePHP3. 创建一个测试程序test.php ,代码如下: <?phpphpinfo(); ?>4.sample.html 的代码及完成界面截图: Sample.html 代码:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> <title>表单应用</title></head><body><form action="data.php"method="post"><table width="60%"border="2"bgcolor="#99ff99"><tr><th colspan="2">会员注册</th></tr><!--用户名输入框--><tr><td align="right">用户名:</td><td><input name="username"type="text"/></td></tr><!--密码输入框--><tr><td align="right">密码:</td><td><input name="pwd"type ="password"/></td></tr><!--密码输入框--><tr><td align="right">确认密码:</td><td><input name ="nextpwd"type="password"/></td> </tr><!--性别单选框--><tr><td align="right">性别</td><td><input type="radio"name="sex"value="男"/>男<input type="radio"name="sex"value="女">女</td></tr><!--多选框--><tr><td align="right">爱好:</td><td><input type="checkbox"name="Hobbies"value="体育"/>体育<input type="checkbox"name="Hobbies"value="音乐"/>音乐<input type="checkbox"name="Hobbies"value="文学"/>文学<input type="checkbox"name="Hobbies"value="其它"/>其它</td></tr><!--下拉列表--><tr><td align="right">特长</td><td><select name="Specialty"><option value ="Music">音乐</option><option value ="Basketball">篮球</option><option value="Sing">唱歌</option><option value="Other">其它</option></select></td></tr><!--输入框--><tr><td align="right">联系方式</td><td><input name="phonenumber"type="text"/></td> </tr><!--提交、重置按钮--><tr><td></td><td><input type="submit"value="提交"/><input type="reset"value="重置"/></td></tr></table></form></body></html>在epp上运行结果在浏览器上运行结果这里面只实现了表单的设计,其他的功能如:把数据提交到服务器上没有实现。
提交按键通过<form action="data.php"method="post">实现将数据提交到服务器上。
实验心得:以前写表单的时候是用vs写的,里面的控件基本上都是直接拉过去使用的,导致对控件的很多属性和用代码实现控件功能很不熟悉,这次通过epp用代码把一个个控件的功能实现出来,让我对控件的基本使用方法和属性得到进一步的理解。
但我对这服务器的创建和连接还是不懂。