如何用文本编辑器记事本手工编写网页代码

  第一步:在空文件夹中单击右键,选择“新建--文本文档”。然后这个空文件夹里立即多了一个名为“新建 文本文档.txt”的文件。将此文件后缀txt改名为html。例如:1.html

  哇噻,看见了吗?你的第一个网页。怎不令人激动和兴奋呢!所有的过程只是键入几个单词而已。

  注意a标签允许你为连接打开新窗口,而不是取代当前窗口,初听起来似乎是一个不错的主意,因为它不会让用户离开你的页面。

  从易用性的观点来看,这种方法破坏导航。最常用的导航工具是浏览器上的“后退”,打开新窗口使这个功能失去了作用。

  更广泛地,还是从易用的观点来看,用户不需要到处都是弹出的新窗口。如果用户需要打开新窗口,他们有权利(是的,有权利。不要强行干涉别人意志,不是很好吗?在一般情况下,建议你尽量不要使用新窗口——译者注)让自己来控制。

  都是文本的话看起来让人感到乏味和无聊,自然,网页不应该仅仅是文本而已(呵呵,对于一些技术性的文档,我想,文本就已经严重足够了——译者注),它是多媒体的,最常见的形式就是图像。

  长度属性width和高度属性height是必需的(Zeldman的“恶名昭著”的《Designing with Web Standards中说,width和height不是必须的,这可以节省带宽。平时做网页我也不喜欢用这两个属性。——译者注),因为浏览器在下载过程中能够计算出图像占据的空间,否则浏览器可能会产生一个页面的跳跃,因为事先并不知道图像要占用多少空间,以致于破坏页面布局。

  alt属性表示可替代的描述。这是为不能或者不选择图像显示的客户端着想(比如终端浏览器lynx,不能显示图片,但可显示alt中的文本。最坏的情况是,你写错了图片的文件名或者路径,即使在图形浏览器中图片显示不出,但仍可显示出alt中的文本,不会让访问者造成不必要的误解。什么情况下我们都推荐你,一定记得使用alt。——译者注)。在最新版本的HTML版本中,这是不可缺少的属性。

  注意给网页创做图像虽然不是本站的主题,但我们还是有一些对你有用的东西要说。

  经常被用到的图像格式是GIF和JPEG。他们都是压缩过的格式,有各自十分不同的用途。

  GIF图像不超过256色,但可以保持原有图像的色彩。色数越低,图像文件就越小。

  JPEG使用十分精确的算法来压缩图像,对原图像有些微的改变。压缩程度越低,图像文件越大,从而图像更清晰。

  网页设计初学者需要处理的文件可能就是图像文件了,忽视图像过大是初学者常犯的错误。网页下载应该尽可能快,想想看,一个使用少于7kb每秒的Modem联网的人要用多少时间来下载你的整个页面。

  你必须在图像质量和图像文件大小之间作出选择。许多现代的图像处理软件允许用最佳方式压缩图像,但同样是一个冒险,或者产生错误。

  译者有话说:显然,现在还没有谁推荐PNG格式的图像,可能只因为IE对其糟糕的支持。GIF到目前为止还没有解决专利问题,使用它还是得冒侵权之危险。PNG很有潜力,同样也具有透明能力,色数也不止GIF的可怜的256色而已,却具有JPEG的高清晰、高保真度,这也是我,以个人的立场向你推荐的原因。

  表格漫步万维网世界,有多少HTML表格被用来布局页面,还一度被滥用。我们会在CSS高级指南中学习怎样不用表格布局页面。表格的正确用处应该是,展示表格式的数据。

上一篇:如何设计制作网页那里有教程学习。   下一篇:浅谈网站建设中网页色彩运用技巧
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。)
热门搜索:

如何用文本编辑器记事本手工编写网页代码

第一步:在空文件夹中单击右键,选择新建--文本文档。然后这个空文件夹里立即多了一个名为新建 文本文档.txt的文件。将此文件后缀txt改名为html。例如:1.html 哇噻,看见了吗?你的