靜態網頁
阿新 • • 發佈：2017-10-15
翻頁 註意 實現圖 區域 出現 了解 htm 制作 lan
寫網頁首先要思路清晰，觀察ui給定圖片，預先了解實現效果和功能對應板塊劃分，再進行詳細的功能實現細節。
頁面分擡頭（header）,搜索（nav），橫幅(banner)，容積箱(container)，腳本(foot)
1.header:開篇一般先以搜索和鏈接開頭，建立邊框和背景圖塊，一般以ul>li標簽實現，鏈接則套用a標簽實現，註意調整位置和美觀度。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/reset.css"/>
<link rel="stylesheet" href="../css/four4.work.css"/>
</head>
<header>
<nav>
<ul>
<li><a href=""><img src="../img/logo.jpg" alt="漫威"/></a></li>
<li><a href="">首頁</a></li>
<li><a href="">最新動態</a></li>
<li><a href=""></a>漫威</li>
</ul>
</nav>
</header>
2.搜索（nav）:搜索也是ul>li標簽配合a鏈接實現
<div class="box1"><a href="#"><img src="../img/160216172223655101.jpg" alt="dianji"/></a></div>
3.banner:一般以圖片格式出現，為本文的橫幅，簡潔明了直奔主題，一般此區域為各種圖片跳轉翻頁，實現多內容並存，現階段只能實現圖片的鏈接和背景漸變色或變大變小，
也可插入視頻和音頻播放器，使版面看起來更活潑和新穎
4.container：文本中心主題體現，一般為多個板塊的合集，圖片套文字
5.foot:頁面尾端，一般為網頁的單位，制作單位，聯系方式，註冊信息，以及各種鏈接
靜態網頁