网页设计基本知识幻灯片
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
他醒目的位置以吸引浏览者浏览。
13
Banner
14
内容版块
•
网页的内容版块是整个页面的组成部分。
•
设计人员可以通过该页面的栏目要求来设计不同版块，
每个版块可以有一个标题内容，并且每个内容版块主要来
显示不同文本信息。
15
16
版尾或版权版块
•
版尾，即页面最低端的版块。
•
这部分位置通常放置网页的版权信息，以及网页所有
为网站和企业形象宣传起到十分重要的作用。
9
网站LOGO
10
导航条
•
导航条是网页的重要组成元素。设计的目的是将站点内的信息分
类处理，然后放在网页中以帮助浏览者快速查找站内信息。
•
导航条的形式多种多样，包括文本导航条、图像导航条以及动画
导航条等。
•
有些使用特殊技术（例如Flash、JavaScript、CSS）制作的导航
• 包括悬停按钮、Java特效、 ActiveX等各种特效。它们不仅能 点缀网页，使网页更活泼有趣，而 且在网上娱乐、电子商务等方面也 有着不可忽视的作用。
26
4.网页设计软件
熟练使用各种网页设计以及图 像、动画处理制作软件，是一个网 页设计师必须掌握的技能。
27
Photoshop图像处理软件
ቤተ መጻሕፍቲ ባይዱ
条还可以具有下拉菜单的功能。
11
导航条
12
Banner
• 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其 他醒目的位置以吸引浏览者浏览。
• Banner的中文意思是横幅。Banner的内容通常为网页中的广告。 • Banner的中文意思是横幅。Banner的内容通常为网页中的广告。 • 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其
24
表单
•
网页中的表单通常用来接受用户在浏览器端的输入，然后将这些
信息发送到网页设计者设置的目标端。这个目标可以是文本文件、
Web页、电子邮件，也可以是服务器端的应用程序。
•
表单一般用来收集联系信息、接受用户要求、获得反馈意见、设
置来宾签名簿、让浏览者注册为会员并以会员的身份登录站点等。
25
其他常见元素
• 很多浏览器不要插件也可以支持 MIDI、WAV和AIF格式的文件，而 MP3和RM格式的声音文件则需要专门 的浏览器播放。
23
表格
•
在网页中表格用来控制网页中信息的布局方式。
•
包括两个方面：一是使用行和列的形式来布局文本和图像以及其
他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页
中出现的位置。
如个人网站。
3
网页
• 网页（Web Page）实际上是一个文件， 网页里可以有文字、图像、声音及视频信 息等。网页可以看成是一个单一体，是网 站的一个元素。
• 平常我们所听说的“新浪”、“搜狐”、 “网易”等，即是俗称的“网站”。而当 我们访问这些网站的时候，最直接访问的 就是“网页”了。这许许多多的网页则组 成了整个站点，也就是网站
21
动画
• 在网页中为了更有效地吸引浏览者的注意，许多网站 的广告都做成了动画形式。
•
网页中的动画主要有两种：GIF动画和Flash动画。其
中GIF动画只能有256种颜色，主要用于简单动画和图标。
22
声音和视频
• 声音是多媒体网页的一个重要组 成部分。用于网络的声音文件的格式 非常多，常用的有MIDI、WAV、MP3 和AIF等。
• 并非所有的网站都将主页设置为首页，有的网站 喜欢在首页放置一段进入动画，并将主页的链接放置 在首页上，浏览者需要单击首页的链接进入主页。
5
6
网页的表现形式
•
静态网页：客户端与服务器端不发生交互
访问者只能被动地浏览网站建设者提供的网页内容。 其特点：
网页内容不会发生变化，除非网页设计者修改了网页的内
容。不能实现和浏览网页的用户之间的交互。信息流向是 单向的。
•
动态网页：客户端与服务器端要发生交互
动态网页是指浏览器可以和服务器数据库进行实时数
据交流的交互网页，而不是加上了动画等效果的动感网页。 动态网页技术的网站可以实现更多的功能，如用户注册、 用户登录、搜索查询、用户管理、订单管理等。信息流向 是双向的。
但却能准确地表达信息的内容和含义。
19
图片
•
用户在网页中使用的图片格式主要包括GIF、JPEG和
PNG等，其中使用最广泛的是GIF和JPEG两种格式。
20
超链接
• 超链接在本质上属于一个网页的一部分，是一种允许用户 同其他网页或站点之间进行连接的元素。
• 超链接是指从一个网页指向一个目标的连接关系，这个目 标可以是另一个网页，也可以是相同网页上的不同位置， 还可以是一个图片、一个电子邮件地址、一个文件，甚至 是一个应用程序。
4
首页
•
首页(Home page)，它是一个单独的网页，和一般
网页一样，可以存放各种信息，同时又是一个特殊的
网页，作为整个网站的起始点和汇总点。例如，当浏
览者输入搜狐网站地址“www.sohu.com”后出现在第
一个页面，即sohu网站的首页。
• 首页和主页的区别
• 通常网站为方便浏览者查找和分类浏览网站的信 息，会将信息分类，并建立一个网页以放置网站信息 的目录，即网站的主页。
网页设计基础知识
•
龙虎网 技术设计部 黄惠
1
1.网页设计基本概念
2
网站
•
网站(Web Site)是一个存放网络服务器上的完整信息的集合体。
它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一
个整体，用来描述一组完整的信息或达到某种期望的宣传效果。有的
网站内容众多，如新浪、搜狐等门户网站；有的网站只有几个页面，
者、设计者的联系方式等。
•
有的网站也将网站的友情链接以及一些附属的导航条
放置在这里。
17
3.网页的基本构成要素
• 虽然网页种类繁多，形式内容 各有不同。但网页的基本构成要素 大体相同，网页设计就是要将构成 要素有机整合，表达出美与和谐。
18
文本
•
网页中的信息以文本为主。与图片相比，文
字虽然不如图片那样能够很快引起浏览者的注意，
7
2.网页的版块结构
Internet中的网页由于涉及和 制作的差别而千变万化，但通常由 几大版块组成。
8
网站LOGO
• 通常网站为体现其特色与内涵，涉及并制作一个 LOGO图像放置在网站的左上角或其他醒目的位置。
•
企业网站常常使用企业的标志或者注册商标。
•
一个设计优秀的LOGO可以给浏览者留下深刻的印象，
13
Banner
14
内容版块
•
网页的内容版块是整个页面的组成部分。
•
设计人员可以通过该页面的栏目要求来设计不同版块，
每个版块可以有一个标题内容，并且每个内容版块主要来
显示不同文本信息。
15
16
版尾或版权版块
•
版尾，即页面最低端的版块。
•
这部分位置通常放置网页的版权信息，以及网页所有
为网站和企业形象宣传起到十分重要的作用。
9
网站LOGO
10
导航条
•
导航条是网页的重要组成元素。设计的目的是将站点内的信息分
类处理，然后放在网页中以帮助浏览者快速查找站内信息。
•
导航条的形式多种多样，包括文本导航条、图像导航条以及动画
导航条等。
•
有些使用特殊技术（例如Flash、JavaScript、CSS）制作的导航
• 包括悬停按钮、Java特效、 ActiveX等各种特效。它们不仅能 点缀网页，使网页更活泼有趣，而 且在网上娱乐、电子商务等方面也 有着不可忽视的作用。
26
4.网页设计软件
熟练使用各种网页设计以及图 像、动画处理制作软件，是一个网 页设计师必须掌握的技能。
27
Photoshop图像处理软件
ቤተ መጻሕፍቲ ባይዱ
条还可以具有下拉菜单的功能。
11
导航条
12
Banner
• 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其 他醒目的位置以吸引浏览者浏览。
• Banner的中文意思是横幅。Banner的内容通常为网页中的广告。 • Banner的中文意思是横幅。Banner的内容通常为网页中的广告。 • 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其
24
表单
•
网页中的表单通常用来接受用户在浏览器端的输入，然后将这些
信息发送到网页设计者设置的目标端。这个目标可以是文本文件、
Web页、电子邮件，也可以是服务器端的应用程序。
•
表单一般用来收集联系信息、接受用户要求、获得反馈意见、设
置来宾签名簿、让浏览者注册为会员并以会员的身份登录站点等。
25
其他常见元素
• 很多浏览器不要插件也可以支持 MIDI、WAV和AIF格式的文件，而 MP3和RM格式的声音文件则需要专门 的浏览器播放。
23
表格
•
在网页中表格用来控制网页中信息的布局方式。
•
包括两个方面：一是使用行和列的形式来布局文本和图像以及其
他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页
中出现的位置。
如个人网站。
3
网页
• 网页（Web Page）实际上是一个文件， 网页里可以有文字、图像、声音及视频信 息等。网页可以看成是一个单一体，是网 站的一个元素。
• 平常我们所听说的“新浪”、“搜狐”、 “网易”等，即是俗称的“网站”。而当 我们访问这些网站的时候，最直接访问的 就是“网页”了。这许许多多的网页则组 成了整个站点，也就是网站
21
动画
• 在网页中为了更有效地吸引浏览者的注意，许多网站 的广告都做成了动画形式。
•
网页中的动画主要有两种：GIF动画和Flash动画。其
中GIF动画只能有256种颜色，主要用于简单动画和图标。
22
声音和视频
• 声音是多媒体网页的一个重要组 成部分。用于网络的声音文件的格式 非常多，常用的有MIDI、WAV、MP3 和AIF等。
• 并非所有的网站都将主页设置为首页，有的网站 喜欢在首页放置一段进入动画，并将主页的链接放置 在首页上，浏览者需要单击首页的链接进入主页。
5
6
网页的表现形式
•
静态网页：客户端与服务器端不发生交互
访问者只能被动地浏览网站建设者提供的网页内容。 其特点：
网页内容不会发生变化，除非网页设计者修改了网页的内
容。不能实现和浏览网页的用户之间的交互。信息流向是 单向的。
•
动态网页：客户端与服务器端要发生交互
动态网页是指浏览器可以和服务器数据库进行实时数
据交流的交互网页，而不是加上了动画等效果的动感网页。 动态网页技术的网站可以实现更多的功能，如用户注册、 用户登录、搜索查询、用户管理、订单管理等。信息流向 是双向的。
但却能准确地表达信息的内容和含义。
19
图片
•
用户在网页中使用的图片格式主要包括GIF、JPEG和
PNG等，其中使用最广泛的是GIF和JPEG两种格式。
20
超链接
• 超链接在本质上属于一个网页的一部分，是一种允许用户 同其他网页或站点之间进行连接的元素。
• 超链接是指从一个网页指向一个目标的连接关系，这个目 标可以是另一个网页，也可以是相同网页上的不同位置， 还可以是一个图片、一个电子邮件地址、一个文件，甚至 是一个应用程序。
4
首页
•
首页(Home page)，它是一个单独的网页，和一般
网页一样，可以存放各种信息，同时又是一个特殊的
网页，作为整个网站的起始点和汇总点。例如，当浏
览者输入搜狐网站地址“www.sohu.com”后出现在第
一个页面，即sohu网站的首页。
• 首页和主页的区别
• 通常网站为方便浏览者查找和分类浏览网站的信 息，会将信息分类，并建立一个网页以放置网站信息 的目录，即网站的主页。
网页设计基础知识
•
龙虎网 技术设计部 黄惠
1
1.网页设计基本概念
2
网站
•
网站(Web Site)是一个存放网络服务器上的完整信息的集合体。
它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一
个整体，用来描述一组完整的信息或达到某种期望的宣传效果。有的
网站内容众多，如新浪、搜狐等门户网站；有的网站只有几个页面，
者、设计者的联系方式等。
•
有的网站也将网站的友情链接以及一些附属的导航条
放置在这里。
17
3.网页的基本构成要素
• 虽然网页种类繁多，形式内容 各有不同。但网页的基本构成要素 大体相同，网页设计就是要将构成 要素有机整合，表达出美与和谐。
18
文本
•
网页中的信息以文本为主。与图片相比，文
字虽然不如图片那样能够很快引起浏览者的注意，
7
2.网页的版块结构
Internet中的网页由于涉及和 制作的差别而千变万化，但通常由 几大版块组成。
8
网站LOGO
• 通常网站为体现其特色与内涵，涉及并制作一个 LOGO图像放置在网站的左上角或其他醒目的位置。
•
企业网站常常使用企业的标志或者注册商标。
•
一个设计优秀的LOGO可以给浏览者留下深刻的印象，