网页设计基本知识

1、网页设计的基础知识，龙虎网技术设计部黄惠，1 .网页设计的基本概念，网站，网站(Web Site )是网站服务器上完整的信息集合体。 这包含一个或多个网页。 这些网页以一定的方式链接，为了描述完整的信息集，达到所期望的宣传效果而一体化。 新浪、搜狐等门户网站内容很多的网站也有。一部分网站只有个人网站等几个网页。 网页、网页(Web Page )实际上是文件，网页有文字、图像、声音、视频信息等。 网页可以看作是单一的一体，是网站的要素。 平时我们听到的“新浪”、“搜狐”、“网易”等通称“网站”。 我们访问这些网站时，最直接的是“网站”。 这些页面构成整个站点，即站点、主页、主页，它们是单独的页面

2、，能够与一般的页面同样地存储各种信息，并且是特殊的页面，成为整个站点的起点和摘要点。 例如，如果阅览者输入搜索狐网站的地址“”，则会显示在第一页，即sohu网站的主页上。 主页和主页的区别通常是，为了检索和分类阅览者阅览的站点的信息，对信息进行分类，制作放置站点信息的目录，即站点的主页。 并非所有站点的主页都设定为主页，也有在主页上显示动画，在主页上显示主页链接的站点，阅览者点击主页链接，网页的表现形式，静态网页： 其特点是，只要网页设计者不修改网页内容，网页内容就不会变化。 无法与浏览网页的用户进行交互。 信息流是单向的。 动态页面：客户端和服务器端交互的动态页面是浏览器可以与服务器数据库实

3、时交换数据的交互页面，带有动画等效果的动态页面动态web技术的网站由用户注册信息流是双向的。 2 .网页的版本构造、网络中的网页因制作不同而千变万化，但通常由几个大版本构成。 网站LOGO，通常，网站为了表现其特征和内涵，在网站的左上角或其他显眼的地方建立与LOGO图像相关联的LOGO图像。 企业的网站经常使用企业的标志和注册商标。 设计精良的LOGO给读者留下深刻的印象，在网站和企业形象的宣传中发挥着重要的作用。 网站LOGO、导航栏和导航栏是网页的重要组成部分。 目的是对站点中的信息进行分类和处理，并将其放置在网页上，以便浏览者能够快速查找站点中的信息。 导航栏的形式多种多样，有文本导航栏

4、、图像导航栏、动画导航栏等。 某些导航栏使用特殊技术(如Flash、JavaScript和CSS )创建，并具有下拉菜单功能。 在导航栏、Banner和web布局中，大多数网页将Banner放置在与导航栏相邻或其他显眼的位置以吸引观众。 Banner的中文意思是横幅。 Banner的内容通常是网页广告。 Banner的中文意思是横幅。 Banner的内容通常是网页广告。 在网页布局中，大多数网页将Banner放置在与导航栏相邻或其他显眼的位置，以便阅览者能够阅览。 Banner、内容版本块和网页内容版本块是整个页面的一部分。 设定修订者可根据本页的栏要求设定修订不同的栏。 每个列都有一个标题内

5、容，每个内容列主要显示不同的文本信息。 版尾或着作权版块，版尾，即页面底部的版块。web页的着作权信息、web页的所有者、设置校正者的联系人等通常被设置在该部分的位置。 有些网站还提供友谊链接和附带的导航栏。 3 .网页的基本构成要素，网页的种类很多，但形式内容各不相同。 但是，网页的基本构成要素几乎相同，网页设计是有机地整合构成要素，表现美与和谐。 文本、网页的信息以文本为中心。 与图像相比，文字虽然不能像图像那样快地引起阅览者的注意，但是能够正确地表现信息的内容和意义。 图像、用户在网页上使用的图像格式主要有GIF、JPEG、PNG等，其中使用最广泛的是GIF和JPEG两种格式。超链接、超

6、链接本质上是一个网页的一部分，是用户可以与其他网页或站点连接的元素。 超链接是指从一个网页到另一个网页、同一网页上的不同位置、图像、电子邮件地址、文件、应用程序等目标的连接关系。 动画为了更有效地吸引网页上阅览者的注意力，很多网站的广告都变成了动画形式。 网页的动画主要有GIF动画和Flash动画两种。 其中，GIF动画只有256种颜色。 主要用于简单的动画和图标。 音频、视频和音频是多媒体页面的重要组成部分。 网络中使用的声音文件的格式非常多，经常使用MIDI、WAV、MP3、AIF等。 许多浏览器不需要插件，支持MIDI、WAV和AIF格式的文件，但MP3和RM格式的声音文件必须在专用的浏

