首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:08:35 207

在使用Dreamweaver CS6进行网页制作的时候,页面布局样式会很多。可以利用插入css样式将页面样式单独保存,以达到简化代码的目的。Pz6办公区 - 实用经验教程分享!

这里就是介绍的插入css样式。Pz6办公区 - 实用经验教程分享!

利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Dreamweaver CS6
  • 设计好的页面代码及设计好的css样式

方法/步骤

  • 1

    首先,打开Dreamweaver CS6,新建一个css文档,选中“css”,点击确定按钮。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 2

    将设计好的css样式放入该页面。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 3

    点击左上方的“文件”,选择“另存为”,将文件放到桌面,并重命名。这里命名为css。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 4

    再点击左上方的“文件”,新建一个“html”。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 5

    将设计好的网页格式输入body>Pz6办公区 - 实用经验教程分享!

    /body>中。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 6

    找到右下角这个链接的小图标,选中。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 7

    出现链接页面,点击后面的“浏览”按钮。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 8

    找到刚刚存放css的地方,这里存放的地方是桌面。点击“确定”按钮。Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 9

    会出现如下页面。Pz6办公区 - 实用经验教程分享!

    有源代码与css,就证明你已经完成css的插入啦!Pz6办公区 - 实用经验教程分享!

    利用Dreamweaver CS6在html中插入css的样式Pz6办公区 - 实用经验教程分享!

  • 9该信息未经许可获取自百度经验
  • 10

    最后一步,把做好的html保存在需要存放的位置,防止数据丢失。Pz6办公区 - 实用经验教程分享!

  • 注意事项

    • 输入数据的时候要在英文输入法下输入。
    • 喜欢就投票或收藏吧!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Pz6办公区 - 实用经验教程分享!


    标签: DREAMWEAVERCSSHTML插入网页

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码