首页 > 软件开发 > HTML >

怎么用dreamweaver制作html文件

来源:互联网 2023-03-16 19:08:44 128

Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。OX0办公区 - 实用经验教程分享!

Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能OX0办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver软件

方法/步骤

  • 1

    下载安装dreamweaver软件OX0办公区 - 实用经验教程分享!

    文件-新建-html文件OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

  • 2

    设计面板-编辑文字OX0办公区 - 实用经验教程分享!

    点击代码,html网页代码OX0办公区 - 实用经验教程分享!

    点击拆分,可以看到代码和设计的区别OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

  • 3

    怎么编辑文字OX0办公区 - 实用经验教程分享!

    设计 直接输入OX0办公区 - 实用经验教程分享!

    怎么给文字添加超链接OX0办公区 - 实用经验教程分享!

    选中文字-属性-链接-添加网址OX0办公区 - 实用经验教程分享!

    或选中文字-右键-创建链接-url添加网址OX0办公区 - 实用经验教程分享!

    网址必须添加httpOX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

  • 4

    怎么添加本地图片OX0办公区 - 实用经验教程分享!

    插入-图像-选中计算机图片OX0办公区 - 实用经验教程分享!

    怎么添加网络图片OX0办公区 - 实用经验教程分享!

    插入-图像-url填写图片网址OX0办公区 - 实用经验教程分享!

    怎么给图片添加超链接OX0办公区 - 实用经验教程分享!

    同上步一样,选中图片 下面属性 链接添加要跳转的地址即可OX0办公区 - 实用经验教程分享!

    怎么更改显示图片大小OX0办公区 - 实用经验教程分享!

    图片八个角用鼠标拖动它OX0办公区 - 实用经验教程分享!

    怎么更换图片OX0办公区 - 实用经验教程分享!

    选中更换即可OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

  • 5

    怎么添加视频OX0办公区 - 实用经验教程分享!

    同上步OX0办公区 - 实用经验教程分享!

    插入-媒体-FlashOX0办公区 - 实用经验教程分享!

    URL粘贴视频flash地址或本地flash视频OX0办公区 - 实用经验教程分享!

    视频地址必须是flash的swf后缀OX0办公区 - 实用经验教程分享!

    怎么更改视频大小OX0办公区 - 实用经验教程分享!

    鼠标拖动八个角OX0办公区 - 实用经验教程分享!

    怎么更换视频OX0办公区 - 实用经验教程分享!

    选中更改地址即可OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

  • 6

    怎么给div创建css规则OX0办公区 - 实用经验教程分享!

    选中文字或空白OX0办公区 - 实用经验教程分享!

    布局-插入div标签(布局后中间图标)-新建css样式OX0办公区 - 实用经验教程分享!

    -命名新的css规则OX0办公区 - 实用经验教程分享!

    可以设置字体的大小、粗细、颜色等OX0办公区 - 实用经验教程分享!

    id唯一,类可重复使用OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

  • 6该信息未经授权抓取自百度经验
  • 7

    怎么保存成htmlOX0办公区 - 实用经验教程分享!

    文件-另存为OX0办公区 - 实用经验教程分享!

    或复制代码粘贴到纯文本保存为html格式的文件OX0办公区 - 实用经验教程分享!

    怎么用dreamweaver制作html文件OX0办公区 - 实用经验教程分享!

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


    标签: DREAMWEAVERHTMLCSS

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