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

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

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

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

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

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

3、点击文件——保存,我们在设计过程中一定要经常保存以免丢失,文件名命名为01,点击保存,记住一定不能用中文。

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

4、这时点击预览在IExplore,我们要想看到我们设计的效果就要在浏览器里预览,打开网页后可以看到标题就是"我的网页“。

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

5、现在我们要对页面外观进行设计,点击下面的页面属性,打开了页面属性对话框,里面有字体,大小,颜色,图像,边距这些属性。

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

6、点击字体框后面的倒三角选择字体,后面大写的B代表加粗,I对比倾斜,我们可以选择把字体加粗。

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

7、接着在下面选择字体大小,这时看不到字体变化,可以点击下面的应用,就看到变化了。

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

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

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

9、接着选择背景颜色,选择黄色,点击应用,背景就变成黄色了。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Dreamweaver网页外观属性基本设置攻略
Dreamweaver网页外观属性基本设置攻略
Dreamweaver网页外观属性基本设置攻略
  • PS点状化滤镜简单使用
  • css如何设置文字的水平方向浮动
  • 在flash中制作渐变斜角的文字
  • 快速在Dream weaverCS5 中制作网页可折叠面板
  • Dreamweaver5中如何设置网页的背景色??
  • 热门搜索
    成长故事手抄报 法制手抄报的内容 缅怀先烈手抄报资料 名著阅读手抄报 数学王国手抄报 五一手抄报大全 健康成长手抄报内容 如何制作电子手抄报 文明手抄报资料 消防安全手抄报资料