网页设计与制作吕戈静2016.10教学目标教学目标通过本章的学习，能够让学生了解网站的设计与工作流程，掌握HTML的基本概念和结构，能利用HTML制作网页,了解和DHTML/XML的区别，能熟练掌握利用Dreamweaver制作网页，利用Fireworks制作图片、利用Flash制作动画；并能有机地结合，制作出精美的网页。•第1章网页设计概述•第2章HTML语言基础•第3章Dreamweaver基础•第4章网页中的基础元素•第5章网页页面布局•第6章网页中的层和时间轴•第7章表单的应用•第8章在网页中使用行为•第9章CSS样式使用•第10章网页中的多媒体应用•第11章模板和库•第12章站点测试和发布•第13章Flash8简介•第14章Fireworks8简介目录第第11章网页设计概述章网页设计概述第第11章网页设计概述章网页设计概述[知识目标]掌握网页、网站及主页的概念掌握网页、网站及主页的概念了解网页中的主要元素了解网页中的主要元素了解各种网页制作工具了解各种网页制作工具[能力目标]各种网页制作工具的配合使用各种网页制作工具的配合使用网站的整体规划网站的整体规划网站的设计流程网站的设计流程•1.1网页和网站•1.2网页中的主要元素•1.3网页制作工具•1.4网页设计的基本流程•本章小结第第11章网页设计概述章网页设计概述1.11.1网页和网站网页和网站1.1.1网页1.1.2网站1.1.3网页的基本功能1．网页网页（WEB）：是用html语言编写的，通过www网传输，并被web浏览器翻译成可以显示出来的集合文本、图片、声音和动画等信息元素的页面文件（网页示例）。2．网页的类型根据页面内容可以分首页、主页、专栏网页、内容网页和功能网页等类型；按制作技术分为静态网页与动态网页。1.1.11.1.1网页网页1.11.1网页和网站网页和网站网站就是把一些网页等信息文件通过超链接的形式关联起来形成的信息文件的集合。信息可以是网页形式也可以是其他的文档形式。网页与网站的区别与联系：网站是一个文件夹，其中的文件不仅是网页还有网站所需的其他文件或文件夹。网页是一个页面文件，用来发布各种信息。网页是网站的构成要素，是网站信息发布与表现的一种主要形式；网站是网页通过超链接形成的集合。1.1.21.1.2网站网站1.11.1网页和网站网页和网站1、媒介的作用。使用者与信息之间的媒介。一方面是发布者，功能是发布信息；另一方面是浏览者，功能是提供浏览的信息，通过浏览网页找寻需要的信息。2、互动的作用。浏览者与网页制作单位之间互动的窗口，可以单向或双向传递信息。3、传输的作用。作为传输各种电子文件或信息之用，如下载说明书、更新文件、驱动程序等。1.1.31.1.3网页的基本功能网页的基本功能1.11.1网页和网站网页和网站1.21.2网页中的主要元素网页中的主要元素1.2.1文本1.2.2图像1.2.3链接标志1.2.4其他的基本要素网页的基本要素一般包括：文字、图像、动画和链接标志等，除此之外，网页的元素还包声音、多媒体和视频等。是网页中最基本的元素。网页中文字的设计一般从以下几个方面来考虑：1．字体的选择。2．字号、行距的选择。3．特殊字体的使用。4．字体的颜色。1.2.11.2.1文本文本1.21.2网页中的主要元素网页中的主要元素现在网络上使用的绝大多数图片和图像是gif、jpeg和png文件格式。网页上使用图像要注意的问题：•JPEG格式适合于照片图像，GIF格式适合于包含纯色的图像，例如插图和线条图。•利用图像编辑软件来放大或缩小图像•屏幕显示图像的分辨率一般为72dpi。制作图像时，不必使用比此再高的分辨率。1.2.21.2.2图像图像1.21.2网页中的主要元素网页中的主要元素•如果建立的图像中只有黑色和白色，处理时可将它保存为黑白图像格式，这样可以减少图像文件的大小。•如果设计的GIF格式图像包含了渐变和直线，应尽量使得它们水平，因为GIF格以每条水平线为基础来压缩。•尝试各种不同的JPEG压缩率•使用合适的色彩模式。•慎用动画。1.2.21.2.2图像图像1.21.2网页中的主要元素网页中的主要元素链接也叫超链接（Hyperlink），是从一个网页指向另一个目的端的链接，是页面间的链接关系。链接标志（载体）指的是网页中特殊的文本或图像，它们常常用不同的颜色和下划线来标识，在浏览器中，访问者可以...
