网页是什么

小白问答2020-06-19 15:59:21阅读(...)

网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说网站就是由网页组成的,如果只有域名和虚拟主机而没有制作任何网页的话,客户仍旧无法访问网站。

网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。

网页设计 web design

网页是一个包含 HTML 标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html 或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

主流代码布局

原来是以表格来定位,现在是 DIV(区)+CSS(0.0)。

构成

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

网页通常有以下元素:

文字资料图像档案 Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。

记录功能

当你每次上网时,都会在历史记录里留下记录,并且被保存在浏览器的缓存文件夹里,删除时只要右键删除就可以了。

网页游戏

从 08 年开始,国内网页游戏开始不断兴起,网页游戏(Webgame)又称 Web 游戏,无端网游,简称页游。网页游戏也是需要重视水平的,如音效的筛选、恰到好处的乐曲与音效搭配、以及良好的结构平台等等,有了这些元素,才能做出一个好的网页游戏,同时也会引来更多的浏览人数。网页游戏的出现让中国进入了一个新的网络游戏平台,也进入了一个页游发展的竞争时代。

元素

感知信息

文本文本是网页上最重要的信息载体和交流工具,网页中的主要信息一般都以文本形式为主。

图像:图像元素在网页中具有提供信息并展示直观形象的作用。

静态图像:在页面中可能是光栅图形或矢量图形。通常为 GIF,JPEG 或 PNG;或矢量格式,如 SVG 或 Flash。

动画图像:通常动画为 GIF 和 SVG。

三、Flash 动画:动画在网页中的作用是有效地吸引访问者更多的注意。

四、声音:声音是多媒体和视频网页重要的组成部分。

五、视频:视频文件的采用是网页效果更加精彩且富有动感。

六、表格:表格是在网页中用来控制面业信息的布局方式。

七、导航栏:导航栏在网页中是一组超链接,其连接的目的端是网页中重要的页面。

八、交互式表单:表单在网页中通常用来联系数据库并接受访问用户在浏览器端输入的数据。利用服务器的数据库为客户端与服务器端提供更多的互动。

分类

静态页

静态网页,其内容是预先确定的,并存储在 Web 服务器或者本地计算机/服务器之上。

特点:

制作速度快,成本低。

模板一旦确定下来,不容易修改,更新比较费时费事。

常用于制作一些固定板式的页面。

通常用于文本和图像组成,常用于子页面的内容介绍。

对服务器性能要求较低,但对存储压力相对较大。

设计要点

网页设计的两大要点是:整体风格和色彩搭配。

整体风格

网站的整体风格及其创意设计是最难以学习的,难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的 CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的。IBM 是专业严肃的,这些都是网站给人们留下的不同感受。

在这里,一些参考经验:

将你的标志,尽可能的放在每个页面上最突出的位置。

突出你的标准色彩。

总结一句能反映贵站精髓的宣传标语!

相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

排版问题

字间距太挤或太宽。

行距太小或太大。

段距太少或太多。

每行字数太多或太少。

设计工具

一、Amaya(单位:万维网联盟)用于编辑 HTML、CSS、数学标记语言、可缩放矢量图形的工具

二、Dreamweaver(单位:奥多比)用于编辑 HTML、ASP、JSP、PHP 的辅助工具

三、Frontpage(单位:微软)跟 Dreamweaver 一样。

四、FLASH(单位:奥多比)网页需要画面流动(动画)时的首选择。

五、PhotoShop(单位:奥多比)图象处理软件,一般网页都需要有图片的相搭配,PhotoShop 是款很强大的工具。

六、FireWorks(单位:奥多比)跟 PhotoShop 一样都是图象处理软件,但 FireWorks 偏向与对网页的处理。Fireworks 主要用于制做动态图片格式。

七、StylePix(单位:Hornil)跟 PhotoShop 一样都是图象处理软件,可以处理光栅及矢量图形。

使用脚本

ASP 全名 Active Server Pages(活性服务器页面),是一个 WEB 服务器端的开发环境。利用它可以产生和执行动态的、互动的、高性能的 WEB 服务应用程序。ASP 采用脚本语言 VBScript(Java script)作为自己的开发语言。

PHP 是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用 C,Java 和 Perl 语言的语法,并耦合 PHP 自己的特性,使 WEB 开发者能够快速地写出动态产生页面。

JSP 是 Sun 公司推出的新一代网站开发语言,Sun 公司借助自己在 Java 上的不凡造诣,将 Java 从 Java 应用程序和 Java Applet(爪哇小程序)之外,又有新的硕果,就是 JSP(爪哇服务器页面)。JSP 可以在 Serverlet 和 JavaBean 的支持下,完成功能强大的站点程序。

WebDNA 是一个服务器端的脚本,解释型的语言且带一个嵌入式数据库系统,专门设计用于万维网发布的一个免费的(FastCGI 的版本)。基于标签与上下文。

.NET 是 Microsoft XML Web services 平台。XML Web services 允许应用程序通过 Internet 进行通讯和共享数据,而不管所采用的是哪种操作系统、设备或编程语言。Microsoft .NET 平台提供创建 XML Web services 并将这些服务集成在一起之所需。对个人用户的好处是无缝的、吸引人的体验。

设计原则

关于网站

所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用 HTML 等工具制作的用於展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务。

在你眼前,出现在显示器上的这个“东西”,就是一个网页。网页实际是一个文件,它存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。

网页储存

当要将网页存入自己的电脑内,网页浏览器通常提供以下的选择:

只储存网页的文字部分完装封装,即连同该网页(HTML)所要用到的图像、Applet 和 JavaScript 等文件也一并封装储存只有 HTML,不作任何改动;若果网页内的连结是相对连结,可能会令图片消失只有 HTML,但将网页内连结到的文件改成绝对定义有些网页浏览器容许在打印网页前预览,并可选择印底色与否,甚至放大、缩小。

收藏0个人收藏
走进科技生活方式

评论交流

泪雪默认头像请「登录」后参与评论
  1. 加载中..