首页 > 软件开发 > HTML >

dreamwever制作html网页需要注意的几点问题

来源:互联网 2023-03-16 19:13:02 292

利用dreamweaver制作简单html网页需要注意几点问题,包括创建站点、图片存放、网页链接、html标记和表格处理。2ur办公区 - 实用经验教程分享!

dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver

方法/步骤

  • 1

    首先,你想要创建一个简单的html网站的话,在使用Dreamweaver制作网页之前,先创建一个站点,这样你这个网站的内容都可以保存在这个站点文件夹中,以后可以整体移动,不会零散分布在电脑的各个地方。2ur办公区 - 实用经验教程分享!

    【创建站点】2ur办公区 - 实用经验教程分享!

    创建文件夹→创建站点→创建html网页,保存。2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 2

    创建好站点以后,记得设置默认的图像文件夹,将图片都放到文件夹中统一管理。2ur办公区 - 实用经验教程分享!

    【images图片文件夹】2ur办公区 - 实用经验教程分享!

    在站点文件夹里创建images图片文件夹→文件管理站点→高级设置→本地信息→默认图像文件夹→images→保存→完成→完成后才开始创建网页使用。2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 3

    网页链接注意网页的打开方式,外部链接需要使用完整的url地址,如http://www.baidu.com。2ur办公区 - 实用经验教程分享!

    邮件链接其实不太好用,只能简易链接。创建空连接用:#。2ur办公区 - 实用经验教程分享!

    【超链接路径】2ur办公区 - 实用经验教程分享!

    绝对路径:完整的url,一般用于外部网站或外部文件。2ur办公区 - 实用经验教程分享!

    相对于文档路径:一般是默认使用”../“上一层文件夹,推荐直接在Dreamweaver中编辑。在Dreamweaver中移动文件,出现链接更改提示框时,确认更新即可正常链接。2ur办公区 - 实用经验教程分享!

    相对于站点根目录:需设置服务器,简单的html网站不推荐使用这种方式。2ur办公区 - 实用经验教程分享!

    2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 4

    html页面要了解它的html标记,代码起码会认就可以编辑网页,html标记通常成对出现。2ur办公区 - 实用经验教程分享!

    【html网页结构】2ur办公区 - 实用经验教程分享!

    html>2ur办公区 - 实用经验教程分享!

    head>2ur办公区 - 实用经验教程分享!

    文件头部信息(不显示在网页里面)2ur办公区 - 实用经验教程分享!

    /head>2ur办公区 - 实用经验教程分享!

    body>2ur办公区 - 实用经验教程分享!

    在浏览器中显示的html文件的正文2ur办公区 - 实用经验教程分享!

    /body>2ur办公区 - 实用经验教程分享!

    /html>2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 5

    html标记要注意顺序,如上图,内外关系要留心,减少出错。2ur办公区 - 实用经验教程分享!

    大部分标记拥有属性设置,在标记内按空格键就会有显示,没有显示的属性可以手动设置。2ur办公区 - 实用经验教程分享!

    【常用html标记】2ur办公区 - 实用经验教程分享!

    /段落标记2ur办公区 - 实用经验教程分享!

    br> 回车标记2ur办公区 - 实用经验教程分享!

    title>/title>网页标题标记2ur办公区 - 实用经验教程分享!

    hr> 水平线2ur办公区 - 实用经验教程分享!

    img> 图像标记2ur办公区 - 实用经验教程分享!

    a>/a>超链接标记2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 6

    利用表格建立简单的html网页,要认识表格的标记。实现表格高度最小化,利用【代码】将空格代码 去除即可。2ur办公区 - 实用经验教程分享!

    【表格的标记】2ur办公区 - 实用经验教程分享!

    table>/table>表格标记2ur办公区 - 实用经验教程分享!

    tr>/tr> 行标记2ur办公区 - 实用经验教程分享!

    td>/td>单元格标记2ur办公区 - 实用经验教程分享!

      空格2ur办公区 - 实用经验教程分享!

    7如何设计简单的html网页?2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 7

    AP DIV元素(一般称为”层“)在Dreamweaver中也是很重要的内容,建议先百度学习Dreamweaver的基本使用方法,这样对于建站新人来说,能更方便直观看懂代码及网页设计中的出错点。2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 8

    基本上,认识了代码,记住视频中提醒要注意的要点,利用表格功能建站能实现网站成功建设。2ur办公区 - 实用经验教程分享!

    dreamwever制作html网页需要注意的几点问题2ur办公区 - 实用经验教程分享!

  • 8此文章未经许可获取自百度经验
  • 注意事项

    • 帮助到你请点击下方投票选项,有得和疑问也在同一栏中。

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


    标签: HTML表格DREAMWEAVER注意事项

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