《网页设计与制作（活页式）》 课件 项目1 网页设计与制作.pptx

网页设计与制作项目一网页基础N

知识目标了解网页基础知识熟悉网页设计语言掌握网页制作工具的使用方法

1.1.1认识网页与网站任务1.1〓信息与信息技术网页的概念：网页是Internet中基本的信息单位，是由超文本标记语言（HyperTextMarkupLanguage，HTML）或者其他语言编写的。中国知网：/

1.1.1认识网页与网站任务1.1〓信息与信息技术网站概念：网站是一个或多个网页的集合。网站是指通过浏览器在Internet上访问的页面。网站可以用于发布自己想要公开的信息，也可以用于提供相关的网络服务，同样可以获取自己需要的信息或者享受网络服务。网站设计者先将整个网站结构规划好，然后分别制作各个网页，大多数网站都会为浏览者提供一个主页，最后将其他网页与主页链接起来。中国大学MOOC：/

1.1.1认识网页与网站任务1.1〓信息与信息技术序号特点含义1图形化的界面网页能同时显示色彩丰富的图形和文本，可以提供将图形、音频和视频等集于一体的信息资源。2兼容的系统平台网页可以兼容多个系统平台，如Windows、UNIX、Macintosh、Android等，系统平台不影响用户通过Internet访问网页。3交互式的操作在用户向Web提出请求后，Web会提供用户需要的信息。4分布式的存储在网络中有大量的图形、音频和视频信息，这会占用相当大的磁盘空间，不可能将所有的信息都存储在一起，只能将其存放在不同的站点中。服务器会根据查询的情况选择需要读取的信息。网页的特点5信息的时效性Web站点上的信息是动态的、经常更新的，一般信息站点都会保证信息的时效性。

1.1.1认识网页与网站任务1.1〓信息与信息技术网站分类：网站有很多不同的分类方法，例如，按照其使用的技术可分为静态网站和动态网站；按照网站的性质可以分为企业网站、政府网站、教育网站和个人网站；按照网站的作用可以分为搜索引擎网站、社区论坛网站、在线翻译网站、软件下载网站和音乐欣赏网站等。直观的网站分类方法是按网站的主题进行分类。主题是网站的题材，它决定网站的内容，体现网站代表的形象。一般常见的题材有公司企业、休闲娱乐、教育培训、电脑网络、文化艺术、交通旅游等，而每一个题材又可以继续划分。

1.1.1认识网页与网站任务1.1〓信息与信息技术序号特征含义1网页相互链接网站是由多个网页相互链接组成的，建设网站就是制作网页。在所有的网页中，网站的主页是整个网站中最重要的。2网站标志任何网站都有自己的网站标志，而且都力求自己的网站标志与众不同，一个好的网站标志通常具有朗朗上口的名字和醒目的图形特征。3风格统一网站虽然有很多网页，但是作为一个整体来讲，它必须有一个统一的风格。主页是网站重要的网页，它的风格往往决定了整个网站的风格。4网页导航网页导航是一个网站非常重要的组成部分，也是衡量一个网站是否优秀的主要标准。便捷的网页导航能够帮助用户以较快的速度找到自己需要的网页。网页导航常用的实现方法是导航条。网站的特征

1.1.1认识网页与网站任务1.1〓信息与信息技术序号特征含义5分层的栏目组织网站的层次型组织方法是将网站的内容分成若干个大栏目，再将大栏目分成若干个小栏目，小栏目还可以分成若干个更小的栏目。6切合主题的内容任何网站都有自己的网站标志，而且都力求自己的网站标志与众不同，一个好的网站标志通常具有朗朗上口的名字和醒目的图形特征。7网站交互栏目网站是一个开放的环境，除发布信息外，还有一个非常重要的功能就是收集用户的信息，与用户进行交互，如账号注册、电子邮件、留言板、信息查询等。8域名在Internet上发布的任何网站都有自己的域名，如中国知网的域名为“/”。网站的特征

1.1.2网页的组成元素任务1.1〓信息与信息技术网页的组成元素含义文本文本是指网页中叙述性的文字。图像图像是指网页中插入的具有说明性的图片。GIF、JPEG、BMP、TIFF和PNG等格式的图像文件动画在网页中使用的动画主要有GIF和Flash两种方式音频网络的音频文件格式很多，常用的有MP3、MIDI、WAV等视频常见的视频文件格式有MP4和FLV新华网：/index.htm

1.1.3静态网页和动态网页任务1.1〓信息与信息技术静态网页：静态网页使用HTML语言，每个网页都有一个固定的URL（UniformResourceLocators，统一资源定位符），以.htm、.html、.shtml等常见形式为后缀。静态网页中包含文本、图像、动画、音频、视频等网页元素。静态网页的交互性较差，在功能方面有较大的限制。静态网页可以出现各种动态的效果，如GIF格式的动画、Flash、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

1.1.3静态网页和动态网页任务