任务项目基础与流程设计.pptVIP

地址：北京市海淀区高梁桥斜街44号邮编：100044电话：010北京交通大学出版社地址：北京市海淀区高梁桥斜街44号邮编：100044电话：010北京交通大学出版社地址：北京市海淀区高梁桥斜街44号邮编：100044电话：010地址：北京市海淀区高梁桥斜街44号邮编：100044电话：010网页制作与网站设计教程主编：张洪斌刘万辉北京交通大学出版社情境1：教学成果申报网网站建设1.任务解析与项目目标2.核心技能与概念3.任务计划与决策4.任务实施5.项目检查与评估6.项目策略与经验任务1：项目基础与流程设计网页制作与网站设计教程情境1：教学成果申报网网站建设1.网站需求分析2.网站风格定位任务1：项目基础与流程设计分项任务1项目基础与流程设计分项任务2教学成果申报网站效果图设计与切片分项任务3网站的后期编辑分项任务4网站的发布与测试网页的基本概念1．互联网互联网是由多个计算机网络相互连接而成的一个网络，它是在功能和逻辑上组成的一个大型网络。如图所示。图1-11Internet示意图网页的基本概念2．万维网万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是：1.协议协议是一组标准的规则，用于实现通过通信信道发送信息所需的数据表示、信号发送、身份验证及错误检测，访问Web上的资源都需要遵循这些规则。万维网使用的是HTTP协议（HyperTextTransferProtocol,超文本传输协议）。网页的基本概念2．万维网万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是：2.地址地址：万维网采用统一的命名方案来访问Web上的资源。URL（UniformResourceLocations,统一资源定位符，网页的网址）用于标识Web上的页面和资源。每个URL均由3部分组成，如下所示。用于通讯的协议与之通信的主机（服务器）服务器上资源的路径（例如文件名）http:///index.htm协议主机路径httpindex.htm网页的基本概念2．万维网万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是：3.HTML（HyperTextMarkupLanguage，超文本标记语言）HTML用于创建网页文档。HTML文档是使用HTML标记和元素创建的，此文件以扩展名.htm或.html保存在Web服务器上。请求响应客户浏览器客户浏览器/服务器工作的过程Web浏览器1网页的基本概念2Web浏览器的中文名称：网络浏览器或网页浏览器，简称浏览器；英文名称：WebBrowser。浏览器是用于观看网页的工具，是一个显示网页伺服器或档案系统内的HTML文件，并让用户与这些文件进行互动的一种软件。个人电脑上常见的网页浏览器包括微软的InternetExplorer、Mozilla的Firefox、Opera和Safari。浏览器是最经常使用到的客户端程序。3网页的基本概念网站：网站是万维网上相关网页的集合。网页：网页是万维网上的页面，其文件后缀名通常为.html或.htm。HTML：HTML是超文本标记语言（HyperTextMarkupLanguage）的简称。HTML编辑器：也称网页编辑器，一般是指用于开发网页的工具软件，目前比较流行的HTML编辑器是MacromediaDreamweaver和MicrosoftFrontPage。01024．网页与网站网页的基本概念用户在浏览网页时，但鼠标移动到网页中的某一元素时，鼠标光标变成形状，则表示该元素连接了其他的页面或者元素，也就是网页中的超级链接。它他的作用和Windows操作系统中的快捷方式图表一样，通过它可以在网站内部页面和对象之间建立链接，也可以在与其他网站的页面和对象之间建立连接。通过单击网页中的超级链接就可以转到相应的页面上进行浏览。5．超级链接网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计的任务，它的实现依赖于网页的制作。01网页站点的设计是展示企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站点的目的和用户的需求，以消费者为中心，根据市场的状况、企业自身的情况等进行综合分析，从而做出切实可行的设计计划。02总体设计方案要主题鲜明。在目标明确的基础上，完成网站的构思创意。对