网页设计所涉及的知识

网页经由网址( URL )来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。下面是网页设计所涉及的知识，希望对您有所帮助。

什么是网页

网页(英文：Web page)是一个文件，它存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。是万维网中的一“页”，通常是HTML格式(文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。

构成网页的元素

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

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

网页的类型

通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。

网页的分类

网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面，比方说贴吧，他就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。

网页纪录

当你每次上网时，都会在历史纪录里留下纪录，保存在C盘主要文件的一个文档里，删除时只要右键删除就可以了。

网页设计

网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。

一、 明确建立网站的目标和用户需求

Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者(customer)”为中心，而不是以“美术”为中心进行设计规划。

在设计规划时我们会考虑：

建设网站的目的是什么?

为谁提供服务和产品?

企业能提供什么样的产品和服务?

网站的目的消费者和受众的特点是什么?

企业产品和服务适合什么样的表现方式(风格)?

二、网页设计总体方案主题鲜明

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页网页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

保存网页的技巧

我们在上网过程中遇到精彩的文章、图片、flash常常会把它们保存下来已备日后查看。

保存网页的基本方法就是用浏览器带的保存功能。点击浏览器的菜单文件-另存为，输入文件名，保存类型可以选择 网页，全部(*.htm;*.html) Web 档案，单个文件(*.mht) 文本文件(*.txt) 。

保存网页的过程中常见的问题：网页不能保存、保存失败，有些网页禁止了鼠标右键，不能复制。采用浏览器自带的“另存为”保存网页的时候，有时进度条前进速度非常缓慢，最后提示“保存网页失败”，这中情况主要是由于网速慢或对方的服务器忙导致有部分文件不能下载引起的。网页采用脚本禁止了Ctrl v和右键菜单功能，有些网页不仅禁止使用右键菜单功能，而且禁止使用了鼠标拉选文字的功能。

除了采用浏览器自带的“另存为”保存网页之外还可以通过下列方法来保存网页，可以有效解决网页不能复制、保存失败等问题。

1、将网页保存为图片

如果想要完整保存页面，通过屏幕拷贝的方式将网页保存为图片不失为一种很好的方法，这特别适合做设计的人员，需要看的是网页的整体。

2、保存部分有用内容

事实上我们保存网页时往往是仅需保存网页中的正文部分，整个网页内容一大堆，正文也就一小部分。一种办法就是用拷贝、粘贴的方法将正文复制到word然后保存。你想象过只要点一下鼠标即可完成保存你需要的正文部分，不用你手工拷贝、粘贴呢?

现在保存网页也讲人工智能，智能化的网页保存工具网童就实现了这样的功能，他能够自动识别并提取网页正文内容，在浏览器中点击鼠标右键，选择“网童，取网页正文”，网页正文在一个新的窗口中显示可编辑、保存。还可以一键将网页保存为word文件，保存的是干干净净的网页正文，而且还包括下一页，省去很多的复制、粘贴操作。

3、批量保存网页内容

要想批量保存网页内容那只能采用第三方工具了，浏览器本身不提供这种功能。最常见的就是下载工具了，如网际快车、迅雷，建立一个网页下载列表然后后下载工具下载。这种方法只能下载链接指向的html文件，不能下载关联的图片等文件。第二种方法就是网络爬虫，这种工具可以把自动抓取网页及其相关链接的文件。

上面这两种方法都有一个问题就是只要是指向的链接都取，不能区分是否有用。批量保存网页内容最好的方法就是采用智能型的网页保存工具——网童。事实上我们保存网页经常只需要网页的正文内容，保存工具应当自动的智能化的识别网页正文内容，然后自动提取这些信息。网童不但可以批量保存网页而且自动提取正文内容并把网页内容汇编在一起。

如果你经常需要保存网页或者你对网页技术不是非常熟悉建议采用专门的网页保存工具，傻瓜式的一键搞定。

怎样学习网页设计

循序渐进学知识

先学一学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了;然后用两天时间学CSS，方法同上;进而再花些时间了解一下JavaScript。

然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver(那些以后再学)。

有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来(什么?你说你不会保存网页?就是“文件→另存为”)，然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。

接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。

这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。

要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。

到这时，相信你就可以真正领会到“网页三剑客”的威力了。

在实践中不断提高

要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话(比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。