利用Dreamweaver CS6在html中插入css的样式

 时间:2024-11-05 18:50:20

在使用DreamweaverCS6进行网页制作的时候,页面布局皱诣愚继样式会很多。可以利用插入css样式将页面样式单独保存,以达到简化代码的目的。这里就是介绍的插入css样式。

利用Dreamweaver CS6在html中插入css的样式

工具/原料

电脑

DreamweaverCS6

设计好的页面代码及设计好的css样式

方法/步骤

1、首先,打开DreamweaverCS6,新建一个css文档,选中“css”,点击确定按钮。

利用Dreamweaver CS6在html中插入css的样式

2、将设计好的css样式放入该页面。

利用Dreamweaver CS6在html中插入css的样式

3、点击左上方的“文件”,选择“另存为”,将文件放到桌面,并重命名。这里命名为css。

利用Dreamweaver CS6在html中插入css的样式

4、再点击左上方的“文件”,新建一个“html”。

利用Dreamweaver CS6在html中插入css的样式

5、将设计好的网页格式输入<body>咯悝滩镞</body>中。

利用Dreamweaver CS6在html中插入css的样式

6、找到右下角这个链接的小图标,选中。

利用Dreamweaver CS6在html中插入css的样式

7、出现链接页面,点击后面的“浏览”按钮。

利用Dreamweaver CS6在html中插入css的样式

8、找到刚刚存放css的地方,这里存放的地方是桌面。点击“确定”按钮。

利用Dreamweaver CS6在html中插入css的样式

9、会出现如下页面。有源代码与css,就证明你已经完成css的插入啦!

利用Dreamweaver CS6在html中插入css的样式

10、最后一步,把做好的html保存在需要存放的位置,防止数据丢失。

Dreamweaver的表单中如何添加复选框控件 Dreamweaver怎么重置设计自定义页面布局 Dreamweaver怎么制作单选题 Dreamweaver文档中如何插入Div标签? Dreamweaver学习:[13]网页设置链接样式
热门搜索
亚州图片 帆船图片 示宽灯图标 无语的图片 张艺兴图片