国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

Div+CSS 布局入門教程之二 構建網站

2024-07-11 08:46:04
字體:
來源:轉載
供稿:網友
首先需要規劃網站,本教程將以下圖為例構建網站。

其基本布局見下圖:


主要由五個部分構成:
1.Main Navigation 導航條,具有按鈕特效。 Width: 760px Height: 50px
2.Header 網站頭部圖標,包含網站的logo和站名。 Width: 760px Height: 150px
3.Content 網站的主要內容。 Width: 480px Height: Changes depending on content
4.Sidebar 邊框,一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 網站底欄,包含版權信息等。 Width: 760px Height: 66px



第二步:創建html模板及文件目錄等

1.創建html模板。代碼如下:

<!--Example Source Code-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Div+Css</title>
<meta http-equiv="Content-Language" content="en-us" /> 
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" /> 
<meta name="description" content="Description" />
<meta name="keywords" content="Keywords" /> 
<meta name="author" content="Enlighten Designs" />
<style type="text/css" media="all">@import "css/master.css";</style>
</head>
<body>
</body>
</html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 滨州市| 南江县| 庄河市| 新田县| 永春县| 广昌县| 赣州市| 南昌市| 渝中区| 汝南县| 华池县| 台南市| 炎陵县| 永年县| 页游| 大丰市| 朝阳市| 三门县| 团风县| 沙洋县| 普兰店市| 吉木萨尔县| 隆安县| 清水河县| 盐池县| 甘谷县| 昌黎县| 绥宁县| 读书| 浪卡子县| 安福县| 深州市| 徐水县| 红原县| 门源| 合阳县| 华亭县| 海淀区| 南雄市| 屯门区| 石家庄市|