情境1：教学成果申报网站建设.doc

情境一：教学成果申报网网站建设 ( 通过本章的学习，你应该能够： 1.理解网络的基本概念 2.掌握网页赏析的方法； 3.掌握网页设计的基本流程； 4.掌握网页效果图的设计与制作方法； 5.掌握网页的后期编辑方法； 6.掌握免费网站空间与域名的申请方法； 7.掌握网站的发布与测试方法。 1.网站的赏析能力； 2.网站的设计制作流程； 3.网站的效果图的设计与制作能力； 4.网站的后期编辑与布局能力； 5.网站的发布与测试能力。 虽然每个Web站点在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。从国内的大的门户站点如搜狐、新浪到一个微不足道的个人主页，都要以基本相同的步骤来完成。首先是前期策划，然后是定义站点结构，再创建界面，接下来是技术实现，最后是站点的发布与维护。 当然首先需要宏观把握网站开发的基本知识，其次是网站的开发流程，具体主要包括前期策划与内容组织，效果图设计，网页编辑，动画设计，网站的动态化以及是站点的发布测试与维护。这几个阶段完整地结合在一起，直到完成整个站点的工作。针对教学成果申报网的建设要求来看，这个网站的设计与制作还是比较简单的，具体对项目进行分解为以下4个分项项目来完成项目，如图1-1所示。 图 1-1 任务解析与分解 1.1任务1：项目基础与流程设计 任务提示Internet又称因特网，是国际计算机互联网的英文简称，是世界上规模最大的计算机网络，正确地说是网络中的网络。Internet是由各种网络组成的一个全球信息网，可以说是由成千上万个具有特殊功能的专用计算机通过各种通信线路，把地理位置不同的网络在物理上连接起来的网络。 多台计算机相互连接即组成网络，Internet是一个网络的网络，如图1-2所示。 网络1 网络2 网络3 图 1-2 Internet示意图 Internet不仅是个计算机网络，更是一个庞大的、实用的、可共享的信息源。世界各地上亿的人可以用Internet通信和共享信息资源；可以送出或接受电子邮件通信；可以与别人建立联系并互相索取信息；可以参加各种专题小组讨论；可以免费共享大量的信息资源等。 2. WWW(World Wide Web万维网)介绍 万维网最初是在瑞士的CERN实验室作为政府研究项目发起的。今天它向世界各地的用户提供信息。万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是： （1）协议 协议是一组标准的规则，用于实现通过通信信道发送信息所需的数据表示、信号发送、身份验证及错误检测，访问Web上的资源都需要遵循这些规则。万维网使用的是HTTP协议（Hyper Text Transfer Protocol，超文本传输协议）。 （2）地址 地址：万维网采用统一的命名方案来访问Web上的资源。URL（Uniform Resource Locations，统一资源定位符，网页的网址）用于标识Web上的页面和资源。 每个URL均由3部分组成，如下所示。 用于通讯的协议 与之通信的主机（服务器） 服务器上资源的路径（例如文件名） 示例： /index.htm 协 议 主 机 路 径 http index.htm （3）HTML（Hyper Text Markup Language，超文本标记语言） HTML用于创建网页文档。HTML文档是使用HTML标记和元素创建的，此文件以扩展名.htm或.html保存在Web服务器上。 当使用浏览器Browser请求获得某些信息时，Web服务器将对该请求做出响应。它将请求的信息以HTML的形式发送至浏览器。浏览器对服务器发来的HTML信息进行格式化，然后显示这些信息，如图1-3所示。 图 1-3 客户浏览器/服务器工作的过程 3. Web浏览器 Web浏览器的中文名称：网络浏览器或网页浏览器，简称浏览器；英文名称：Web Browser。浏览器是用于观看网页的工具，浏览器是个显示网页伺服器或档案系统内的HTML文件，并让用户与这些文件互动的一种软件。个人电脑上常见的网页浏览器包括微软的Internet Explorer、Mozilla的Firefox、MYIE、滕讯的TT等。浏览器是最经常使用到的客户端程序。 4.网页与网站 网页是Internet“展示信息的一种形式”。网页是万维网上的页面，其文件后缀名