文档介绍：网页设计与制作
第一节网页设计的基础知识 
网页:是(超文本标记语言)编写。
网页中可以包含文字、声音、图形图像、动画、视频等多媒体信息。也可以加入脚本语言。
网站:则是诸多网页的集成。如图所示。
第一节网页设计的基础知识
理论基础篇第一章网页设计概述
1、网页的基本特征
网页被称为 HTML文档,是一个纯文本的文档,一个网页包含了许多HTML标记符,这些标记符是一些嵌入式的命令,提供网页的结构、外观和内容等信息。
Web浏览器解释这些信息并显示网页。
下面这段代码就是最基本的网页源代码:(它代表网页的基本结构)
<HTML> <head> <title>标题</title> </head> <body> 正文 </body> </HTML>
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
2、网页的基本构成元素
网页的基本元素:文本、图像、超链接、表格、表单、导航栏、GIF动画、Flash动画、框架等,还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频、视频等等。
1)文本
网页中的信息主要是以文本为主的,在网页中可以通过字体、大小、颜色、底纹、边框等,来设置文本的属性。
建议:
正文文字不宜太大,一般9磅或12像素左右即可;
字体不宜过多,中文文字一般使用宋体;
颜色不要使用得太过斑驳。
大段文本文字的页面,可以参考一些优秀的杂志或报纸的编排设计。
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
下图为大段文本的编排示例:
2)图像
其格式一般为JPG和GIF和PNG三种格式,最基本的图片是网页中的Logo、Banner和网页背景中。
Logo: Logo是代表企业形象或栏目内容的标志性图片,一般位于网页的左上角。 Logo的设计,要求形象鲜明、笔触简练,给人的第一印象要深刻。
Banner: Banner是用于宣传某个栏目或活动的广告,一般制作成动画形式,常用的是Flash动画。
为了便于相互交换及相互宣传,Banner的尺寸在IT业内有具体的约定。如,位于网页顶部的Banner要求尺寸为468像素×60像素。文件大小一般不要超过12KB。
Banner一般不是位于网页顶部,就是位于网页底部,小型广告有时也被适当地安排在网页的两侧。
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
图像应用范例1-Banner和Logo:
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
图像应用范例2-背景图应用
3)超链接
超链接是网站的灵魂,它提供与图片和文字相关内容的链接,实现网页之间以及各种信息之间的跳转。
超链接可在文本或图片中设置。
理论基础篇第一章网页设计概述
第一节网页设计的基础知识
4)表格
表格是网页排版的得力助手。借助表格可精确地控制网页元素在网页中的位置,组织整个网页的外观。通过在表格中放置相应的图片或其他内容,即可高效、快捷地创建符合设计要求的页面。
表格使网页元素得以方便的固定在希望固定的位置上。
理论基础篇第一章网页设计概述
第一节网页设计的基础知识