网页设计25126.pptVIP

网页设计 无锡工艺职业技术学院艺术设计系 授课班级：广告专051指导教师：董亚平 网页设计无锡工艺职业技术学院艺术设计系 第1章 网页制作基础 网页设计无锡工艺职业技术学院艺术设计系 第1章 网页制作基础 在学习制作网页之前，不仅要清楚网页的构成元素，了解制作网页可以采用哪些工具，还要知道网页制作的基本步骤。本章主要介绍了与网页制作相关的一些基础知识。通过本章的学习，大家应该掌握以下内容 网页设计无锡工艺职业技术学院艺术设计系 第1章 网页制作基础 网页设计无锡工艺职业技术学院艺术设计系 1.1 网页中的常见元素要学习网页设计与制作，首先要认识网页，了解网页中的常见元素，只有这样才能更加合理地组织和安排网页内容。如图所示。 网页设计无锡工艺职业技术学院艺术设计系 1.1 网页中的常见元素 上图所示是网易网站的首页，文字与图片是构成一个网页的两个最基本的元素。也可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。下面分别介绍各个网页元素及其在网页中的作用。 网页设计无锡工艺职业技术学院艺术设计系 1.1.1 文本 文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式。文本虽然没有图像对浏览者的吸引力强，但却能准确地表达信息的内容和含义，而且用文本制作的网页占用空间小，浏览时，可以很快地展现在用户面前。但是没有经过编排点缀的纯文字网页，又会给人带来死板的感觉，使得人们不愿意再往下浏览。为了克服这一缺点，人们可以设置网页文本的一些属性，例如字体、字号、颜色、底纹和边框等，通过文本不同的格式，突出显示重要的内容。此外，用户还可以在网页中设计各种各样的样式，包括标题的字型字号、内容的层次样式、文字列表和颜色变换等，这些将给网页中的文本赋予新的生命力。 网页设计无锡工艺职业技术学院艺术设计系 网页设计无锡工艺职业技术学院艺术设计系 1.1.2 图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。一个优秀的网页除了有能吸引浏览者的文字形式的内容外，图形的表现功能是不能低估的。网页上的图形一般使用JPEG、GIF和PNG 三种格式，其中使用最广泛的是JPEG和GIF格式，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。通常图形在网页中有如下的应用。 网页设计无锡工艺职业技术学院艺术设计系 网页设计无锡工艺职业技术学院艺术设计系 网页设计无锡工艺职业技术学院艺术设计系 1.1.4 表格 表格用来控制网页中信息的布局方式。许多大型的网站（如搜狐、网易、新浪、雅虎等）都是使用表格来进行页面布局的。使用表格可以进行页面的设计和排版，控制文本和图像在页面中的位置。另外，使用表格能使页面看起来更加直观和有条理。 网页设计无锡工艺职业技术学院艺术设计系 网页设计无锡工艺职业技术学院艺术设计系 1.1.5 表单 网页区别于其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上，人们经过浏览，选择了某一个产品，就可以将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有，以及产品数量、规格和价格等信息。如果用户选择确定，那么网站能够返回确认信息。网页的这种交互功能是其他媒体无法比拟的。 通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。 网页设计无锡工艺职业技术学院艺术设计系 网页设计无锡工艺职业技术学院艺术设计系 1.1.6 声音和视频 声音是多媒体网页的一个重要组成部分。目前存在一些不同类型的声音文件，也有不同的方法将这些声音添加到网页中。在决定添加声音之前，需要考虑声音的用途、文件大小、声音品质和浏览器差别等因素。不同浏览器对于声音文件的处理方法不同，彼此之间很可能不兼容。 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。用户在使用这些格式的文件时，需要加以区别。很多浏览器不用插件就可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的播放器播放。 网页设计无锡工艺职业技术学院艺术设计系 网页设计无锡工艺职业技术学院艺术设计系 1.2 常用网页制作工具 网页设计无锡工艺职业技术学院艺术设计系 1.3 常用的网页美化工具 1.3.1 Fireworks 1.3.2 Flash 1.3.3 Photoshop 网页设计无锡工艺职业技术学院艺术设计系 1.4 建立网站的基本流程 网站制作的基本流程与顺序是十分重要的。