使用EditPlus 3时,如何重新设置HTML Page的Default模板

使用EditPlus 3时,如何重新设置HTML Page的Default模板

一、所遇问题:

  初学 HTML ,作为新手,在第一次使用 EditPlus 3 创建 HTML Page 的时候,会出现 图1.1 这样的 Default 模板(并且Default模板的默认名称 template.html ,从图 3.5 可以直观地看出)。
图1.1 创建 HTML Page 时的 Default 模板

图1.1 创建 HTML Page 时的 Default 模板

二、问题描述

  在新建 HTML Page 之后,感觉自动生成的 Default 模板太复杂或视觉效果不是太好亦或者其他原因,想要根据自己的需要定制一款自己需要的 Default 模板,并且每次打开之后都能默认显示自己定制的这款 Default 模板。比如想要修改成定制的最简单的 Default 模板,代码如下:
(注:此处一代码的方式呈现,是为了方便复制该模板)

<!DOCTYPE HTML>
<html>
 <head>
  <title> New Document </title>
 </head>
 <body>
 </body>
</html>


三、操作步骤如下:

第一步:(修改)

  首先,我们在新建的 HTML Page 的 Default 模板的基础上,将其修改成自己想要的 Default 模板的形式,例如将图 3.1所示的 Default 模板修改成图 3.2所示的 Default 模板的形式:
图 3.1 Default 模板

图 3.1 Default 模板

图3.2 修改后的Default模板

图3.2 修改后的Default模板

第二步:(保存)

  接下来,将修改好的 HTML Page 文档(图 3.2)保存到我们设定好的 D:\培训\项目 space 文件夹中,如图 3.3所示:
图 3.3 将修改后的 Default 模板放进对应的文件夹

图 3.3 将修改后的 Default 模板放进对应的文件夹

第三步:(设置)

  最后,修改 EditPlus 3 中的默认设置。我们先找到 EditPlus 3 工具栏中的 “Tools” 选项,左键单击 “Tools” 进行展开,然后左键点击 Tools 选项下的 “Preferences” 选项进行打开,如图3.4所示:
图 3.4 打开 “Tools” 选项下的 “Preferencet” 选项

图 3.4 打开 “Tools” 选项下的 “Preferencet” 选项

  打开Preferences选项之后,我们选择并点击“Templates”选项,如图3.5所示。

图3.5 展开“Templates”选项

图3.5 展开“Templates”选项
  此时我们只需要将EditPlus 3 内置HTML Page的Default模板(即:template.html)换成我们自己修改后的Default模板即可。点击 “template.html” 选项右侧的 “...” 选项,然后根据我们修改好的Default模板(即:Noname0模板.html文件)所保存的文件路径,选择 “D:\培训\项目space\Noname0模板.html” 文件,点击 “Open” ,如下图 3.6 所示。

图 3.6 选中 “Noname0模板.html” 文件
在这里插入图片描述

图 3.6 选中 “Noname0模板.html” 文件

  操作成功之后,我们可以看到 “D:\培训\项目space\Noname0模板.html” 已被成功调用到设置中,我们点击 “Apply” 按键即可,如图 3.7 所示。
图 3.7 将“ Noname0模板.html ”设置成Default模板

图 3.7 将“ Noname0模板.html ”设置成Default模板

  此时 EditPlus 3 中新建的 HTML Page 的 Default 模板已经设置成功,我们重新新建一个 HTML Page ,即可得到我们想要的效果。

第二次使用:

编译器选择参考:

HTML 编辑器的介绍及推荐

安装参考:

EditPlus安装使用教程

设置默认浏览器参考:

editplus 如何在外部浏览器浏览网页

在这里插入图片描述

运行:

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值