网站构建一

来源:互联网 发布:站长工具seo推广 编辑:程序博客网 时间:2024/06/11 03:46

可信度网站的构建,参考了学姐之前的demo和另外一个网站的模型,主页效果如下:



Genky的效果



其余选项效果类似genkey.

页面设计主要应用了HTML5和CSS3,Div和CSS技术。

下面记录一下使用XAMPP完成登陆/注册信息的记录功能中遇到的问题:

  1. 想看到PHP文件的效果,必须要有web服务器的环境。开启apache才能在localhost中有web服务器的环境。
  2. 在HTML中嵌入PHP,查看源代码时,脚本的输出会代替脚本本身。PHP解释器会运行脚本,通过PHP,我们可以生成能在任何浏览器中查看的纯HTML,用户的浏览器并不需要理解PHP.PHP脚本在Web服务器上被解释和执行,这与用户机器上的Web浏览器中解释并执行的JavaScript及其他客户端技术室不同的。
  3. 在双引号中,变量名称将被变量值所替代。而在单引号中,变量名称,或者任何其他文本都会不经修改而发送给浏览器。
  4. 使用fopen()打开文件时,$_SERVER['DOCUMENT']指向Web服务器的根,使用“..”表示文档根目录的父目录。使用XAMPP时,根目录为htdocs,如果路径设置为"$DOCUMENT_ROOT/../orders/order.txt",那么orders文件夹和htdocs是并列的,都在xampp文件夹内。
  5. 在windows中,换行符为“/r/n”。
  6. 使用@抑制错误提示,可以提高用户体验。
  7. 使用php的时候,浏览器必须在localhost下才可以。直接打开htdocs文件夹下的文件,缺少了web服务器的环境,浏览器不能正确解释php。
登陆/注册界面如下图:



登陆和注册界面之间可以互相切换,并不需要网页跳转。用到了":target"功能,完成表格之间的跳转。此功能还不完善,目前可以做到把登陆注册信息记录到一个文本文件中。提交表单成功后,提示界面:




0 0