7、览器中播放。表单和网页中的表单用于控制网页中信息的布局方式。 有两个方面。 一种是使用行和列格式布局文本和图像，另一种是布局其他列出的数据。第二种是使用表格可以精确控制各种web元素在网页上的显示位置。 表单和网页中的表单通常用于接受用户在浏览器端的输入，并将这些信息发送到web设计器设置的目标端。 此目标是文档、网页、电子邮件或服务器端应用程序。 表格一般用于收集联系人信息、接受用户请求、获得反馈、设置来宾签名簿、注册阅览者为会员、作为会员登录站点等。 中的组合图层性质变更选项。 包括悬停按钮、Java效果和ActiveX等常见效果。 这些不仅仅是装饰网页，不仅使网页变得更加活跃有趣，在网络

8、上的娱乐、电子商务等方面也具有不可忽视的作用。 4 .网页设计软件熟练使用各种网页设计、图像和动画处理制作软件，是网页设计师必须掌握的技能。 Photoshop图像处理软件，Photoshop是Adobe公司推出的强大的平面图像处理软件，Photoshop广泛应用于图像编辑、桌面出版、网页图像编辑、广告设计、婚纱照片等各行业，涉及许多图像处理Flash动画设计软件，Flash是Macromedia公司开发的优秀Web动画开发软件，从简单的动画到复杂的交互式Web应用程序，用户可以创作任何作品。 添加图像、声音和视频可以丰富Flash应用程序媒体。 Flash被称为“最灵活的前台”，独特的编译方

9、式和跨平台的能力、广泛的应用程序(软件、游戏、Web应用程序、多媒体娱乐等多方面)成为越来越重要的工具Fireworksweb图像处理软件，Fireworks是Macromedia公司发表的web图形专用的图形编辑软件，使用Fireworks可以简单地制作尺寸小的图形、GIF动画。 将Photoshop比作全能的图像处理师，Fireworks是精通web图像处理的专家。 矢量图形的处理有其独特之处。 在Web应用中，Fireworks最初是提供切片功能的图像处理软件。Fireworks支持在图像上绘制热点直接生成web文档，具有简单的GIF动画创建功能，支持将动画转换为Flash文件并嵌入网络

10、播放，5 .网站建设网站建设流程主要由修订设置修订阶段、实施发表阶段、评价阶段组成。 6 .网页布局设计，网页布局设计是网页设计的核心，主要内容包括整个网页的布局设计和导航风格设计。 本节介绍一般的网页布局，以及网页导航设计应遵循的原则。 网页布局、网页布局是网页设计的基础，目前的网页布局主要分为三类： 1分栏式结构2区域分散结构3无框式结构、分栏式布局、区域分散布局、无框式布局、导航设计、导航导航就像是网站的标志，有了它就不会在浏览网站时迷路。 每个页面都链接到导航，只需单击导航中的超链接即可访问相应的页面。 导航设计的好坏决定用户是否容易使用网站。 导航设计必须直观明确，最大限度地考虑用户

11、的使用，尽可能容易地切换网页。 导航是为了满足整个网站的风格和要求而修订的，根据网站的不同会采用不同的导航方式。 另外，导航设计一般来说是如图1.9所示那样在网页的上端或者左侧设置导航条的一般方式。 网站采用上端文字作为一次导航，采用左侧的树结构菜单作为二次导航。 使用户能够根据用户所走的路线确定下一步的行进方向和路线，因为用户不需要浏览很多页面来找到必要的信息，所以用户可以快速、简单地找到必要的信息， 可以通过最佳路径到达信息如果用户难以使用网站，可以寻找解决困难的方法，找到最佳路径让用户清楚地了解整个网站的结构概况，有序地处理产生整体性魅力的不同使用频率的信息。 7、页面风格设计、相同布局设计、配色不同，即使文字风格不同，各种各样的页面风格、页面配色、1、设计美丽的网站也呈现出其色调构成的整体倾向。 主导一个或多个邻接的颜色，呈现出与网页整体协调的统一颜色倾向。 运用色系。 根据网页主题选择主要颜色，然后调整透明度或饱和度。 也就是说，使颜色变浅或变深，调整新的颜色。 这样的页面颜色一致，看起来有灰度感。一般来说，适合网页标准颜色的颜色有蓝、黄/橙、黑/灰/白三大系统。 电子购物网站的页面构造、页面配色如图所示。 百元裤业加盟商登记系统，以红色为主色调。 使用页面配色、2、对比色。 请