登录  /   注册

  • 首页

  • PHP培训

    新

  • 视频教程

    视频课程 直播课程 精品课

  • 学习路径

    入门教程 独孤九贱 玉女心经 天龙八部 趣味闯关

  • 资源下载

    源码市场 工具下载 在线工具 手册下载 电子课件 js特效 网站源码 网站素材 类库下载

  • 技术文章

    前端开发 后端开发 数据库 php框架 每日编程

  • 社区

    问答 博客 文章 专题

  • 微信公众号

    扫码关注官方订阅号

  • 编程词典 APP下载 源码市场
首页 > 博客列表 > php环境-静态到动态-写一个页面
博主信息
博文 70
粉丝 1
评论 0
访问量 51827
专题推荐
更多>
  • 在国内比特币怎么买卖
  • 电脑经常蓝屏的原因
  • linux删除命令介绍
  • dns_probe_possible怎么解决
相关推荐
  • Vue组件通信-插槽-路由-导航守卫-状态管理-组合API
  • vue脚手架安装和实现简单购物车
  • ES6 变量声明，箭头函数，数组方法，解构赋值，JSON，类与继承，模块化练习
  • webpack 打包多html
  • 固定导航栏和可编辑表格
  • 飞舞的气泡
  • 自定义方法通过类名获取对象集合
  • cookie 保存和清除用户样式
热门教程
更多>
相关教程
热门推荐
最新课程
  • phpStudy极速入门视频教程
    phpStudy极速入门视频教程
    514107次学习
    收藏
  • ThinkPHP5快速开发企业站点[全程实录]
    ThinkPHP5快速开发企业站点[全程实录]
    382319次学习
    收藏
  • ThinkPHP6.0极速入门(视频教程)
    ThinkPHP6.0极速入门(视频教程)
    360266次学习
    收藏
最新下载
更多>
  • 家居装潢清洁维修服务公司网站模板
网站特效
网站源码
网站素材
前端模板
  • [表单按钮] jQuery企业留言表单联系代码
  • [播放器特效] HTML5 MP3音乐盒播放特效
  • [菜单导航] HTML5炫酷粒子动画导航菜单特效
  • [表单按钮] jQuery可视化表单拖拽编辑代码
  • [播放器特效] VUE.JS仿酷狗音乐播放器代码
  • [html5特效] 经典html5推箱子小游戏
  • [图片特效] jQuery滚动添加或减少图片特效
  • [相册特效] CSS3个人相册封面悬停放大特效
php环境-静态到动态-写一个页面
葡萄枝子
原创
582人浏览过

php环境-静态到动态-写一个页面

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

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

  • phpstudy 启动 mysql 和 nginx

本地环境

  • 网站添加本地网站 php.io 完成

添加网站

  • 写第一个 index.php <?='hello world!'?> 运行

