您当前的位置:首页 > 文本与office

如何用UltraEdit制作一个广告安全提示的页面

时间:02-02来源:作者:点击数:

UltraEdit是一款功能强大的文本编辑器,我们可以用UltraEdit来制作一个网页,并且还可以在软件内直接预览效果。最近正好在准备做一个广告安全提示的页面,准备用UltraEdit来编辑,下面就来看看如何用UltraEdit制作一个网页。

首先新建一个文件,可以点击软件左上角的文件按钮新建,也可以使用快捷键Ctrl+N创建一个新文档。如果你已经有html代码模板也可以直接在UltraEdit中打开编辑。


图片1:新建/打开文件

想要创建一个网页有几个要素少不了,那就是标题、背景样式、文字描述、图片等,当然都是在html语言环境下完成的。下面就依此来看看如何用UltraEdit完成网页的这几个要素。

网页标题

首先设置网页的标题,顾名思义,告诉别人你的网页是做什么的。如下图所示,html代码中的tittle代表标题,两个tittle之间输入标题即可。如下图所示,我的网页标题为广告安全提示。


图片2:输入标题

网页样式

然后如下图所示,在<style></style>标签之间设置网页的样式,可以设置页面背景颜色以及页面滚动效果等,具体的样式根据自己网页想要的效果来设置即可。


图片3:设置网页样式

文字描述

完成网站标题和样式的设置之后,我们需要在网页上添加文字,来丰富完善网页的内容。我做的是一个广告安全提示,文字内容如下图所示,需要注意的是,在网页的标题处需要加上标题标签。“无需等待,点击进去”前面需要加上href标签,并将目标网址的链接输入到“”中即可。


图片4:添加文字描述

背景

如下图所示是网页的背景,在代码中设置背景颜色、图片等。这里有一个注释标签,是起到一个提醒作用,一般如果网页内容比较长,可以用这个标签将每个部分的代码分开,以免混乱。


图片5:网页背景设置

网页脚本

最后就是网页脚本的设置,因为这个网页涉及到一个倒计时,以及链接跳转,如下图所示,输入符合网页逻辑的脚本即可。


图片6:网页脚本

开头我们说过UltraEdit可以实时预览,这个功能可以点击菜单栏的“编码”-“实时预览”开启。这样可以从UltraEdit编辑器右侧实时查看代码的前端效果,也就是在浏览器里打开后的样子,如果有不满意的地方可以随时修改。


图片7:预览网页

以上就是使用UltraEdit编辑网页代码并预览的方法,只需要简单几步,就能制作出一个完整的网页。当然除了简单的网页,网站的制作也可以在UltraEdit中完成,方法大同小异。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门