网页设计 课件全套 第1--8章 初识网页设计---网页设计输出.pptxVIP

本章介绍：随着互联网市场的发展及成熟，企业对于网页设计从业人员的要求已经趋向复合型，因此想要从事网页设计行业的人员需要 系统地学习与更新自己的知识体系。本章对网页设计的相关概念、网站常用的网络术语、网页设计的基本类型、特点表现、常用软 件以及项目流程进行系统讲解。通过本章的学习，读者可以对网 页设计设计有一个系统的认识，有助于高效便利地进行后续的网 页设计工作。 掌握网页设计的相关概念明确网页设计的基本类型了解网页设计的特点表现学习目标 1.网站的概念网站英文名称“Website”，简称“Web”，是由多个网页用链接的方式组成，网站被存储在指定的网站空间，用户可以通过输入网页浏览器的网址来访问网站，获取自己需要的资讯或者享受网络服务。1.1 网页设计的相关概念网站效果图 2.网页的概念网页（Web Page）是网络中的一“页”，是构成网站的基本元素。网页的语言格式是超文本标记语言格式，文件扩展名为.html或.htm。当用户在网页浏览器输入网址后，网页文件会被传送到用户的计算机，然后再通过浏览器将网页中的元素按照特定的排列方式显示，形成平时看到的网页。1.1 网页设计的相关概念网页效果图 3. 网页设计的概念网页设计英文名称“Web Design”， 又称“Web UI design”，简称“WUI”，主要是根据企业希望向用户传递的信息，进行网站功能策划，然后从事的页面设 计美化工作，网页设计涵盖了制作和维护网站的许多不同的技能和学科，包含信 息架构设计、网页图形设计、用户界面设计、用户体验设计，品牌标识设计和 Banner设计等。1.1 网页设计的相关概念网页效果图 1.域名域名，英文全称“Domain Name”，是用户浏览网站时，在浏览器地址栏中输入的网址，常见的域名后缀有.com、.cn、.top、.top、.xyz、以及.edu等。域名后缀为.com的网站。1.2 网站常用的相关术语域名展示图 2.网站空间网站空间，英文全称“WebSite host”，又称为虚拟主机空间，是存放网站内容的空间。1.2 网站常用的相关术语网站空间 3.HTTPHTTP，英文全称“HyperText Transfer Protocol”，中文称为“超文本传输协议”， 是互联网上应用最为广泛的一种网络协议，所有的WWW文件都必须遵守这个标准。1.2 网站常用的相关术语 4.FTPFTP，英文全称“File Transfer Protocol”， 中文称为“文件传输协议”，是用于网络上进行文件传输的用户级协议。运用FTP传输工具FileZilla可以将网站传输到网络上，提供访问。1.2 网站常用的相关术语FTP界面 5.超链接超链接本质是网站中不同元素之间的连接，只有各个网页链接在一起，才能真正构成一个网站，用户则可以通过网页中的超链接进行网络畅游。其中导航栏是网站中最明显的超链接。1.2 网站常用的相关术语超链接界面 6.站点站点，英文全称“Site”，一个站点是一个网站所有内容所存放的文件夹,方便管理网站的内容。1.2 网站常用的相关术语 1.功能型网页功能型网页是实现功能的网页类型，在视觉效果之上更注重交互操作的体验，常见于电商平台网站、应用网站和管理系统网站。1.3 网页设计的基本类型淘宝网页QQ音乐网页 2.展示型网页展示型网页即展示商业公司、政府单位、非赢利机构等组织形象的网页，常见于官方展示型网站。1.3 网页设计的基本类型北京博物馆网页中粮网页 3.信息型网页信息型网页即信息集合的网页，向用户提供专业的行业讯息，常见于门户网站和专业网站。1.3 网页设计的基本类型网易严选网页视觉中国网页 网页设计虽然也需要字体设计和版式设计，但和传统的平面设计还是有很大的不同。具体表现在媒体综合艺术独特技术多元交互丰富1.4 网页设计的特点表现 1.使用软件进行网页设计的常用软件包括思维导图、交互设计、界面设计、动画效果以及代码编辑这五类。1.5 网页设计的必备技能网页设计的常用软件 2.脚本语言网站的实现需要HTML、CSS和JavaScript三种技术。其中HTML 负责定义网页内容的含义和结构，CSS负责描述网页的表现与展示效果，JavaScript负责处理网页的功能与行为。而HTML5和CSS3分别是最新的HTML标准和CSS技术的升级版本。1.5 网页设计的必备技能HTML技术CSS技术JavaScript技术 掌握网页设计的项目流程，是网页设计师的重要能力。网页设计的项目流程可以按照网站策划、资料搜集、交互设计、界面设计、网站制作、测试发布的步骤来进行。1.6 网页设计的项目流程 本章介绍：学习网页设计的基本规范是进行网页设计工作的重要基础，遵循网页设计的规范与规则可以保证网页设计的可行性与可用性。本章对网页设计的设计单位、