发布时间:2021/12/06 13:37:10
品牌型号:联想ThinKpad
系统:win7 64位旗舰版
软件版本:UltraEdit 28
一个好的网页排版是很重要的,一段文字,一张图片,出现的位置不同给人的感观是不一样的。所以在设计之前需要掌握这些位置操作,而我们理解的位置对于电脑而言就是数字,用统一的说法就是坐标。
本文章主要介绍使用UltraEdit制作网页时的坐标操作,希望能对你有所帮助。
一、坐标基础知识
坐标就是用特定的描述来表达某一位置,描述方式很多,但我们最常见也最常用的就是用数字量来描述坐标。电脑是通过屏幕呈现内容给我们的,而这块屏幕仅仅是一个二维平面,我们可以通过X、Y两个量来确定屏幕上的每一处位置。
可这些量是怎么确定的?有边界限制吗?不急,先从像素讲起吧!像素我们可以理解为将计算机屏幕分割成很多小正方形,像素就是最小的不可分单元。例如普通的笔记本电脑的一项机体数据“分辨率1920×1080”,就是说屏幕长有1920个像素,宽有1080个像素。
像素也通常作为我们确定位置的依据数据,通过给定像素的量,即长宽像素对应的数字,是可以唯一确定屏幕上的某一位置的,这些数字就是我们制作网页时会用到的坐标。
二、在特定坐标处显示
首先我们打开UltraEdit,创建“.html”类型的文件,在其中写入如图1所示的代码。
然后点击“切换浏览器视图”,可以看见文字显示在左上角。
我们想要改变这串文字出现的位置时,可以设置“style”然后调用“样式编辑器”功能。
完成后会插入相应的代码,如图4,其中的100px就是像素值,此处表述的坐标也称之为“绝对坐标”。
最后再切换浏览器显示查看效果。
注意事项:辨别坐标的原点,也即(0,0)处的像素点,它并不是电脑屏幕最左上角的位置,而是网页页面最左上角的位置。
当然除了文字可以在任意位置显示外,图像也可以,只不过图像并不能直接操作,我们通常是在任意位置显示一个窗体,然后在窗体中插入图像,如此便等效于图像的任意位置显示。例如图6,窗体是div,我们修改窗体位置,并在其中插入图片。
三、区域坐标设定
即设定一块特定大小的区域,通常用作背景范围设定或者文本内容区域设定,承载对象也是div描述的窗体。
我们同样调用“样式编辑器”设置该区域的长和宽。
鉴于窗体是无色的,为了更好的看到效果,窗体的颜色做了适当修改。
如图10,可见的是一个长200像素,宽200像素的区域。
假如我想在特定位置获得特定范围的区域又如何做呢?步骤与前面的是一样的,只不过是将两者结合,设定的“绝对坐标”是起点,指定长和宽后获得终点,由这两点获得一个矩形就是我们所需的目标框体。
以上便是使用UltraEdit完成的坐标操作,当然也不仅仅只有这些,还有浮动、镶嵌等等的操作,但常用的还是这两种,不再作细化讲解,有兴趣的话去深入学习吧!UltraEdit除了能制作网页之外还能完成很多其它的任务,欢迎前往UltraEdit中文网站下载软件试用。
作者:零缘
读者也喜欢这些内容:
UItraEdit“替换”命令详解(下)
本篇教程是《UItraEdit“替换”命令详解》的下篇,主要介绍有关UItraEdit“替换”命令的高级设置选项细则。...
阅读全文 >
UltraEdit如何对代码进行注释
代码注释好处多多,它能够让我们快速从代码中获取重要信息,同时也体现开发者的编程习惯,因此代码注释是程序中必不可少的一部分。作为一款具有强大功能的编辑器,UltraEdit也同样具备添加注释的功能。今天就让我们一起来学习一下如何使用UltraEdit软件进行注释的吧。...
阅读全文 >
UltraEdit中录制和编辑功能强大的宏文件
今天我们尝试使用UltraEdit(Win系统)来进行宏的编辑与使用,编写宏的方法不只是从零开始编写出一个完整的宏文件,我们可以直接让UltraEdit自己完成大部分基础编辑工作。UltraEdit的特色功能之一就是它有强大的宏功能。...
阅读全文 >
使用UltraEdit制作网页进阶教程之色彩篇
我们所接触的网页大多是绚丽多彩的,较之于黑白图文,合适的色彩往往给人的感观更佳。但色彩种类繁多,记忆其信息是很困难的,制作网页过程中不得不边查色彩资料边写代码,特别费时。而UltraEdit并没有让我们失望,它的色彩获取及插入完全可以满足我们的需求。...
阅读全文 >