课程引导知识目标知识讲解归纳总结扩展性任务知识讲解图像.PPTVIP

网站的规划与认识 课程引导 引言： 万维网使得浏览Internet变得非常简单，只要用鼠标单击，就可以显示图文并茂的网页，网页中可以包含声音、视频、动画等，这也是万维网在Internet中最受欢迎、使用最多的原因。 学习创建网站、制作网页之前，先让我们学习网页制作的基础知识，了解网页的相关概念和术语、分析网页中主要的构成元素。了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等。 知识目标 1、能够认识网页的各种组成元素 ； 2、能够从整体上认识网站设计的基本原则 ； 3、通过了解网页制作的基本流程，能够使学 生领会学习本门课程的脉络； 知识讲解 一、基本术语 网页：网页是万维网上的页面，其文件后缀名通常 为.html或.htm。HTML：HTML是超文本标记语言（Hyper Text Markup Language）的简称。根据页面内容,网页可以分首页、主页、专栏网页、内容网页和功能网页等类型；按制作技术分为静态网页与动态网页。 网站：网站就是把一些网页等信息文件通过超链接的形式关联起来形成的信息文件的集合。信息可以是网页形式也可以是其他的文档形式。 浏览器：浏览器是安装在客户端计算机上的应用软件，如Microsoft的Internet Explorer，浏览器读取HTML源代码并按指令显示页面。 HTML编辑器：也称网页编辑器，一般是指用于开发网页的工具软件，目前比较流行的HTML编辑器是Macromedia Dreamweaver和 Microsoft FrontPage。 知识讲解 网页的基本功能 ： 1、媒介的作用。使用者与信息之间的媒介。一方面是发布者，功能是发布信息；另一方面是浏览者，功能是提供浏览的信息，通过浏览网页找寻需要的信息。 2、互动的作用。浏览者与网页制作单位之间互动的窗口，可以单向或双向传递信息。 3、传输的作用。作为传输各种电子文件或信息之用，如下载说明书、更新文件、驱动程序等。 知识讲解 网页设计的基础知识： 网页的基本要素一般包括：文字、图像、动画和链接标志等，除此之外，网页的元素还包声音、多媒体和视频等。 文本：网页中的信息主要是以文本为主的。 网页中文字的设计一般从以下几个方面来考虑： 1．字体的选择。 2．字号、行距的选择。 3．特殊字体的使用。 4．字体的颜色。 知识讲解 图像：有了图像看到的的网页而丰富多彩。现在网络 上使用的绝大多数图片和图像是gif、jpeg和png文件格式。 知识讲解 Logo是代表企业形象或栏目内容的标志性图片，一般在网页的左上角 。 知识讲解 Banner是用于宣传站内某个栏目活动的广告，一般要求制作成动画形式，由于动画能够吸引更多注意力，将介绍性的内容简练的加在其中达到宣传的效果。 知识讲解 GIF动画是网页上最活跃的元素，通常认为制作优秀、创意出众的动画是吸引浏览者最有效的方法。 知识讲解 网页上使用图像要注意的问题： ?JPEG格式适合于照片图像，GIF格式适合于包含纯色的图像，例如插图和线条图。 ?利用图像编辑软件来放大或缩小图像 ?屏幕显示图像的分辨率一般为72dpi。制作图像时，不必使用比此再高的分辨率。 ?如果建立的图像中只有黑色和白色，处理时可将它保存为黑白图像格式，这样可以减少图像文件的大小。 ?如果设计的GIF格式图像包含了渐变和直线，应尽量使得它们水平，因为GIF格以每条水平线为基础来压缩。 ?尝试各种不同的JPEG压缩率 ?使用合适的色彩模式。 ?慎用动画。 知识讲解 超链接是网站的灵魂，从一个网页指向另一个目的端的链接。超链接的标志一般有：文本、图像、热区三种。要注意的是，所有超链接标志均应清晰无误地向浏览者标识出来，让人一看就知道。 知识讲解 表格是网页排版的灵魂 知识讲解 表单是用来收集站点访问者信息的域集。 导航栏就是一组超链接，用来方便的浏览站点。 知识讲解 Flash动画：Macromedia的Flash虽然出现时间不长，但已经成为最首要的Web动画形式之一。 框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。 知识讲解 网页编辑工具 1．超文本标识语言（HTML） 2．FrontPage简介 3．Dreamweaver 知识讲解 图形图像编辑工具 1．Photoshop。是Adobe公司开发的，是当今最流行的图形图象处理软件之一，它能够实现各种专业化的图像制作、处理及合成。 2．Fireworks。是由Macromedia公司开发的图形处理工具，它是第一个专门为制作网页图形而设计的软件，同时也提供专业的网页图形设计及制作的解决方案。 3.Flash。Macromedia公司出品的Flash是目前非常