欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
 

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

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

第一步,翻开DW软件

打开DW软件界面局部截图
掀开DW软件界面一小块截图

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

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

新建HTML方法截图
新建HTML方法截图

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

新建html文档选项卡操作步骤图
新建文档选项卡独霸递次图

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

新建好最基础最标准的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> 

html简化后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实例截图

新建html在DW软件效果截图 新建html在DW软件造诣截图

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

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

手动点击“保存”html的截图 手动点击“生活生计”html的截图

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

保存选项卡截图 生存选项卡截图

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

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

选择浏览器打开文件

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j51727.shtml