国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 萨嘎县| 玉树县| 甘肃省| 常德市| 福鼎市| 敦化市| 项城市| 新乡市| 鹰潭市| 晋宁县| 城市| 永兴县| 曲阳县| 隆昌县| 确山县| 右玉县| 客服| 南和县| 福建省| 德保县| 东乌珠穆沁旗| 柯坪县| 聂拉木县| 玛曲县| 乡宁县| 昭苏县| 平和县| 鱼台县| 丹棱县| 泸水县| 曲麻莱县| 敖汉旗| 拜泉县| 荥阳市| 佛学| 雷州市| 贵德县| 东莞市| 正镶白旗| 星座| 潜江市|