Dreamweaver CS6网页设计立体化教程（双色微课版）全套PPT课件.pptx

第1章?DreamweaverCS6网页制作基础DreamweaverCS6网页设计立体化教程（微课版）高等教育立体化精品系列规划教材

1.1课堂案例：赏析购物网站1.2课堂案例：创建“千履千寻”公司站点内容导航1.1.1网站概述1.1.2网页常用术语1.1.3网页色彩搭配1.1.4HTML标记语言1.1.5常用网页制作软件—DreamweaverCS61.1.6从结构、内容和形式上赏析网站1.3项目实训1.4课后练习1.5技巧提升

1.1.1网站概述互联网是由成千上万个网站组成，而每个网站又是由诸多网页构成，因此可以说网站是由网页组成的一个整体。1.网站和网页的关系网站网页在Internet中根据一定规则，使用HTML等工具制作的用于展示特定内容的相关网页集合。通常网站的作用是发布资讯或提供相关服务。网页是Internet中的页面，在浏览器的地址栏中输入网站地址打开的页面就是网页，网页是构成网站的基本元素，是网站应用平台的载体。

1.1.1网站概述门户网站个人网站企业网站专业网站网站是多个网页的集合，按网站内容可将网站分为5种类型：门户网站、企业网站、个人网站、专业网站、职能网站。2.网站的类型职能网站

1.1.1网站概述根据分类的依据不同，可以将网页分为不同的类型。3.网页的类型按位置分类按表现形式分类按网页在网站中的位置可将其分为主页和内页，主页是指网站的主要导航页面，一般是进入网站时打开的第一个页面，也称为首页；内页是指与主页相链接的页面，也就是网站的内部页面。按网页的表现形式可将网页分为静态网页和动态网页。静态网页是指用HTML语言编写的，实际存在的网页文件，它无法处理用户的信息交互过程，其后缀名为.html或.htm。动态网页是使用ASP、PHP、JSP和CGI等程序生成，常与数据库结合使用，使网页产生动态效果，可以处理复杂用户信息的交互过程，其后缀名为.asp、.php、.jsp。

1.1.1网站概述网站结构的设计与规划，对整个网站的最终呈现效果起着至关重要的作用，它不但直接关系到页面结构的合理性，同时还在一定程度上映射出该网站的类型定位。4.网站的结构国字型是最常见的一种布局方式，其上方为网站标题和广告条，中间为正文，左右分列两栏，用于放置导航和工具栏等，下方是站点信息。国字型01这种结构的布局方式比较简单，主要用于突出需要表达的重点，通常最上方为通栏的标题和导航条，下方是正文部分。标题正文式03与“国字型”相似，上方为标题和广告条，中间左侧较窄的一栏放超链接一类的功能，右侧为正文，下面为站点信息。拐角型02常用于显示宣传网站首页，常以精美大幅图像为主题，设计方式多为Flash动画。封面式04

1.1.1网站概述文本、图像、超链接和音视频等元素是构成网页的基本元素，通过这些元素的组合，能够将网页制作成各种不同类型、风格的页面。5.网页的基本构成元素具有体积小，网络传输速度快等特点，可使用户更方便地浏览和下载文本信息，是网页最主要的基本元素，也是页面中最主要的信息载体。文本图像比文本更加生动和直观，可以传递一些文本不能表达的信息，具有强烈的视觉冲击力。网页中的网站标识、背景、链接等都可以是图像。图像指定从一个位置跳转到另一个位置，可以是文本链接、图像链接、锚链接等。超链接可以在当前页面中进行跳转，也可以在页面外进行跳转。超链接可使网页效果多样化，网页中常用的音乐格式有mid、mp3。其中mp3为压缩文件，其压缩率非常高，音质也不错，是背景音乐的首选。音频网页中的视频文件一般为flv格式，它是一种基于FlashMX的视频流格式，具有文件小、加载速度快等特点，是网络视频格式的首选。视频网页中常用的动画格式主要有gif动画和swf动画。gif动画是逐帧动画，，而swf动画则更富表现力和视觉冲击力，还可结合声音和互动功能。动画

1.1.2网页常用术语网页设计有其专业的常用术语，如Internet、WWW、浏览器、URL、IP、域名、HTTP、FTP、站点、发布、超链接、导航条、客户机和服务器等，作为一名网页设计师，必须熟练掌握这些常用术语。InternetWWW又名互联网或因特网，由各种不同类型的计算机网络连接起来的全球性网络。是“WorldWideWeb，万维网”的缩写，简称Web，其功能是让Web客户端（常用浏览器）访问Web服务器中的网页。浏览器将Internet中的文本文档和其他文件翻译成网页的软件，通过浏览器可以快捷地获取Internet中的内容。常用的浏览器有InternetExplorer、Firefox、Chrome等。URL统一资源定位符，指定通信协议和地址，如“”是一个URL，“http://”表示