hello world

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

  • .txt 纯文本，不带格式

  • .html 格式化的文本，但内容固定

  • .php 由服务器端动态改变内容，产生输出到 html，更具多样化，从格式到内容都是可变

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

  • inc 目录下新建3个 php 文件
  1. config.php 配置文件
  1. <?php
  2. // metas
  3. $title = 'Hello world';
  4. $keywords = 'Hello, world, keyword';
  5. $description = 'Hello world description';
  7. // 导航
  8. $navs = ['首页', '分类页', '标签页', '独立页面'];
  10. // 版权
  11. $copyr = '&copy;'. date('Y');
  1. header.php 头部文件
  1. <?php require __DIR__ .'/config.php'; ?>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title><?=$title?></title>
  8.     <meta name="keywords" content="<?=$keywords?>">
  9.     <meta name="description" content="<?=$description?>">
  10.     <style>
  11.         * {
  12.             margin: 0;
  13.             padding: 0;
  14.             box-sizing: border-box;
  15.         }
  16.         /* 外层容器 */
  17.         .container {
  18.             width: 480px;
  19.             margin: 0 auto;
  20.         }
  21.         .container > * {
  22.             margin-bottom: 10px;
  23.             padding: 10px;
  24.         }
  25.         /* 页头 */
  26.         .container > header {
  27.             color: white;
  28.             background-color: purple;
  29.         }
  30.         .container > header > ul  {
  31.             list-style-type: none;
  32.             display: flex;
  33.             justify-content: space-around;
  34.         }
  35.         /* 菜单分割线 */
  36.         .container > header > ul > li ~ * {
  37.             border-left: 1px solid #ccc;
  38.             padding: 0 28px;
  39.         }
  40.         .container > header > ul > li > a {
  41.             color: white;
  42.         }
  43.         /* 主体 */
  44.         .container > main {
  45.             border: 1px solid #ccc;
  46.         }
  47.         .container > main > ol {
  48.             list-style-position: inside;
  49.         }
  50.         /* 页脚 */
  51.         .container > footer {
  52.             color: white;
  53.             text-align: center;
  54.             background-color: grey;
  55.         }
  56.     </style>
  57. </head>
  58. <body>
  59.     <div class="container">
  60.         <header>
  61.         <?php if ($navs) : ?>
  62.             <ul>
  63.             <?php foreach($navs as $nav) : ?>
  64.                 <li><a href=""><?=$nav?></a></li>
  65.             <?php endforeach ?>
  66.             </ul>
  67.         <?php endif ?>
  68.         </header>
  1. footer.php 页脚文件
  1. <?php require __DIR__ .'/config.php'; ?>
  2. <footer><?=$copyr?></footer>
  3.     </div>
  4. </body>
  5. </html>
  • 上一级目录创建示例文件 0121.php
  1. <?php require __DIR__ .'/inc/header.php' ?>
  2. <main>
  3. <?php if ($navs) : ?>
  4.     <ol>
  5.     <?php foreach($navs as $nav) : ?>
  6.         <li><a href=""><?=$nav?></a></li>
  7.     <?php endforeach ?>
  8.     </ol>
  9. <?php endif ?>
  10. </main>
  11. <?php require __DIR__ .'/inc/footer.php' ?>
  • 打开 php.io/0121.php 测试图

页面模写

批改老师： 天蓬老师 天蓬老师

批改状态：合格

老师批语：
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
  • 值|引用传递-数组|对象解构-call|apply|bind-访问器-流程控制
    2021-12-07 21:10:43
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部

    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录

    两个鬼故事侠客风云传吧对龙凤胎宝宝起名字蚕枝小说齐鲁周易起名2019误杀完整版在线播放末世涅盘电力线幽灵航班姓王单字女孩起名大全茂名月租房一个月起租免费起名字测试1518将进酒小说无删减版全文免费阅读机械加工厂起名字大全集建筑工程有限公司起名大全课程设计心得体会特种兵王在山村开八字起名只争朝夕不负韶华什么意思蚂蚁金服姓潘起名西甲直播免费起重设备厂家排名武侠同人小说栩起名男孩名字的滕思宇网上起名字好不好千千起名给自行车起名字给医疗器械公司起名大全投资公司起名网少年生前被连续抽血16次?多部门介入两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”淀粉肠小王子日销售额涨超10倍高中生被打伤下体休学 邯郸通报单亲妈妈陷入热恋 14岁儿子报警何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言张家界的山上“长”满了韩国人？男孩8年未见母亲被告知被遗忘中国拥有亿元资产的家庭达13.3万户19岁小伙救下5人后溺亡 多方发声315晚会后胖东来又人满为患了张立群任西安交通大学校长“重生之我在北大当嫡校长”男子被猫抓伤后确诊“猫抓病”测试车高速逃费 小米：已补缴周杰伦一审败诉网易网友洛杉矶偶遇贾玲今日春分倪萍分享减重40斤方法七年后宇文玥被薅头发捞上岸许家印被限制高消费萧美琴窜访捷克 外交部回应联合利华开始重组专访95后高颜值猪保姆胖东来员工每周单休无小长假男子被流浪猫绊倒 投喂者赔24万小米汽车超级工厂正式揭幕黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发当地回应沈阳致3死车祸车主疑毒驾恒大被罚41.75亿到底怎么缴妈妈回应孩子在校撞护栏坠楼外国人感慨凌晨的中国很安全杨倩无缘巴黎奥运校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变王树国卸任西安交大校长 师生送别手机成瘾是影响睡眠质量重要因素国产伟哥去年销售近13亿阿根廷将发行1万与2万面值的纸币兔狲“狲大娘”因病死亡遭遇山火的松茸之乡“开封王婆”爆火：促成四五十对奥巴马现身唐宁街 黑色着装引猜测考生莫言也上北大硕士复试名单了德国打算提及普京时仅用姓名天水麻辣烫把捣辣椒大爷累坏了

    两个鬼故事 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化