HTML網站模板要怎么制作

這篇文章主要介紹“HTML網站模板要怎么制作”，在日常操作中，相信很多人在HTML網站模板要怎么制作問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”HTML網站模板要怎么制作”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

　　動態網站需要將網頁的各部分靜態模塊拆外，制作成HTML模板，然后通過PHP代碼調用、生成新的頁面。例如在路徑chapter\ww.itheima到文件夾ww.itheima.com，清空里面的文件。將css， images， template，javascrip文件夾復制到該目錄下。然后創建一個html文件夾，用于存放拆分的html模板。接下來分別創建header.hml (用于存放首頁頭部和nav模塊)、 index.html (用于存放首頁banner， content等內容)， footer.himl (用于存放首頁的底部版權)、 login.html (用于存放網站登錄頁表單內容)、 register.hml (用于存放網站注冊頁表單內容)、 loginhead.html (用于存放注冊頁和登錄頁頭部的共有模塊)，具體介紹如下。

　　1、 header.html

　　該頁面主要用于存放網站的首頁頭部和nav模塊，該結構代碼和首頁靜態頁面的結構代碼基本相同，差別在于多出了一些PHP代碼，具體代碼如下:

　　< ?php 　　if(isset($message)){ 　　echo' 　　} 　　?>

　　當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']);?> 退出

　　< ?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中的警告框彈出。

到此，關于“HTML網站模板要怎么制作”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！