Dreamweaver CC中文版网页设计与制作
上QQ阅读APP看书,第一时间看更新

section 1.5 实践经验与技巧

导读

本节将侧重介绍和讲解与本章知识点有关的实践经验与技巧,主要包括网页编辑器和屏幕分辨率方面的知识与操作技巧。

1.5.1 网页编辑器

微课堂 00分09秒

网页编辑器是用来设计网页的可视化工具,可以帮助用户快速地设计网页,这样用户就不必花大量时间写HTML代码,从而可以把更多精力放在设计工作上。

目前,市面上有许多网页编辑器,用户可以根据自身对网页制作的熟悉程度进行自由选择。应用较为广泛的网页编辑器有以下几种:Amaya、Adobe Dreamweaver、Microsoft Frontpage、Microsoft Expression Web、CoffeeCup HTML Editor、CKEditor。

1.5.2 屏幕分辨率

微课堂 00分09秒

屏幕分辨率就是屏幕上显示的像素数,分辨率160×128的意思是水平方向含有像素数为160个,垂直方向含有像素数为128个。屏幕尺寸相同的情况下,分辨率越高,显示效果就越精细和细腻。屏幕分辨率低时,在屏幕上显示的像素少,但图像尺寸比较大;屏幕分辨率高时,在屏幕上显示的像素多,但图像尺寸比较小。

屏幕分辨率直接决定了网站设计制作的尺寸。网页的局限就在于无法突破显示器的范围,而且因为浏览器也会占去不少空间,留下的页面范围变得更小。在设计网页时,布局的难点在于用户各自的环境是不同的,设计在不同屏幕分辨率下看起来都很美观的网页布局是相当困难的。

在网页设计制作的过程中,向下拖动页面是给网页增加更多内容(尺寸)的方法。需要提醒网页制作者的是,除非可以确定页面显示内容能够吸引访问者拖动,否则不要让访问者拖动页面超过3屏。如果需要在同一个页面显示超过3屏的内容,最好在页面上使用类似于锚点链接的技术,以便浏览者快速找到需要浏览的内容。

一点即通

由于浏览器本身要占有一定的尺寸,所以在1366像素×768像素的情况下,页面的显示尺寸为1349像素×600像素;在1024像素×768像素的情况下,页面的显示尺寸为1007像素×600像素。