广州如何学习制作HTML模板?_广州Html5培训
作者:广州电脑培训甘发布时间:2020-10-19分类:广州电脑学校浏览:942
动态网站需要将网页的各部分静态模块拆外,制作成HTML模板,然后通过PHP代码调用、生成新的页面。将css, images, template,javascrip文件夹复制到该目录下。然后创建一个html文件夹,用于存放拆分的html模板。接下来分别创建header.hml 、 index.html , footer.himl 、 login.html、 register.hml、 loginhead.html ,具体介绍如下。
1、 header.html
该页面主要用于存放网站的首页头部和nav模块,该结构代码和首页静态页面的结构代码基本相同,差别在于多出了一些PHP代码,具体代码如下:
<?php
if(isset($message)){
echo'<script type="text/javascript">alert("'.$message.'");
</script>
}
?>
当PHP遇到错误时,例如验证用户输入的密码有误,这段代码用于将错误信息用JavaScript中的警告框弹出,提醒用户。同时header.html在登录、注册模块还嵌套了一些PHP代码,具体代码如下:
<?php if(empty($_SESSION['user'])){?>
<div id="test">
<span></span>
<a href="login.php">登录</a>
<em></em>
</div>
<div id="lx">
<span></span>
<a href="register.php">注册</a>
</div>
<?php}else{?>
欢迎您,<?.php echo
htmlspecialchars($_SESSION['uesr']);?> <a href="logout.php">退出</a>
<?php}?>
该段代码同于获取登录时用户信息,并将用户信息显示到首页中。
2、 index.html
该页面主要用于存放banner、content等内容,该结构代码和首页静态页面代码基本相同,只是在头部和尾引入了PHP代码,具体代码如下:
<?php require'./html/header.html'; ?>
<?php require.html/footer.html'; ?>
3、footer.html
该页面主要用于存放首页底部的版权内容,该结构代码和首页静态页面代码基本相同。
4、login.html
该页面主要用于存放登录页面表单模块,该页面添加了method和name属性的表单代码,和静态登录页面的表单代码基本相似。不同的是该代码头部添加了如下所示的PHP代码:
<?php require’./html/loginhead.html'; ?>
上述代码用于引入登录页和表单头部模板。
5.register.html
该页面主要用于存放注册页表单模块,该结构代码同样添加了method和name属性的表单代码,和静态注册页的表单代码基本相似。并且register.html页面也要添加和login.html相同的PHP引入代码。
6、loginheader.html
该页面主要用于存放注册页和登录页头部的公共模块,改结构代码添加了和header代码系相同的PHP验证码,具体代码如下:
<?php
if(isset($message)){
echo'<script type="text/javascript">alert("'.$message.'");
</script>
}
?>
当php遇到错误时,这段代码用于将错误信息用于JavaScript中的警告框弹出。
- 广州电脑学校排行
- 最近发表
-
- 梅州信息:关于开展2024年“人人参与全民参保”“12333全国统一咨询日”活动公告|||广州学电脑培训学校
- 梅州信息:梅州市人社局开展2024年第一季度诚信文化主题宣传志愿服务活动|||广州计算机编程培训
- 东莞信息:关于清明节期间劳动能力鉴定现场鉴定服务时间安排的通告|||计算机职业技能培训班
- 韶关信息:我市举办2024年高校毕业生春季专场招聘会吸引求职者入场4300余人|||广州市北大青鸟计算机职业培训学校
- 湛江信息:察民情聚民智!湛江市“社会治理面对面”活动第三期人社专场举办|||计算机培训学校招生
- 惠州信息:“惠州市就业驿站巡礼”之大亚湾德惠社区站|||计算机专业维修学校
- 东莞信息:(石龙)石龙人社分局举办学雷锋社保志愿服务日活动|||电脑计算机编程培训学校
- 东莞信息:(沙田)春风送岗学雷锋巾帼助力促就业|||广州计算机编程培训
- 东莞信息:(石龙)阳江市人社局一行到石龙镇交流共探治理经验|||计算机培训机构
- 东莞信息:沙田社保志愿服务支队开展学雷锋社保志愿服务日活动|||广州市北大青鸟计算机职业培训学校
- 标签列表
-