php的简单网站设计

Trinea

浏览: 1510765 次
性别:
来自: 杭州

最近访客更多访客>>

z915139481

omeweb

fanan_666

WangJiaX

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Html Css JavaScript
其他

因需要，用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" onclick="javascript:alert('↖哦哦↗')" value="点击我^_^"/>
</div>

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

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

9、php

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

<div style="color:red">
	我的第一个网站哦↖(^w^)↗
	<input type="button" onclick="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