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><?phpecho 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

php的简单网站设计相关推荐

Asp.net MVC 仿照博客园的简单网站首页列表设计
本来我打算采用ajax提交请求,异步的请求获取数据,但是我发现如果这样的话就会拖慢开发的进度,拖长时间.所以在这篇博客中仿照首页的列表设计其实和左侧列表网站分类采用了同样的方式,通过局部视图的方式呈现 ...
HTML5期末大作业：漫画网站设计——海贼王基地(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:漫画网站设计--海贼王基地(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题材有 ...
HTML+CSS静态页面游戏网站设计——腾讯游戏(页)学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5期末大作业:游戏网站设计--腾讯游戏(页)学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. ...
TML5期末大作业：动漫网站设计——神偷奶爸(10页) HT简单个人网页设计作业静态动漫主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码
HTML5期末大作业:动漫网站设计--神偷奶爸(10页) HT简单个人网页设计作业静态动漫主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码常见网页设计作业题材有个人. 美食. 公司 ...
HTML5期末大作业：关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业静态HTML个人博客主页 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页设计作业
HTML5期末大作业:旅游网站设计--天津旅游(11页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HT ...
div+css静态网页设计电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板文章目录 HTML5期末大作业:电商购物网站设计- ...
HTML5期末大作业：电商购物网站设计——电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板常见网页设计作业题材有个人. 美食. 公司. 学 ...
简单随机选人网站设计
简单随机选人网站设计一. 设计目的解决班级活动选人问题,随机选择参加人员. 二. 网站功能实现对班级成员的随机选择,且上次被选的人才能选择下次活动人选. 三. 使用流程 1. 网址:http:/ ...
B1HTML5期末大作业：动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题 ...

php的简单网站设计

php的简单网站设计相关推荐

最新文章

热门文章