php的简单网站设计

因需要,用php写个简单的网站示例,供网站新手及php初学者学习。下面会写的很细,明白之可掠过

09年末写过10天的php,作品链接--合肥工业大学人事处网站

总结过中间遇到的一些问题 http://blog.csdn.net/lethe1989/article/details/5065549

 

简简单单6步介绍就能让你看见自己的第一个网站

1、软件

EasyPHP用于运行网站程序,类似tomcat、jboss。下载地址:http://www.xdowns.com/soft/1/71/2006/Soft_15986.html

Dreamweaver用于编写代码,当然记事本编辑器就可以代替了,用Dreamweaver主要是想对初学者可以使用所见即所得的方式编写以及较好的代码联想提示。下载地址:http://www.xdowns.com/soft/1/30/2006/Soft_33076.html

需要数据库连接的话再装上Mysql。下载地址:http://www.xdowns.com/soft/38/110/2010/Soft_67152.html

Dreamweaver和Mysql可能需要注册码

 

2、用到的语言

html、php更多的需要会在后面介绍

 

3、安装EasyPHP、Dreamweaver

记住EasyPHP的安装目录。并在安装目录下的www文件夹下新建文件夹名为example。

 

4、打开Dreamweaver,在中间创建新项目选择php

会自动新建如右图所示文件 

这个就是网页源文件的基本结构了,点击查看各项标签意义

在<body></body>中间添加我们的代码,如下:

<div style="color:red;">
	我的第一个网站哦↖(^w^)↗
</div>

 ok,Ctrl+s保存文件,保存路径为步骤3中新建的文件夹example下,文件名为index.php。

 

5、到EasyPHP安装目录下运行EasyPHP.exe,可能需要配置一些选项。

6、打开浏览器,输入http://127.0.0.1/example/,就能显示如下效果了

127.0.0.1表示本机ip,example为之前新建的文件夹名。

 

试试将上面代码中的

<title>无标题文档</title>改为<title>php示例</title>保存后,刷新网页看看效果

试试在浏览器中输入http://127.0.0.1/example/index.php回车查看效果。

 

很简单吧,下面介绍下css、js和php。使得你的网页美起来、动起来、功能强大起来。

 

7、css

css是级联样式表(Cascading Style Sheet)的缩写。作用是定义网页的风格和样式。平时所见的字体大小、颜色、加粗、显示位置、背景颜色等等都属于css控制的范围。

步骤3代码中的style="color:red"就属于css,表示含义是此div中文字颜色为红色。

试试将上面的<div style="color:red;">改为<div style="color:red; font-size:20px">,保存后刷新页面查看效果。

 

8、js

js是Javascript的缩写,作用是负责网页和用户的交互。比方说点击一个按钮弹出一个框,点击注册就提交表单注册等等都属于js控制的范围。

下面简单示范下js,在上面代码中再添加一句

<div style="color:red">
	我的第一个网站哦↖(^w^)↗
	<input type="button" οnclick="javascript:alert('↖哦哦↗')" value="点击我^_^"/>
</div>

上面的javascript:alert('↖哦哦↗')就是js的语句。保存后,刷新浏览器的页面,效果如下:

点击上面的按钮,就能弹出一个警告框了

 

9、php

php是一种嵌入在html中的脚本语言,功能及其强大,没有它,仅仅依靠html、css、js完全一个网站是费力的。还是先简单的来个示例,用php在网页上输出当前的时间,添加代码如下:

<div style="color:red">
	我的第一个网站哦↖(^w^)↗
	<input type="button" οnclick="javascript:alert('↖哦哦↗')" value="点击我^_^"/>
</div>
<div>
	<?php
		echo Date("Y-m-d H:i:s");
	?>
</div>

同样保存后,刷新网页, 效果如下:

 

php是嵌入式语言,所以调用前必须用<?php和?>括起来,上面echo Date("Y-m-d H:i:s");表示输出当前时间。

echo是输出的意思,相当于c++中的cout和c中的printf。

Date是php内置的时间函数,"Y-m-d H:i:s"是参数,指定时间的格式。

Y、m、d、H、i、s分别表示年、月、日、小时、月、秒,就是相应英文单词的首字母(小时因为和月字母冲突,改为i)。

