1网页设计与网站建设基础入门分析报告.ppt

1.6 网页色彩搭配及精美网站赏析 * * 1.6.2 精美网站赏析 1．资讯类网站 2．娱乐类网站 3．生活类网站 4．文化类网站 5．机构类网站 6．电子商务类网站 7．企业网站 图1-31　资讯类网站 1.7 上机实训——查看与分析网站 * * 通过对本例的学习，使读者学会查看和分析网站，学会应用IE浏览器查看网页中的超文本标记语言和CSS标记语言。 图1-43 查看HTML标记及CSS样式 1.8 本章小结 * * 本章主要介绍了网站建设入门的基础知识，让读者了解网站和网页的概念、网站的分类、网页的基本构成和类型，以及网站建设所需要使用的工具软件和技术，为学习网站建设、网页设计打下基础。 * * * * 第1章 初识网站 * * 主要内容 1.1网站的基本概念 1 1.2 网页设计与网站建设基础入门 2 1.3 网站开发流程 3 * * 1.4 网站页面策划与设计 4 1.5 视觉空间的构成 5 1.6 网页色彩搭配及精美网站赏析 6 1.7 上机实训——查看与分析网站 7 1.8 本章小结 8 1.1 认识网站 * * 1.1.1 什么是网站 网站是因特网上一块固定的面向全世界发布消息的地方，由域名和网站空间构成。网站页面通常包括主页和其他具有超链接功能的页面。 如今，许多公司都拥有自己的网站，并利用网站平台来进行产品宣传、资讯发布、人员招聘等。 随着网页制作技术的流行与普及，很多人也开始拥有个人主页，通常是制作者用来自我介绍、展现个性的地方。 与此同时，也涌现出一批专业企业网站制作的公司，通常这些公司的网站上提供了各种有关服务、新闻、旅游、娱乐、经济等的资讯。 1.1 认识网站 * * 1.1.2 网站的分类及特点 1.个人网站 2.企业类网站 3.娱乐休闲类网站 4.机构类网站 5.电子商务类网站 6.综合门户类网站 7.搜索引擎类网站 图1-1 个人网站 1.1 认识网站 * * 1.1.3 什么是网页 用户在访问网站时所看到的实际内容即为网页。一个网站中通常由许多的网页构成，常见的网页文件格式为HTML格式，其文件扩展名为“.html”、“.htm”、“.asp”、“.aspx”、“.php”和“.jsp”等。网页是构成网站的基本元素，而网页则是由一些基本元素构成的，包括文本、图像、超链接、表格、动画、音乐和交互式表单等。 1.1 认识网站 * * 1.1.4 网页基本构成 1.文本 2.图像和动画 3.声音和视频 4.表单 5.超链接 6.表格 7.其他元素 图1-11 网页中的表单 1.1 认识网站 * * 1.1.5 网页的类型 根据网页中的交互功能，可将网页分为静态网页和动态网页两种类型。 纯粹HTML格式的网页通常被称为“静态网页”，也就是以.htm、.html、.shtml和.xml等为后缀的文件。 “动态网页”的文件里包含了程序代码，通过后台数据库与Web服务器进行信息交互，由后台数据库提供实时数据更新和数据查询服务。 1.2 网站建设的工具软件及技术 * * 1.2.1 网页效果图设计软件 Photoshop软件是由Adobe公司推出的图像处理软件，它具有界面友好、易学易用等优点，目前已被广泛应用于印刷、广告设计、网页图像制作和照片编辑等领域。 Fireworks软件是创建、编辑和优化网页图像的多功能应用程序。 图1-12 Photoshop CS5工作界面 图1-13 Fireworks CS5 工作界面 1.2 网站建设的工具软件及技术 * * 1.2.2 网页内容编排软件 图1-14 Dreamweaver CS5工作界面 1.2 网站建设的工具软件及技术 * * 1.2.3 网页动画制作软件 图1-15 Flash CS5 工作界面 1.2 网站建设的工具软件及技术 * * 1.2.4 超文本标记语言 HTML的英文全称是HyperText Markup Language，中文通常称为“超文本标记语言”或“超文本标签语言”，是互联网上编写网页的主要语言，提供了精简而有力的文件定义，可以设计出多姿多彩的超媒体文件，通过HTTP通信协议还可以在全球互联网（World Wide Web）上进行跨平台的文件交换。 1.2 网站建设的工具软件及技术 * * 1.2.5 CSS标记语言 CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。 通过使用CSS样式设置页面的格式，可以将页面的内容与表现形式分离，将页面内容存放在HTML文档中，而用于定义表现形式的CSS规则被存放在另一个文件中或HTML文档的某一部分