《网页设计与制作》.pptxVIP

《网页设计与制作》;第一章 网页设计基础知识;1.1 Internet基础;1.1.1 INTERNET的概述 Internet起源于1969年美国国防部高级研究计划署协助开发的ARPANET。 Internet在国内外的发展 Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物等等，而其中WWW和E-mail是最常用的服务。 ;1.1.2　WWW WWW(World Wide Web)简称为Web或万维网，客户端只要通过“浏览器”（Browser）就可以非常方便地访问internet上的服务器端，迅速地获得所需的信息。如图所示： ; URL的一般格式为：“协议名：//主机名[/文件夹名/文件名]” 常用的协议名如下： HTTP：超文本传输协议，用于转换网页。 FTP：文件传输协议，主要用于传输文件，许多提供软件下载的网站使用“FTP”作为下载的网址。 MAILTO：传送E-mail协议，主要用于传输电子邮件。 例如： mailto:duyonghong@163.com;1.1.3　网页与网站 构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了WWW的纵横交织的网状结构。 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 网站的概念是相对的，大的如新浪、搜狐等大的门户网站，页面非常多，可能分布于多台服务器上；小的如一些个人网站，可能只有几个页面，仅在某台WEB服务器的占据很小的空间。 一个站点的起始页面通常被称为“主页”，主页是一个网站的开始，因此主页的好坏决定了这个网站的访问情况，一般主页的名称是固定的index.htm或index.html等。;1.1.4　域名与IP地址;1.1.4　域名与IP地址 IP地址跟域名的关系 域名的分类;域名;表1.2 按地理区域分类的项级域名;1.2　网页制作工具;1.2.2　图形和图像处理工具 目前常用的图形和图像处理工具主要：Photoshop及Firework。 Photoshop的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆绑了Image Ready，能够实现各种专业化的图像处理、动画的制作等。 Fireworks是由MacorMedia公司出品的首选WEB图形图像处理软件。它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等，可以生成Firework HTML，直接导入到网页中，使用非常方便。本教材将在以后的章节做详细的介绍。 ;1.2.3　动画制作工具 Flash是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash所使用的图形是压缩的矢量图形，采用了网络流式媒体技术，突破了网络带宽的限制，可以边下载边播放，这样避免用户长时间的等待，设计者可以随心所欲地设计出高品质的动画，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。本教材将在以后的章节做详细的介绍。;;1.3　网站建设流程;1.3.1　网站规划 一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。 1．明确建立网站的目标和用户需求 2．确定网站的风格 3．网站的技术问题;1.3.2　网站设计 对网站进行详细的规划之后，就可进入到设计阶段。 好的Web站点要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，突出网站的特点。 1．网站的版式设计 2．色彩在网页设计中的作用 3．网页形式与内容相统一 4．三维空间的构成和虚拟现实 5．多媒体功能的利用;1.3.3　网页制作 静态网页的制作：采用HTML（超文本标记语言）生成的网页，供浏览者浏览。此阶段需要根据设计阶段制作的示范网页，通过去Dreamweaver等软件在各个具体网页中添加实际内容，如：文字、图像、FLASH动画、多媒体文件等。这类静态网页缺少动态的交互，因此还需添加网页的交互性，即动态网页的制作。