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

怎么用UltraEdit制作一个简单的网页

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

UltraEdit作为一款实用的文本代码编辑软件,各方面都有突出优点,在网页制作的帮助上更是别具特色,使用UltraEdit制作网页也会变得简单。

本文章主要介绍使用UltraEdit制作网页的基础操作,希望对正在探索的你能有所帮助。

一、项目搭建

1、首先打开UltraEdit,点击“文件”、“新建”或者直接Ctrl+N新建文件。

UltraEdit新建文件
图1:新建文件

2、然后点击保存的图标,命名再保存就可以了。注意命名时一定要以“.html”结尾,如此计算机才能识别你创建的是描述网页内容的文件。

UltraEdit命名并保存
图2:命名并保存

3、成功之后可以看到项目文件的描述改变,并以“.html”结尾,如图3。

完成网页命名
图3:完成命名

以上便是制作网页初始项目文件的搭建。

二、基础制作

1、首先在文件中写入基础代码,可以理解为网页制作的基本框架,是固定的必须有的。如图4,我们的代码主要写在两个body之间,而两个head之间是一些预处理或者声明。

基础框架代码
图4:基础框架代码

2、之后简单写入一些内容,如图5,标记1处是修改浏览器对该页面的描述标签,标记2处是在页面里显示文字,并且是用“style”修改的居中的青色的文字。

写入简单内容
图5:写入简单内容

3、在此处的困难点莫过于“style=”后面内容的编写,但是不用忧心,在UltraEdit中可以使用样式编辑器来完成。点击“编码”、“样式编辑器”、“字体/文本”,选择颜色与对齐方式,最后插入,它便会生成可直接使用的代码。

样式插入
图6:样式插入

4、最后保存一次文件,再去电脑中找到我们创建的有“.html”结尾的文件,鼠标右击它并选择以浏览器的方式打开。此时浏览器中就可以得到如图7所示的效果,标记1处是修改的描述标签,标记2处是修改的显示文字。

网页显示
图7:网页显示

以上便是网页制作的简单流程,当然网页制作并不单单如此,还有很多其它的操作以及补充,这里只是简单的带领大家“动手入门”,能切实体会到网页制作的乐趣,想要大成还需深入学习。

可见的,使用UltraEdit制作网页确实有很多便利之处,将之作为网页制作时代码编写的软件也是一个不错的选择。

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