`

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" 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

 

  • 大小: 9.9 KB
  • 大小: 9.1 KB
  • 大小: 1 KB
  • 大小: 1.8 KB
  • 大小: 2.1 KB
分享到:
评论

相关推荐

    昆仑通态控温程序,MCGS通讯10块仪表,不需要用plc,直接触摸屏通讯各种仪表

    昆仑通态控温程序,MCGS通讯10块仪表,不需要用plc,直接触摸屏通讯各种仪表

    基于三菱fxPLC和组态王燃油锅炉控制系统 带解释的梯形图程序,接线图原理图图纸,io分配,组态画面

    基于三菱fxPLC和组态王燃油锅炉控制系统 带解释的梯形图程序,接线图原理图图纸,io分配,组态画面

    基于SpringBoot+Vue的助农电商平台(编号:4114842).zip

    基于SpringBoot+Vue的助农电商平台(编号:4114842).zip

    【岗位说明】销售部销售岗位说明书.doc

    【岗位说明】销售部销售岗位说明书

    幼儿园儿童成长手册记录卡模板.pptx

    幼儿园儿童成长手册记录卡模板

    计算机数据表示实验(HUST)

    本实训将帮助同学们巩固对计算机中数据表示方法的理解,要求能设计汉字国标码与区位码之间的转换电路,能批量获取汉字机内码并用点阵形式进行显示。通过设计 16 位数据的海明编解码电路,16 位数据的 CRC 并行编解码电路,帮助同学们理解校验码传输过程。通过校验码流水传输实验帮助大家提前建立流水线的基本概念。 第1关汉字国标码转区位码实验 第2关汉字机内码获取实验 第3关偶校验编码设计 第4关偶校验解码电路设计 第5关16位海明编码电路设计 第6关16位海明解码电路设计 第7关海明编码流水传输实验 第8关16位CRC并行编解码电路设计 第9关CRC编码流水传输实验。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。

    【岗位说明】销售部各职务详细岗位说明书描述.doc

    【岗位说明】销售部各职务详细岗位说明书描述

    机械设计铜柱胶壳铁片组装机sw16可编辑非常好的设计图纸100%好用.zip

    机械设计铜柱胶壳铁片组装机sw16可编辑非常好的设计图纸100%好用.zip

    C# API大全及C#如何调用API

    C# API大全,讲述C#如何调用API。

    postgis-2.4.0.tar.gz

    postgis-2.4.0.tar.gz,postgis安装包。 PostGIS 在对象关系型数据库 PostgreSQL 上增加了存储管理空间数据的能力,相当于 Oracle 的 spatial 部分。PostGIS 最大的特点是符合并且实现了 OpenGIS 的一些规范,是最著名的开源 GIS 数据库。

    从小说中提取对话数据集.zip

    从小说中提取对话数据集摘录对话本仓库只为huanhuan-chat泛化版的一部分内容(文本对话抽取),欢迎大家给huanhuan-chat仓库star!本仓库的最大贡献就是为泛化的Character AI提供了从小说中建立数据集的功能。huanhuan-chat: https://github.com/KMnO4-zx/huanhuan-chat.git展示repohttps://github.com/KMnO4-zx/extract-dialogue.git本项目利用chatgpt从小说中提取对话集,提取的样本中包括role,dialogue,比如以下的形式{ "role": "艾伦", "dialogue": "不,不要提,这真是太倒霉了!我从楼梯上摔了下去,出现了较为严重的骨裂,只能打石膏做固定。"}{ "role": "克莱恩", "dialogue": "真是不够走运啊。"}快速入门克隆仓库并切换目录git clone https://github.com/KMnO4-zx/extract-dialogue

    【Python】基于Python的用于爬取gitlab上的数据的python项目_pgj.zip

    【Python】基于Python的用于爬取gitlab上的数据的python项目_pgj

    基于java+springboot+vue+mysql的茶叶商城系统 源码+数据库+论文(高分毕业设计).zip

    项目已获导师指导并通过的高分毕业设计项目,可作为课程设计和期末大作业,下载即用无需修改,项目完整确保可以运行。 包含:项目源码、数据库脚本、软件工具等,该项目可以作为毕设、课程设计使用,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行!可以放心下载 技术组成 语言:java 开发环境:idea 数据库:MySql5.7以上 部署环境:maven 数据库工具:navicat

    数模国赛模板.zip,个人学习整理,仅供参考

    《数模国赛模板》是一个压缩包文件,通常包含了参与全国数学建模竞赛(以下简称“数模国赛”)所需的各类资源和模板。这个压缩包可能是为了帮助参赛者准备比赛而设计的,里面可能涵盖了论文写作、模型构建、数据处理等方面的内容。下面,我们将详细探讨这些潜在的知识点。 1. **论文结构与格式**: 数模国赛的论文一般包括摘要、引言、模型建立、模型求解、模型检验、模型应用、结论和参考文献等部分。模板可能提供每个部分的标准格式和写作指导,帮助参赛者规范论文结构。 2. **数学建模基础**: 建模是数模比赛的核心,涉及线性代数、微积分、概率统计、优化理论等数学工具。模板可能包含各种常见问题的建模思路,以及如何运用这些数学知识解决实际问题。 3. **数据分析方法**: 数据处理是建模过程中必不可少的一环,可能涉及到数据清洗、数据可视化、回归分析、时间序列分析、聚类分析等。模板会提供数据分析的基本步骤和常用软件(如Excel、SPSS、R或Python)的使用教程。 4. **编程技能**: 在数模比赛中,。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。

    【Android】一个Android端的蓝牙遥控APP,提供Arduino库,方便用于机器人、小车等调试用途_pgj.zip

    【Android】一个Android端的蓝牙遥控APP,提供Arduino库,方便用于机器人、小车等调试用途_pgj

    机械设计快走丝电火花线切割机床(毕设ug8+cad+说明书)非常好的设计图纸100%好用.zip

    机械设计快走丝电火花线切割机床(毕设ug8+cad+说明书)非常好的设计图纸100%好用.zip

    开放旋转机械故障数据集(旋转机械开源故障数据集整理).zip

    路线图1.简介2.美国-凯斯西储大学轴承数据中心轴承数据集3.美国-机械故障预防技术学会MFPT4.德国-帕德伯恩大学Paderborn轴承数据集5.法国-FEMTO-ST轴承数据集6.美国-辛辛那提大学IMS轴承劳工数据集7.美国-康涅狄格大学康涅狄格大学齿轮数据集8.中国-西安交通大学轴承加速租赁数据集XJTU-SY Bearing Datasets9.中国-东南大学齿轮箱数据集10.声学与振动数据库(振动与声学数据库)11.机械故障设备诊断数据集及技术资料大全12.美国-宇航局预测数据存储库-CoE Datasets13.中国-第三届工业大数据创新竞赛旋转机械数据集14.加拿大-渥太华大学轴承数据集15.意大利-都灵理工大学轴承数据DIRG BearingData16.巴西-里约热内卢联邦大学MAFAULDA轴承数据集17.中国-武汉大学-转子数据18.中国电机振动数据(七月在线竞赛)19.中国-轴承数据集(DC竞赛)20.中国-上海交通大学轴承数据集旋转机械故障数据集打开旋转机械故障数据集1.简介华丽,现在做机械故障研究最基础

    基于自定义实现的Transformer模型的英汉翻译任务训练得到的模型参数权重字典

    对应的模型的超参数: d_model = 512 d_ff = 2048 n_layers = 6 n_heads = 8 dropout_p=0.1 src_vocab_size = 4456 trg_vocab_size = 8013

    机械设计手控涂布机sw20可编辑非常好的设计图纸100%好用.zip

    机械设计手控涂布机sw20可编辑非常好的设计图纸100%好用.zip

    开源物联网平台 - 物联网解决方案的设备管理,数据收集,处理.zip

    Groza - 开源物联网平台 目录特性原理安装使用帮助授权特性

Global site tag (gtag.js) - Google Analytics