E. Creating the Main Area1. In the

E. Creating the Main Area
1. In the Document toolbar, click the Split
button to view both the design and the
code view.
2. In the code view, click between the ending tag of the
header div and the ending tag of the wrapper div. Press
Return to create a new blank line.
3. Go to Insert → Layout Objects → Div tag.
4. In the Insert Div Tag dialog box, click New CSS Rule.
5. In the New CSS Rule dialog box, select the following options:
 Selector type: ID
 Selector name: #main
 Rule Definition : styles.css
6. Click OK.
7. In the CSS Rule Definition dialog box, select the following Box
category options:
 Width: 100%
 Padding; 0
 Margin: 0
8. Click OK.
9. In the Insert Div Tag dialog box, make sure the ID field displays main, then click OK.
F. Creating the Navigation Area
1. Select the placeholder text for the id “main” and delete it.
2. Go to Insert → Layout Objects → Div tag.
3. In the Insert Div Tag dialog box, click New CSS Rule.
4. In the New CSS Rule dialog box, select the following options:
 Selector type: ID
 Selector name: #nav
 Rule Definition : styles.css
5. Click OK.
Dreamweaver CS5 – Module 1: Website Devel

結果 (中文) 2:

E.创建主分区
1。在文档工具栏上，单击拆分
按钮来查看无论是设计和
代码视图。
2。在代码视图中，单击的结束标记之间的
头DIV和包装div的结束标记。按下
回车来创建一个新的空行。
3。转到插入→布局对象→div标签。
4。在插入Div标签对话框中，单击新建CSS规则。
5。在新建CSS规则对话框中，选择下列选项：
选择类型：ID
选择名称：#main
规则定义：styles.css的
6。点击OK。
7。在CSS规则定义对话框中，选择下面的方框
类别选项：
宽度：100％
填充; 0
保证金：0
8.单击确定。
9。在插入Div标签对话框中，确保ID字段显示主，然后单击确定。
F. 创建导航区域
1。选择id为“主”占位符文本并删除它。
2。转到插入→布局对象→div标签。
3。在插入Div标签对话框中，单击新建CSS规则。
4。在新建CSS规则对话框中，选择下列选项：
选择类型：ID
选择名称：#nav
规则定义：styles.css的
5。点击OK。
从Dreamweaver CS5 -模块1：网站杰韦利

結果 (中文) 3:

创造主要领域1。在“文档”工具栏中，单击“拆分”按钮来查看设计和代码视图。2。在代码视图，在< / DIV标签的结局>>点击头部和< / DIV >标签的包装部新闻结束返回创建一个新的空白行。三.去插入→布局对象→DIV标签。4。在插入div标签”对话框中，单击新的CSS规则。5。在新的CSS规则”对话框中，选择下列选项：选择器类型：身份证选择器名称：#主要styles.css规则定义：6。单击“确定”。7。在CSS规则定义”对话框中，选择下面的盒子分类选项：宽度：100%填充；0保证金：08。单击“确定”。9。在插入div标签对话框，确认ID字段显示，然后单击“确定”。创建导航区1。选择占位符文本的身份“主”并删除它。2。去插入→布局对象→DIV标签。三.在插入div标签”对话框中，单击新的CSS规则。4。在新的CSS规则”对话框中，选择下列选项：选择器类型：身份证选择器名称：#资产净值styles.css规则定义：5。单击“确定”。Dreamweaver CS5–模块1：网站开发