Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 网站的发展与与动态开发语言php
Blogger Information
Blog 26
fans 0
comment 3
visits 17748
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
网站的发展与与动态开发语言php
后网络时代
Original
661 people have browsed it

1. 将本地的php开发环境搭建好（不限制集成工具);

答：本地搭建php环境开始：
windows(集成）: phpstudy, wampserver, xampp,upupw…
window（原生版本）:iis + php +mysql 或者 apache + php +mysql 或者 nginx+ php +mysql
macos: xampp, mamp pro / free…
linux：（lamp,lnmp）两种形式：一个是rpm格式是个测试学习，另一个是源码包安装的，适合在服务端。
本环境以phpstudy为例：

2. 理解网站从静态到动态的发展历史，并写出你的理解

答：网站从静态到动态的发展：先后经历了从text到html的阶段和从静态html到动态php的阶段。text时代，网页是纯文本的，只能满足基本的阅读，风格单一，用户体验差，随着技术进步，人们开始了html构建网页的时代，网页内容有了一定的层次和鲜明性，网页的用户体验有了改进，但是内容更新慢，这时候动态开发语言应用而生，其中具有代表性的是动态开发语言php，有了动态开发语言，网页的内容更新速度得到很大的提升，可以做到及时更新，用户体验也更好。

3. 模仿老师的案例，自己写一个类似的页面出来:

采用头尾部分离的思想处理:
inc/config.php文件：

  1. <?php
  2. $config['title']="我的网站";
  3. $config['keyword']="娱乐新闻,民生趣闻,城市情缘,明星大杂烩";
  4. $config['description']="关注你我他";
  5. $nav=['星探新闻','民生关注','最新房讯','股市人生'];

inc/header.php:

  1. <div  class="nav"><ul><li><a   hre="">首页</a></li>
  2. <?php    foreach($nav  as  $value):?>
  3. <li><a   hre=""><?=$value?></a></li>
  4. <?php
  5. endforeach
  6. ?>
  7. </ul>
  8. </div>

inc/footer.php:

  1. <div  class="footer">
  2. <p>&copy;php.io版权所有,盗版必究</p>
  3. </div>

./index.php

  1. <?php
  2. //引入配置文件
  3. require  __DIR__.'/inc/config.php';
  4. ?>
  5. <!DOCTYPE html>
  6. <html lang="en">
  7. <head>
  8.     <meta charset="UTF-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.     <title><?=$config['title']?></title>//php短标签
  11.     <meta   name="keywords" content="<?=$config['keyword']?>"  />
  12.     <meta name="description" content="<?=$config['description']?>">
  13.     <meta>  
  14.     <style   type="text/css">
  15.     *{
  16.         margin:0;
  17.         padding:0;
  18.         box-sizing: border-box;
  20.     }
  21.     .nav,.content{
  22.         margin:0 auto;
  23.         width:1024px;
  24.         font-size:16px;
  25.         line-height:35px;
  26.         background-color:lightblue;
  27.         overflow: hidden;
  28.     }
  29.     .nav  ul  li{
  30.      list-style: none;
  31.      float:left;
  32.      width:20%;
  33.      text-align:center;
  34.     }
  35.     .nav  ul  li:hover{
  36.         background-color:red;
  38.     }
  39.     .content{
  40.         background-color:#eee;
  41.         margin-top:12px;
  42.         padding-left:32px;
  44.     }
  45.     .content  ul li{
  46.         list-style: none;
  47.     }
  48.     .content  a{
  49.         text-decoration:none;
  50.         color:#000;
  51.     }
  52.    .footer{
  53.     background-color:#eee;
  54.         width:1024px;
  55.         margin:0 auto;
  56.         padding:32px;
  57.         background-color:lightcyan;
  58.         text-align:center;
  59.    }
  60.     </style>
  61. </head>
  62. <body>
  63. <!-- 头部分离 -->
  64. <?php
  65. require  __DIR__.'/inc/header.php';//引入头部
  66. //一般从数据库得到，这里自定义模拟处理
  67. $data=['新冠疫情越来越来严重，世界各国都在看中国','新冠疫情越来越来严重，世界各国都在看中国','新冠疫情越来越来严重，世界各国都在看中国','新冠疫情越来越来严重，世界各国都在看中国'];
  68. ?>
  69. <div  class="content">
  70. <ol>
  71. <?php
  72. //使用模版语法代替｛｝，短标签代替echo
  73. foreach($data  as  $v):
  74. ?>
  75.     <li><a   href=""><?=$v?></a></li>
  76. <?php
  77. endforeach
  78. ?>
  80. </ol>
  81. </div>
  82. <!-- 尾部分离 -->
  83. <?php
  84. echo require  __DIR__.'/inc/footer.php';//包含尾部
  85. ?>
  87. </body>
  88. </html>

效果：

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：不错
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post