1网页设计与网站建设基础入门

第第页1网页设计与网站建设基础入门第1章初识网站

1

2022年8月26日9时21分

主要内容123456782

1.1网站的基本概念1.2网页设计与网站建设基础入门1.3网站开发流程1.4网站页面策划与设计1.5视觉空间的构成1.6网页色调搭配及精致网站赏析1.7上机实训——查看与分析网站1.8本章小结

2022年8月26日9时21分

1.1认识网站1.1.1什么是网站网站是因特网上一块固定的面对全世界发布消息的地方，由域名和网站空间构成。网站页面通常包括主页和其他具有超链接功能的页面。如今，很多公司都拥有自己的网站，并利用网站平台来进行产品宣扬、资讯发布、人员聘请等。随着网页制作技术的流行与普及，许多人也开始拥有个人主页，通常是制用来自我介绍、呈现性格的地方。与此同时，也涌现出一批专业企业网站制作的公司，通常这些公司的网站上提供了各种有关服务、新闻、旅游、娱乐、经济等的资讯。

3

2022年8月26日9时21分

1.1认识网站1.1.2网站的分类及特点1.个人网站2.企业类网站3.娱乐休闲类网站4.机构类网站5.电子商务类网站6.综合门户类网站7.搜寻引擎类网站

图1-1个人网站

4

2022年8月26日9时21分

1.1认识网站1.1.3什么是网页用户在访问网站时所看到的实际内容即为网页。一个网站中通常由很多的网页构成，常见的网页文件格式为HTML格式，其文件扩展名为“.html”、“.htm”、“.asp”、“.asp*”、“.php”和“.jsp”等。网页是构成网站的基本元素，而网页那么是由一些基本元素构成的，包括文本、图像、超链接、表格、动画、音乐和交互式表单等。

5

2022年8月26日9时21分

1.1认识网站1.1.4网页基本构成1.文本2.图像和动画3.声音和视频4.表单5.超链接6.表格7.其他元素

图1-11网页中的表单

6

2022年8月26日9时21分

1.1认识网站1.1.5网页的类型依据网页中的交互功能，可将网页分为静态网页和动态网页两种类型。纯粹HTML格式的网页通常被称为“静态网页”,也就是以.htm、.html、.shtml和.*ml等为后缀的文件。“动态网页”的文件里包含了程序代码，通过后台数据库与Web服务器进行信息交互，由后台数据库提供实时数据更新和数据查询服务。

7

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.1网页效果图设计软件Photoshop软件是由Adobe公司推出的图像处理软件，它具有界面友好、易学易用等优点，目前已被广泛应用于印刷、广告设计、网页图像制作和照片编辑等领域。Fireworks软件是创建、编辑和优化网页图像的多功能应用

程序。

图1-12PhotoshopCS5工作界面

图1-13FireworksCS5工作界面

8

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.2网页内容编排软件

图1-14DreamweaverCS5工作界面

9

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.3网页动画制作软件

图1-15FlashCS5工作界面

10

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.4超文本标记语言HTML的英文全称是HyperTe*tMarkupLanguage,中文通常称为“超文本标记语言”或“超文本标签语言”,是互联网上编写网页的主要语言，提供了精简而有力的文件定义，可以设计出多姿多彩的超媒体文件，通过HTTP通信协议还可以在全球互联网(WorldWideWeb)上进行跨平台的文件交换。

11

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.5CSS标记语言CSS(CascadingStyleSheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规章，用于掌握Web页面的外观。通过运用CSS样式设置页面的格式，可以将页面的内容与表现形式分别，将页面内容存放在HTML文档中，而用于定义表现形式的CSS规章被存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分别，不仅可以使维护站点的外观更加简单，还可以使HTML文档代码更加简练，缩短阅览器的加载时间。

12

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.6网页脚本程序语言JavaScript是一种基于对象和事项驱动并具有安全性能的脚本语言，利用JavaScript程序可以使页面更加生动、活泼，以小的程序量完成大的功能。运用它的目的是与超文本标识语言、JavaScript语言一起实现在一个网页中链接多个对象，与网络客户交互，从而可以开发客户端的应用程序。它是通过嵌入或调入到标准的HTML语言中实现的。

13

2022年8月26日9时21分

1.2网站建设的工具软件及技术1.2.7动态网站编程语言动态网页是与静态网页相对应的，网页URL的后缀不是以.htm、.html、.shtml、.*ml等静态网页的常见动态网页制作形式存在的，而是以.asp*、.asp、.jsp、.php、.perl、.cgi等形式为后缀的。常见的动态网站编程语言有ASP、PHP、JSP、等。

14

2022年8月26日9时21分

1.3网站开发流程1.3.1网站整体规划对网站的整体风格和特色做出定位，可以从以下几个方面考虑。(1)明确建立网站的目的：是宣扬产品、进行电子商务还是建立行业性网站？是企业需要还是市场需求?(2)整合公司资源，确定网站的类型：产品宣扬、网上营销、客户服务、电子商务。(3)当

前网站的规模及其扩展性。

15

2022年8月26日9时21分

1.3网站开发流程1.3.2收集、整理网站资源重要的文本重要的图像库文件Flash等多媒体元素

16

2022年8月26日9时21分

1.3网站开发流程1.3.3设计网页效果图网页效果图设计是网站规划中的一个特别重要的环节。网页的设计包括网站的LOGO设计、网页的布局设计、网页的色调搭配和网站的字体等。

图1-16Photoshop中设计的网页效果图172022年8月26日9时21分

1.3网站开发流程1.3.4编辑、制作网页设计完网页效果图后，通常需要将网页效果图中要作为网页图像的部分图像切片导出，然后根据规划逐步制作网页。编辑制作网页是一个繁复而细致的过程，肯定要根据先大后小、先简约后繁复的顺次来进行制作。

图1-17运用Dreamweaver编辑、制作网页

18

2022年8月26日9时21分

1.3网站开发流程1.3.5开发动态网站模块页面设计制作完成后，假如还需要动态功能，就需要开发动态功能模块。网站中常用的功能模块有新闻发布系统、搜寻功能、留言板、产品展示管理系统、在线调查系统、在线购物、会员注册管理系统、聘请系统、统计系统、留言系统、论坛及谈天室等。

图1-18在线购物网站

19

2022年8月26日9时21分

1.3网站开发流程1.3.6申请域名和空间域名是企业或事业单位在因特网上进行相互联络的网络地址。在网络时代，域名是企业、机构进入因特网必不可少的身份认证。域名是由一串用“.”分隔的名称组成的因特网上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位(有时也指地理位置)。目前，域名已经成为互联网的品牌、网上商标爱护必备的产品之一。

20

2022年8月26日9时21分

1.3网站开发流程1.3.7网站测试及维护(1)制订网站改版计划，实时更新网页内容：站点信息的不断更新，让阅览者了解企业的进展