第一节网页设计与制作概述.pptVIP

网页设计与制作 绪论 胡文鹏 rightfans@163.com 2010-9-3 主要内容 课程介绍 重要概念 网页设计的步骤 学习方法 分组方法 任务下达 课程介绍 本课程是多媒体技术专业的一门专业基础课。通过本课程的学习，是学生了解网页制作的基本流程、熟练掌握 DreamWeaver、 Photoshop、flash等软件的应用，基本具备设计和创建网站的能力。 课程的总体目标是培养和提高学生们网页网站开发维护的动手能力、实践能力、分析能力和综合能力。 与“网页设计”课程相关的职业岗位 这门课在什么工作岗位上有用？ 网页制作与网站设计员 网页美工 网站编辑员 网站管理员 要成为一名好的网页设计师，你要学会： 美术（结构素描、光影素描、速写、设计素描、户外写生）、 静态网页（DW、Flash、Photoshop、Fireworks）、 动态网页（数据库、ASP.net等）、 网页美工（三大构成、美工配色、设计） 概念之一：www 全球资讯网。是World Wide Web的缩写。它是由欧洲量子物理实验室所发展出来的多媒体文件查询系统，主要是希望使用者能够通过简单的使用方法，取得不同的媒体资料。 概念之二：客户端/服务器 现在网络上许多服务资源系统都是采用的客户机/服务器架构。客户端主要是依照用户的要求，向服务器端提出信息请求，获得信息后将结果呈现给用户，客户端通常是指用户的PC。服务器端用于处理和管理网络资源，并回应客户端请求的信息。 工作模式 总体来说，WWW采用客户机/服务器的工作模式，工作流程具体如下： （1）用户使用浏览器或其他程序建立客户机与服务器连接，并发送浏览请求。 （2）Web服务器接收到请求后，返回信息到客户机。 （3）通信完成，关闭连接。 概念三：超文本文件 它是文件概念的延伸，特点有超链接和超媒体。超文本文件其实就是在一般的文档上，加上一些控制的标注命令，使它能够和其它的文件链结起来，并指定所要呈现的各种不同类型的其他文件。 概念四：超媒体 超媒体文件的主要特性，就是除了文字之外，可以在文件中加入图形、影像、动画、声音等多媒体信息，或通过超连结的方式，来获得这些形形色色的文件。 概念五：超链接 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。 概念六： HTML 超文本标注语言。是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 概念七： http 超文本传输协议，它是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。 概念八：浏览器 网页浏览器是个显示网页服务器或档案系统内的文件，它用来显示在万维网或局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。 个人电脑上常见的网页浏览器包括微软的Internet Explorer、360安全浏览器、世界之窗、腾讯TT、搜狗浏览器、 傲游浏览器等。浏览器是最经常使用到的客户端程序。 概念九： URL 统一资源定位器，也被称为网页地址，是因特网上标准的资源的地址。Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址，这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，俗称“网址”。 URL由三部分组成：协议类型，主机名和路径及文件名。 概念十：网页和网站 用户通过浏览器看到的是网页，网页时构成网站的基本元素，是承载各种网站应用的平台，因此，网站是网页组成的。 概念十一：静态网页和动态网页 静态网页是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。通常以.htm、.html、.shtml、.xml等为后后缀的。 静态网页上也可以有动画、滚动文字等动态效果，但这种动态效果只是视觉上的。网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。 动态网页能根据不同的时间、不同的访问者显示不同的内容，动态网站一般有后台数据库。 网站设计的一般步骤： 网站建设最初必须有一个整体的战略规划和目标。 步骤：