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

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