Dreamweaver网页外观属性基本设置攻略

 时间:2024-10-14 23:14:40

1、点击Dreamweaver软件,新建一个HTML网页。

Dreamweaver网页外观属性基本设置攻略

2、在文本编辑区输入“欢迎来到我的个人网页”,右边有个标题文本框,输入“我的网页”做为标题。

Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略

8、然后选择文本颜色,选择红色,点击应用,字体就变红色了。

Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略

10、如果我们不想背景颜色太单一,可以选择图像作为背景,点击浏览,选择一张图片,点击确定。

Dreamweaver网页外观属性基本设置攻略

11、这时弹出对话框提示是否复制,点击是——表示复制,接着点击保存,就是把图片保存到站点,点击应用,背景就换成我们选择的图片了。

Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略

12、下面重复里有三个选项,no-repeat表示不重复,repeat表示重复,repeat-x表示横向重复,repeat-y表示纵向重复,选择no-repeat只可以看到单张图片。

Dreamweaver网页外观属性基本设置攻略

13、选择repeat-x,点击应用,可以看到图片横向重复。

Dreamweaver网页外观属性基本设置攻略

14、选择repeat-y,点击应用,图片就纵向重复。

Dreamweaver网页外观属性基本设置攻略

15、一般默认都是repeat,除非有特别需要,才会选择其他方式,下面的边距很好理解,都设置为1就行,所以都设置好了就可以点击确定。

Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略

16、最后我们一定要保存,然后点击预览在IExplore,就可以看到我们设计好的网页。是不是经过设计之后网页好看多了。

Dreamweaver网页外观属性基本设置攻略Dreamweaver网页外观属性基本设置攻略
  • PS点状化滤镜简单使用
  • css如何设置文字的水平方向浮动
  • 在flash中制作渐变斜角的文字
  • 快速在Dream weaverCS5 中制作网页可折叠面板
  • Dreamweaver5中如何设置网页的背景色??
  • 热门搜索
    怎么申请苹果id账号 vlookup怎么用 黑芝麻糊怎么做 松露怎么吃 淡盐水怎么做 万家乐热水器怎么样 联想摄像头怎么打开 嵌怎么读 湿气重怎么办 身份证怎么补办