网页设计入门篇课件.ppt

1、网页设计师应用教程什么叫做Internet？Internet是全球范围内的，开放的，由众多网络互连而成的计算机网络，也称为因特网。Internet就是互联网，是用于连接各个计算机平台的网络。Internet本身可以提供多种网络服务，Web服务就是其中的一种。HTML是用来制作网页的计算机语言，使用该语言可以制作用于浏览的网页或网站。Internet提供的网络服务什么是Web服务?什么是网页？什么是html?什么是超级链接？常见的域名类型：域名域名解释解释.info 提供信息服务的企业.com商业公司.cc全球性国际顶级域名（用于商业领域）.net网络服务商.name适用于个人注册.edu教育机

2、构.biz 网络商务向导，适用于商业公司.org非赢利组织.tv 全球性国际顶级域名（用于视听、电影、电视、广播等）：.gov政府机构.cn中国顶级域名.Mil军事部门.mobi手机域名IP地址的工作机制？一、网页的布局在网页布局过程中，应该遵循的原则有：对称平衡、异常平衡及对比、凝视和空白等。一般来说，网页的布局有下面几种常见的结构。型结构布局 T型布局 “三”型布局 网页的布局网页的布局网页布局网页布局大致可分为：大致可分为：“国国”字型字型 (例如：例如：CCTVCCTV网站网站）拐角型拐角型 （例如：（例如：TCSZTCSZ网站网站 例：例：左右框架型左右框架型 （例如：雅虎网站）（例

3、如：雅虎网站）上下框架型上下框架型 （上下分为两页的框架）（上下分为两页的框架）综合框架型综合框架型 （例如：新浪网、搜狐网）（例如：新浪网、搜狐网）封面型封面型 （一般由标题和图片构成（一般由标题和图片构成 ）FlashFlash型型 （功能强大、信息丰富、视觉（功能强大、信息丰富、视觉及听觉效果强大的相当于多媒体。）及听觉效果强大的相当于多媒体。）变化型变化型 （即上面几种类型的结合与变化）（即上面几种类型的结合与变化）二、站点规划与设计流程图层 1、决定站点目标（确定它将提供什么样的服务）2、选择目标群众3、为兼容的浏览器创建站点4、组织站点结构5、创建设计图6、设计导航图7、计划和收集

4、资源1.5 1.5 网页制作的基本步骤网页制作的基本步骤1.5.1 1.5.1 整体规划整体规划 进行网站的整体规划也就是组织网站的内容和进行网站的整体规划也就是组织网站的内容和设计其结构。网页制作者在明确网页制作的目的及要设计其结构。网页制作者在明确网页制作的目的及要包括的内容之后，接下来就应该对网站进行规划，以包括的内容之后，接下来就应该对网站进行规划，以确保文件内容条理清楚、结构合理，这样不仅可以很确保文件内容条理清楚、结构合理，这样不仅可以很好地体现设计者的意图，也将使网站可维护性与可扩好地体现设计者的意图，也将使网站可维护性与可扩展性增强。展性增强。主 页页面1页面2页面3页面4页面

5、5页面6页面7一级标题二级标题图1.8 层状结构default.html index.html homepage主页的命名主 页页面1页面2页面3图1.9 线性结构主 页页面1页面2页面3页面4页面5页面7页面8一级标题二级标题图1.10 Web结构页面6三、主页的基本制作流程 1、指定网页标题2、采集网页内容3、准备网页图片4、设定网页框架5、设定网页背景6、创建其他页面元素 宣传自己的网站宣传自己的网站如何让网站地址让别人知道，方法有二：如何让网站地址让别人知道，方法有二：1 1、用专门的软件，可以将网站登录到各大搜索引擎。用专门的软件，可以将网站登录到各大搜索引擎。2 2、手工登录。如打开手工登录。如打开百度（百度（）,在下面有个在下面有个链接链接“网站登录网站登录”，点击后会被要求填写网站地址、名称、，点击后会被要求填写网站地址、名称、内容等，然后就被收入百度的搜索引擎了，这样别人就可以内容等，然后就被收入百度的搜索引擎了，这样别人就可以搜索到你的网站了。搜索到你的网站了。五、思考主页的基本制作流程主要有哪些。网页的命名应遵循哪些基本原则。本章小结：掌握制作一个主页的基本工作流程。熟悉网页内容的规划方法、设计网页布局等。熟悉站点规划与设计流程、创建设计图。