试着将其中的"Y-m-d H:i:s"的连接符号-和:改成其他字符如*,看看效果。将小时的H改成h看看效果(H表示显示24小时制的小时,h表示显示12小时制)

 

其他:在用php打印时间时,可能碰到打印的时间不准确的问题,如偏差8个小时。这是因为默认时区的问题。

解决方法:找到EasyPHP的安装目录,打开conf_files文件夹下的php.ini文件,打开文件找到date.timezone,该行可能是;date.timezone;;表示注释的意思,不生效即取默认值。修改为date.timezone = PRC。PRC即英文中华人民共和国的意思,默认时区可以用echo date_default_timezone_get();打印查看。保存刷新即可看到正确的时间了。

 

推荐学习网站:

w3c: http://www.w3school.com.cn/tags/ w3c是网页编程的标准

w3c所见即所得编程:http://www.w3school.com.cn/tiy/t.asp?f=html_div_test 可以自己在左边编写代码,点击黄色按钮try it yourself,右边会展示相应的结果

 

js学习:http://www.w3school.com.cn/js/index.asp

css学习:http://www.w3school.com.cn/css/

php学习:http://www.w3school.com.cn/php/ http://www.phpchina.com/ http://www.php.cn/forum.php

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本书展示一个完整网站的设计和实现过程,详细地介绍动态网页设计和制作的技术和相关理论,全书共分为8章,主要内容包括:动态网站设计概述、动态网站编程环境、网站主页设计与PHP基础、网站计数器设计与PHP文件访问、会员注册和管理设计与数据获取、网上社区设计与PHP数据库访问、网上购书与PHP面向对象技术、网站优化与PHP的高级功能等,本书内容系统全面,案例典型实用,讲述直观详尽,非常适合动态网页设计与制作的初学者使用,还可作为高等院校教材和“实用型”人才培训教材。 目录 第1章 动态网站设计概述 1.1 动态网站的特点 1.2 动态网站的运行机制 1.2.1 域名 1.2.2 网页 1.2.3 浏览器 1.2.4 服务器 1.3 动态网站的规划 1.3.1 确定网站的类型 1.3.2 确定网站的主题 1.3.3 确定网站的整体风格 1.3.4 确定网站的内容 1.3.5 规划界面 1.3.6 规划站点的目录结构和链接结构 1.3.7 编写网站策划书 1.4 动态网站开发前的准备 1.4.1 申请域名 1.4.2 接入Internet 1.4.3 选择软硬件平台 1.4.4 选择网站建设服务商 第2章 动态网站编程环境 2.1 动态网页编程环境的构成要素 2.1.1 操作系统 2.1.2 服务器端程序 2.1.3 程序语言 2.1.4 数据库 2.1.5 基于PHP常见动态网站开发环境 2.2 安装和配置Apache 2.2.1 安装Apache前的准备 2.2.2 安装Apache 2.2 13测试Apache 2.2.4 配置Apache 2.2.5 在Windows上管理Apache 2.3 安装和配置PHP 2.3.1 安装PHP前的准备 2.3.2 安装PHP 2.3.3 配置PHP 2.3.4 测试PHP 2.4 安装和配置MySQL 2.4.1 安装MySQL,前的准备 2.4.2 安装MySQL 2.4.3 配置MySQL 2.4.4 在Windows上手动启动和停止MySQL 2.4.5 安装phpMyAdmin 2.5 AppServ组件安装 2.5.1 安装AppSery前的准备 2.5.2 安装。AppSery 2.5.3 测试AppSery 2.5.4 配置Apache 2.5.5 修改MySQL服务器的密码 2.6 PHP的集成开发环境 2.6.1 Dream weaver开发工具 2.6.2 Eclipse开发工具 2.6.3 其他开发工具 第3章 网站主页设计与PHP基础 3.1 网站主页的设计 3.1.1 主页中的页面元素, 3.1.2 规划主页的结构 3.1.3 布局页面版式 3.1.4 用Fireworks创建网页模型 3.2 网站主页的实现 3.2.1 在Dream weaver中创建网站 3.2.2 布局页面元素的样式 3.2.3 实现主页的结构 3.2.4 编辑主页的栏目内容 3.3 网站主页中的链接策略 3.4 PHP语言基础 3.4.1 PHP的程序结构 3.4.2 PHP的句法结构 3.4.3 PHP的数据类型 3.4.4 PHP的控制语句 第4章 网站计数器设计与PHP文件访问 4.1 网站计数器的设计 4.1.1 系统架构 4.1.2 系统设计 4.2 网站计数器的实现 4.2.1 文本输出的网页计数器 4.2.2 图片输出的网页计数器 4.2.3 调试代码 4.3 PHP的函数 4.3.1 PHP函数概述 4.3.2 白定义函数 4.3.3 PHP内置函数 4.4 PHP访问文件 4.4.1 PHP支持的文件系统 4.4..2 PHP访问文件的方法 4.4.3.PHP访问目录 4.5 文件管理器 第5章 会员注册和管理设计与数据获取 5.1 会员注册和管理概述 5.2 会员注册和管理设计 5.2.1 系统架构 5.2.2 系统设计 5.3 注册模块的实现 5.3.1 页面样式表 5.3.2 网页的头部、尾部和数据库连接文件 5.3.3 注册的主页和处理程序 5.3.4 用户申请购书卡页和处理程序 5.3.5 注册用户资料页与处理程序 5.3.6 调试代码 5.4 会员管理模块的实现 5.4.1 页面样式表 5.4.2 网页的头部、尾部和连接数据库 5.4.3 会员管理的主页 5.4.4 用户分级登录页和处理程序 5.4.5 用户购书卡专区页和处理程序 5.4.6 会员修改资料页与处理程序 5.4.7 会员找回密码页与处理程序 5.4..8 购书卡管理页与处理程序 5.4.9 调试代码 5.5 表单数据处理 5.5.1 PHP与表单 5.5.2 表单数据的采集 5.5.3 表单数据处理描述 5.6 cookie与会话管理 5.6.1 数据传递概述 5.6.2 cookie 5.6.3 会话管理 第6章 网上社区设计与PHP数据库访问 6.1 网上社区概述 6.2 留言板的设计 6.2.1 留言板的架构 6.2.2 留言板的设计描述 6.3 留言板的实现 6.3.1 网页的头部、尾部和系统配置文件 6.3.2 留言板的主页——欢迎页 6.3.3 写留言页和回复留言 6.3.4 浏览留言主题页 6.3.5 浏览主题留言页 6.3.6 管理员登录页 6.3.7 屏蔽和删除留言页 6.3.8 调试代码 6.4 聊天室的设计 6.4.1 聊天室的架构 6.4.2 聊天室的设计描述 6.5 聊天室的实现 6.5.1 网页的头部、尾部和系统配置文件 6.5.2 聊天室的主页——登录页 6.5.3 聊天室页 6.5.4 浏览聊天信息页 6.5.5 离开页 6.5.6 注销页 6.5.7 调试代码 6.6 PHP访问数据库 6.6.1 PHP访问数据库的机制 6.6.2 连接数据库服务器 6.6.3 PHP数据库管理函数 6.6.4 PHP查询数据函数 6.6.5 其他数据管理工具 第7章 网上购书与PHP面向对象技术 7.1 网上购书系统分析 7.1.1 系统工作流程分析 7.1.2 系统功能模块分析 7.2 网上购书系统设计 7.2.1 模块的逻辑结构设计 7.2.2 数据库设计 7.2.3 数据操作类设计 7.2.4 界面设计 7.3 网上购书系统实现 7.3.1 数据操作类 7.3.2 图书查询 ’7.3.3 图书显示处理 7.3.4 购物车 7.3.5 订单处理 7.3.6 调试代码 7.4 PHP面向对象技术 7.4.1 基本概念 7.4.2 定义类 7.4.3 创建对象 7.4.4 使用对象的属性和方法 7.4..5 对象的操作 第8章 网站优化与PHP的高级功能 8.1 用户注册安全管理 8.1.1 用户注册安全管理的策略 8.1.2 优化用户注册页面 8.1.3 PHP的GD函数库 8.1.4 图片缩略图 8.2 图像文件上传处理 8.2.1 网站图像存储策略 8.2.2 上传图书封面图像 8.2.3 PHP文件上传处理 8.3 电子邮件处理 8.3.1 PHP电子邮件处理概述 8.3.2 向客户发送邮件 8.3.3 PHP发送电子邮件的方式 8.4 正则表达式 8.4.1 正则表达式简介 8.4.2 常用表单项验证 8.4.3 正则表达式的法则 参考文献
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值