Dreamweaver CS6插入HTML代码和定义CSS样式综合实践3.pdf
版权申诉
71 浏览量
2022-07-10
14:48:07
上传
评论
收藏 508KB PDF 举报
Dreamweaver CS6插入HTML代码和定义CSS样式
综合实践3
本文来自 九州书源 《Dreamweaver CS6网页制作》 清华大学出版社 2015年
摘 要 ：本文档主要给出Dreamweaver C S6插入HTML代码和定义CSS样式综合实践3之制
作“个人艺术”网页的具体要求及最终网页效果图。
关键词： Dreamweaver CS6@插入HTML代码@定义CSS样式
制作“个人艺术”网页
前面主要对网页中的 HTML 和 CSS 的基本知识进行了介绍，了解了 HTML 中的各种基本语法、标记、
HTML 编辑器的使用方法，以及在网页文档中插入 HTML 代码和在网页文档中编辑简单的 HTML 代码的
方法。对 CSS 而言，则介绍了 CSS 的基本语法、认识管理 CSS 样式的面板、使用 CSS 对网页文档中的
各种对象（文本、图像、链接、背景）进行美化以及使用 CSS 在网页中制作简单的特殊效果的方法。为
了巩固所学知识，下面将以制作“个人艺术”网页为例，达到巩固练习所学知识的目的。
本案例将在“art
””
网页中使用
HTML
标记中的项目列表和链接标记制作出网页导航，然后再结
合 HTML 代码和 CSS 样式制作出网页的中间部分。其最终效果如图 1 所示。
图 1 制作“个人艺术”网页
在制作时，可参照效果中的一些代码进行制作，但是效果中的 CSS 样式代码是使用的外部链接样式，
而提供的素材，则在网页代码中有少部分 CSS 样式，如果参照效果代码，制作不出效果， 可在布局完
成后直接对外部 CSS 样式进行引用，但在引用时需将布局使用的容器名称与 CSS 样式中的名称进行对应。
1 / 1
Dreamweaver CS6 插入 HTML 代码和定义 CSS 样式综合实践 3
资源评论
