项目一了解网页基础（课件）- 高一《网页设计与制作》同步教学（机工版·2018）

项目一 了解网页基础 > （注：一个ppt制作以一个项目为单位，ppt中呈现本项目 的主要知识点、案例及练习题） = = 任务一 认识网页、了解网站 = 网页定义 网页元素 网站定义 网站分类 = 本节提纲 = 网页定义 网页(web)是网站上的某一个页面，是万维网中的一“页”，它是一个纯文本文件，是向访问者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。 = 4 网页元素 文本 声音 视频 图像 动画 = 网页元素 文本 网页中的信息以文本为主。文本一直是人类最重要的信息载体与交流工具，网页中的信息也以文本为主。文本在网页中的主要功能是显示信息和超级链接 图像 图像的功能：提供信息、展示作品、装饰网页、表现风格和超级链接。网页中使用的图像主要是GIF、JPEG、PNG等格式。 动画 在网页中使用动画的功能是：提供信息、展示作品、装饰网页、动态交互，可以有效地引起浏览者的注意，比静止的图像更具有吸引力。在网页中使用较多的是GIF动画和Flash动画。 。 = 网页元素 声音 声音是多媒体网页的一个重要组成部分。在网页中添加声音，能丰富浏览者的感官体验，进而延长浏览者在网页的停留时间，以此达到商业目的或其他目的。用于网络的声音文件格式非常多，常用的是MIDI、WAV、MP3和AIF等。 视频 视频文件的采用让网页变得非常精彩而且有动感。网络上的许多插件也使向网页中插入视频文件的操作变得非常简单。常见的格式有RealPlayer、MPEG、AVI和DivX等。 。 = 网站定义 网站(Website)是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 = 9 交易类网站 互动游戏类网站 有偿资讯类网站 咨讯类网站 功能型网站 综合类网站 办公类网站 根据网站所提供的服务分类 网站定义 = 网站分类 交易类网站 互动游戏类网站 有偿资讯类网站 咨讯类网站 资讯类网站 这类网站以提供信息为主要目的，其网站投资者的主要目的是在互联网上建立一个宣传册，不要求实现业务或工作逻辑。目前大部分的政府和企业网站都属于这类网站。 代表网站：政府网站 交易类网站 就是人们通常所理解的电子商务网站。这类网站是以实现交易为目的，以订单为中心的。商品如何展示；订单如何生成；订单如何执行是这类网站必须具备的功能。 代表网站：淘宝、京东等 = 资讯类网站代表 交易类网站代表 网站分类 交易类网站 互动游戏类网站 有偿资讯类网站 咨讯类网站 互动游戏类网站 这是近年来国内逐渐风靡起来的一种网站。其代表有网站有传奇、仙剑情缘、联众等。这类网站的投入是根据所承载游戏的复杂程度来定。 代表网站：魔兽世界 有偿资讯类网站 与资讯类网站相似，这类网站也是以提供资讯为主。所不同的是它们提供的资讯是要求有直接回报的，就因为这一点，这类网站都有一个业务模型。通常的做法是要求访问者或按次，或按时间，或按量付费。 代表网站：101网校 = 互动游戏类网站代表 有偿资讯类网站代表 网站分类 功能型网站 这类网站的特点是将一个具有广泛需求的功能扩展开来，开发一套强大的支撑体系，将该功能的实现推向极值。看似简单的页面实现，却往往需要相当惊人的投入。 代表网站：百度 综合类网站 这类网站可以把它看成一个网站服务的大卖场，不同的服务由不同的服务商去提供。这类网站的首页在设计时都尽可能把所能提供的服务都包含进来，一般看起来非常拥挤 代表网站：新浪 综合类网站 办公类网站 功能型网站 办公类网站 目前很多单位的内联网网站还应该算作资讯类网站，如果它们加上一个多级的权限控制功能，向服务于一种办公管理方式的方向发展，就会变成这种办公类网站。 代表网站：清华同方 = 功能类网站代表 综合类网站代表 办公类网站代表 自主练习 = 网页名称 网页元素 淘宝网   京东商城   1号店   苏宁电器   请浏览以下网页，记录这些网页中都包含了哪些元素。 【练习1】 请浏览以下类型网站的代表网站，并将这些网站的首页 以截图的形式保存下来。 【练习2】 网站类型 网页截图 有偿咨讯类网站   功能型网站   综合类网站   办公类网站   任务二 了解网页制作方法 = 代码制作网页 软件制作网页 HTML 网页制作软件 = 本节提纲 = 代码制作 网页 网页是由HTML语言构建的，所以早期最基本的制作网页方法就是用文本编辑程序，比如记事本编