一章网页设计基础ppt课件.ppt
第一章 网页设计基础,韦妍,网页设计与制作,第一章 网页设计基础,掌握制作网页的基本步骤,教学任务,掌握网页的相关概念,掌握网站的相关概念,1,2,3,第一章 网页设计基础,3,1.1网页的相关概念,1、什么是万维网(1)万维网也称做 WWW,是 World Wide Web(全球 信息网)的缩写。万维网提供了非常丰富的信息,各种信息按不同的类型以网页文件的形式分别存放在万维网服务器上,供人们选择查阅。(2)万维网 WWW 制定了一套标准,有容易掌握的超文本 HTML、统一的资源定位器 URL 和超文本传输协议(HyperText Transfer Protocol,HTTP)。,第一章 网页设计基础,1.1网页的相关概念,1、什么是万维网(3)浏览 WWW 必须通过浏览器来完成。浏览器是用来访问 Internet 的超文本技术,是使用最广泛的网络软件,它可以提供包括 WWW 的浏览、搜索、网络资讯的打印和收发 E-mail 的功能。(4)在浏览器中,比较有代表性的有 IE(Internet Explorer)、Netscape 和 Opera 等。还有国内腾讯公司的TT浏览器。,第一章 网页设计基础,5,1.1网页的相关概念,2、网页(1)网页的定义 在网上浏览时看到的一个个页面就是网页。(2)网页的分类 按网页在一个站点中所处的位置可将其分为主页和内页(分支页面),主页是指进入一个站点时看到的第一页,内页(分支页面)是指与主页相链接的页面。按网页的表现形式可将网页分为静态网页和动态网页。,第一章 网页设计基础,6,第一章 网页设计基础,1.1网页的相关概念,2、网页(3)网页的基本元素 虽然网页的形式和内容多种多样,但构成网页的基本元素大体相同,主要包括标题、网站LOGO,导航、超链接、广告栏、文本、图片、动画、视频和音频。,第一章 网页设计基础,1.1网页的相关概念,2、网页(4)网页的布局类型 网页是构成网站的基本元素,一个网页是否精彩与网页布局有着重要关系,常见的网页布局类型有“国”字型、“匡”字型、“三”字型和“川”字型等。,第一章 网页设计基础,1.1网页的相关概念,(4)网页的布局类型“国”字型,第一章 网页设计基础,(4)网页的布局类型“匡”字型,1.1网页的相关概念,第一章 网页设计基础,(4)网页的布局类型“三”字型,1.1网页的相关概念,第一章 网页设计基础,(4)网页的布局类型“川”字型,1.1网页的相关概念,第一章 网页设计基础,1.1网页的相关概念,2、网页(5)制作网页的过程 制作一个网页包括准备素材、插入文字图像等元素、建立超级链接、在浏览器中预览网页、文件管理等步骤。使用dreamwear的所见即所得功能,可以很方便地制作一个网页,并可以在浏览器中预览所制作的网页。,第一章 网页设计基础,14,(1)网站的定义 通常把一系列在逻辑上可以视为一个整体的页面称做 网站,或者说网站就是一个相互链接的网页集合,它 们可以共享。网站的概念是相对的,大网站(例如“雅虎网”和“新浪网”),页面很多,而且位于多台服 务器上;小网站可以是一些个人网站,可能只有几个网页,仅在一台服务器上占据很小的空间。,1.2网站的相关概念,第一章 网页设计基础,15,1.2网站的相关概念,(2)网站的标准色彩 标准色彩用于网站的标志、标题、主菜单和主色块。网站给人的第一印象是色彩感觉,确定网站的标准色 彩是相当重要的一步。在进行设计时可以参考相关的 同类网站或其他网站,如IBM用深蓝色、肯德基用红色、微软用钴蓝色和新浪用黄色等。,第一章 网页设计基础,1.3网页制作基本步骤,网页制作基本步骤 收集整理资源规划站点内容并创建站点制作网页测试站点发布站点站点维护、更新,Thank You!,网页设计与制作,