Community Learn Tools Library Leisure
search
English
Home > List of blog posts > php开发环境搭建|静态网站到动态网站网站发展历史|写一个页面
Blogger Information
Blog 41
fans 0
comment 0
visits 41120
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
727 people have browsed it

作业内容：

  1. 将本地的php开发环境搭建好（不限制集成工具);
  2. 理解网站从静态到动态的发展历史，并写出你的理解
  3. 模仿老师的案例，自己写一个类似的页面出来

一、本地的php开发环境搭建图示：

PHP环境搭建

二、静态网站到动态的发展历史

静态网页和动态网页最大的区别，就是网页是固定内容还是可在线更新内容。
静态网页是指不应用程序而直接或间接制作成html的网页，这种网页的内容是固定的，修改和更新都必须要通过专用的网页制作工具，比如Dreamweaver、Frontpage等，而且只要修改了网页中的一个字符或一个图片都要重新上传一次覆盖原来的页面。
动态网页是指使用网页脚本语言，比如php、asp、asp.net、jsp等，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。网站上主要是一些框架基础，网页的内容大都存储在数据库中。

三、写一个页面

主体代码：

  1. <!-- 公共头部 -->
  2. <?php
  3. require __DIR__.'/inc/header.php';
  4. ?>
  5.     <!-- 主体 -->
  6.     <h2><?=$navs[0]?></h2>
  7.     <ol>
  8.     <?php foreach ($movies as $movie) :?>
  9.     <li><a href=""><?=$movie?></a></li>
  10.     <?php endforeach ?>
  11.     </ol>
  12.     <!-- 公共页脚 -->
  13. <?php
  14. require __DIR__.'/inc/footer.php';
  15. ?>

公共模块config.php

  1. <?php
  2. $title='爱奇艺影视剧';
  3. $desc='近期新的上映的影视剧、娱乐剧情';
  4. $keywords='电视剧、电视剧,综艺,娱乐,动漫,儿童,纪录片';
  5. $copyright="爱奇艺影视剧中心版权所有";
  6. ?>

header.php 公共头部php代码

  1. <?php
  2. require 'config.php';
  3. $movies = ["山海情","这个世界不看脸","黑白禁区""大江大河2"];
  4. // 导航
  5. $navs = ["电影","电视剧","综艺","娱乐"];
  6. ?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <meta name="keywords" content="<?=$keywords?>">
  13.     <meta name="description" content="<?=$desc?>">
  14.     <title><?=$title?></title>
  15.     <style>
  16.     * {
  17.         padding: 0;
  18.         margin: 0;
  19.         box-sizing: border-box;
  20.         text-decoration: none;
  21.         list-style: none;
  22.     }
  23.     .header {
  24.         background-color: black;
  25.         padding: 10px;
  26.         line-height: 40px;
  27.         border-bottom: 5px solid red;
  28.     }
  29.     .header ul {
  30.         display: grid;
  31.         grid-template-columns: repeat(5, 1fr)
  32.         grid-template-rows: 40px;
  33.         gap: 5px;
  34.         text-align: center;
  35.     }
  36.     .header ul li {
  37.         background-color: lightcyan;
  38.         color: white;
  39.     }
  40.     .header ul li:hover {
  41.         background-color: red;
  42.     }
  43.     .footer {
  44.         height: 30px;
  45.         background-color:#2F4F4F9;
  46.         color: white;
  47.         text-align: center;
  48.         line-height: 30px;
  49.     }
  50. </style>
  51. </head>
  52. <body>
  53.     <div class="header">
  54.         <ul class="header-nav">
  55.             <li><a href="">首页</a></li>
  56.             <?php foreach ($navs as $nav) :?>
  57.             <li><a href=""><?=$nav?></a></li>
  58.             <?php endforeach ?>
  59.         </ul>
  60.     </div>

footer.php 公共头部底部代码

  1. <div class="footer">
  2.         <p> <?=$copyright?> copy&copy; 版权所有</p>
  3.     </div>
  4. </body>
  5. </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