文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

DW软件如何新建一个html网页

2024-04-02 19:55

关注

这篇文章主要为大家展示了“DW软件如何新建一个html网页”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“DW软件如何新建一个html网页”这篇文章吧。

使用Dreamweaver(简称DW)软件新建一个html网页,dw新建一个规范的HTML超文本网页

反面CSS5引见过应用记事本来新建HTML网页,记事本偏差,编码容易出错招致网页乱码,日后CSS5经由图文方式介绍倏地新建一个原始的最根本的HTML网页。

第一步,翻开DW软件

DW软件如何新建一个html网页
掀开DW软件界面一小块截图

第二步,新建HTML
第1种,应用快捷键“Ctrl+N”,就可弹出新建网页选项卡。

第2种,点击软件左上角“文件”,再决议“新建”

DW软件如何新建一个html网页
新建HTML方法截图

第三步,弹出“新建文档”选项卡,选择好后建树

DW软件如何新建一个html网页
新建文档选项卡独霸递次图

起首点击“空白页”,再选择“页面类型”的“HTML”,再选择“布局”的“五”,末端点击“建树”。

DW软件如何新建一个html网页
新建好最根基最尺度的HTML“拆分”内容下截图

第四步,优化简化根蒂HTML代码(此步伐概略省略)
!DOCTYPE html进行美化简化获得下列HTML源代码


  1. <!DOCTYPE html> 

  2. <html> 

  3. <head> 

  4. <meta charset="utf-8" /> 

  5. <title>无标题文档</title> 

  6. </head> 

  7.  

  8. <body> 

  9. </body> 

  10. </html> 

DW软件如何新建一个html网页 简化后HTML结构截图

第五步,变换title题目标签,body内增多内容 修正添加内容后残缺HTML代码


  1. <!DOCTYPE html> 

  2. <html> 

  3. <head> 

  4. <meta charset="utf-8" /> 

  5. <title>DW新建HTML 实例演示</title> 

  6. </head> 

  7.  

  8. <body> 

  9. 这个是CSS5教我应用DW软件打造一个简单HTML! 

  10. </body> 

  11. </html> 

html实例截图

DW软件如何新建一个html网页 新建html在DW软件造诣截图

第六步,阅读器测试 要在阅读器中测试功效,起首要生存此新建的HTML,便于测试,CSS5把此新建html网页保管到电脑桌面,命名为index.html(一样平常重要配置电脑表示精简名)

1、生活生计HTML 运用快捷键“ctrl+s”或点击DW软件“文件”,再决议点击“留存”。

DW软件如何新建一个html网页 手动点击“生活生计”html的截图

2、弹出糊口生涯选项卡,决定填写好

DW软件如何新建一个html网页 生存选项卡截图

起首点击“桌面”,文件名命名为“index.html”,收尾点击“保存”。

3、使用涉猎器打开此网页这里CSS5应用飞行涉猎器翻开新建"index.html"网页文件。

DW软件如何新建一个html网页

以上是“DW软件如何新建一个html网页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