Dreamweaver CS3网页制作之布局实例

所属分类: 网页制作 / Dreamweaver 阅读数: 1982
收藏 0 赞 0 分享

上一篇文章介绍了Dreamweaver CS3网页制作之CSS布局规则
一、CSS规则定义之“类型”
类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。

二、CSS规则定义之“背景”
·背景有背景颜色和背景图像的选择设置。
·利于背景图像的“重复”可进行“网页背景”、“横向菜单”和“纵向分栏”等的特效。
·利于背景图像的水平、垂直对齐位置可以设置页面效果。


三、CSS规则之“区块”
文字缩进与背景图像的结合案例:如何显示新闻列表新闻标题前的箭头(背景图像 区块缩进)

四、CSS规则之“边框”
自行定义边框样式、颜色和宽度。


五、CSS规则之“方框”
熟悉“填充”和“边界”。尤其是在进行WEB标准网页设计时需要把该值纳入元素的总长度值。


同时举例说明图像的边框同样可以使用背景图像来修饰

六、CSS规则之“列表”
选择列表的类型和设置项目列表的项目符号
项目符号图像的选择以及位置的“内、外”的显示区别

更多精彩内容其他人还在看

dreamweaver里不用的站点怎么删除?

dreamweaver里不用的站点怎么删除?dreamweaver建立了很多站点,有些仅仅是为了测试用的,测试完了就没用了,该怎么删除呢?下面分享dreamweaver删除站点的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver中的表格怎么排版?

Dreamweaver中的表格怎么排版?在Dreamweaver中插入了表格,但是感觉有点影响美观,想给表格美化一下排排版,该怎么办呢?下面分享Dreamweaver表格排版的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

教你把图片添加到Dreamweaver工程中

1、打开Dreamweaver软件。如果你电脑里没有Dreamweaver软件的话 请点击:Dreamweaver v8.0 简体中文版(附注册机+8.02补丁):http://www.jb51.net/softs/243.html 2、点击HTML。 3、创建一个新
收藏 0 赞 0 分享

Dreamweaver制作网页打开特效教程

想要给你的网站添加一些活力吗?你可以在打开网页的特效上下一点功夫,今天就教大家一招,使你的网页打开就像是看幻灯片一样,有动画的效果。
收藏 0 赞 0 分享

adobe dreamweaver中去除超链接的下划线

划线就是不符合国人的审美观念,看着就别扭,现在就来看看我们如何将其去掉吧,其实很简单的
收藏 0 赞 0 分享

怎么用Dreamweaver查找或替换的技巧

在开发建设网站的过程中,也许我们会遇到这样的情况,当我们的网站已经进行了相当一部分,却发现还需要对某些细节进行修改
收藏 0 赞 0 分享

Dreamweaver怎么清理冗余的网页代码

word来制作网页会出现很多冗余代码。我们都知道程序员应当尽量用简洁的代码实现复杂的功能,接下来我们看看dw怎样帮助我们减少冗余代码
收藏 0 赞 0 分享

Dreamweaver技巧之在网页中给视频播放窗口预设图像

我们在网页中插入视频时,有没有发现,当视频未播放之前播放窗口黑乎乎的甚是难看,那么能否在视频未播放之前先预设一些图像呢?下面给网友们介绍两种增加预设图片的方法
收藏 0 赞 0 分享

Dreamweaver小技巧之应用CSS样式表

Dreamweaver教程的两个小技巧下面教大家一下,去除超级链接的下划线以及在超级链接上实现鼠标悬停变色与创建可反复使用的外部CSS样式表
收藏 0 赞 0 分享

dreamweaver的18条操作技巧

dreamweaver的操作技巧是做网站的朋友都需要掌握技能,下面给大家整理了18条,分享给大家
收藏 0 赞 0 分享
查看更多