Dreamweaver CS6插入HTML代码和定义CSS样式
综合实践1
本文来自 九州书源 《Dreamweaver CS6网页制作》 清华大学出版社 2015年
摘 要 :本文档主要介绍Dreamweaver C S6插入HTML代码和定义CSS样式综合实践之制作
“乐购网”网页的具体操作步骤。
关键词: Dreamweaver CS6;插入HTML代码;定义CSS样式
制作“乐购网”网页
说明:下面将制作一个“buy
””
网页,在
Dreamweaver CS6
中新建一个
HTML
网页,使用
HTML 代码对其进行编辑,最终效果如图 1 所示。
图 1 制作“乐购网”网页
STEP 01: 切换到代码视图
(1)新建一个 HTML 网页,并将其命名为“buy
”1”
。
(2)切换到“代码”视图中,将插入点定位到< body><!body>标记对之间。
图 2 切换到代码视图
STEP 02:添加 div 标记
在插入点按 Enter 键进行换行,输入标记“<div>”,并使用 Cass 属性将其命名为“main”。
1 / 5
Dreamweaver CS6 插入 HTML 代码和定义 CSS 样式综合实践 1