《网站建设与网页制作教材课件汇总完整版ppt全套课件最全教学教程整本书电子教案全书教案课件合集》由会员分享，可在线阅读，更多相关《网站建设与网页制作教材课件汇总完整版ppt全套课件最全教学教程整本书电子教案全书教案课件合集（223页珍藏版）》请在金锄头文库上搜索。
1、网站建设与网页设计第一章 基础知识网站建设与网页设计普通高等教育“十二五”规划教育第一章 基础知识1.1 网站的基础知识1.2 网页的基础知识1.3 网站与网页的关系与设计原则1.1 网站的基础知识1.1.1 Internet概述l什么是InternetInternet即国际计算机互联网，在中国也称为“因特网”或“万维网”，是由符合TCP/IP等网络协议的网络组成的互联网，是目前全世界最大的网络，包含丰富多彩的信息，并提供方便快捷的服务。lInternet的组成服务器：网络中能对其它机器提供某些服务的计算机系统。客户机：用户能够在网络环境汇总工作、访问网络共享资源的计算机。网络通信协议：网络之
2、间沟通、交流的桥梁，只有相同网络协议的计算机才能进行信息的沟通与交流。目前常见的通信协议有TCP/IP、SPX/IPX、OSL、X.25、HTTP等。1.1 网站的基础知识1.1.1 Internet概述lInternet提供的服务WWW服务Gopher信息搜索文件传输电子邮件BBS服务电子商务1.1 网站的基础知识1.1.2 网站的概念和构成l什么是网站在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。实质上，网站是一种通讯工具，就像布告栏一样。l因特网与网站的关系网站是因特中信息的载体和展板。l网站的构成硬件方面：主要包括提供服务功能的服务器、网络连接设
3、备和周边设备。软件方面：主要包括操作系统、应用程序、信息服务、数据库、安全防护等。信息资源：包括文本、图形、图像和多媒体元素等。1.1 网站的基础知识1.1.3 网站的相关技术知识lIP地址与域名IP：IP地址是一种无连接的协议，其主要任务是提供网络到网络的寻址及路由信息。Internet上的每台主机(Host)都有一个唯一的IP地址。IP地址的命名：目前因特网中的IP地址命名方法有两种，一种是IPv4版，另一种是IPv6版。域名：是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位。URL URL（统一资源定位符）是全球WWW服务器
4、资源的标准寻址定位编码，俗称“网址”。URL是一个资源位置的完整描述，包括资源所在的计算机名、目录名以及文件名。1.1 网站的基础知识1.1.3 网站的相关技术知识l传播技术超链接与超文本：IP地址是一种无连接的协议，其主要任务是提供网络到网络的寻址及路由信息。Internet上的每台主机(Host)都有一个唯一的IP地址。交互技术与流媒体技术：交护技术实现了信息的互动；流媒体指在数据网络上按时间先后次序传输和播放的连续音/视频数据流，丰富了用户在使用上的操作性。l网站速度和信息量衡量网站的两个最重要技术指标就是网站速度和信息量。网站速度包括了网站传输速度和网站响应速度；信息量主要是指网站服务
5、器上存储信息内容的多少。两者之间有着密切的关系，特别是后者对前者的影响有时起着决定性的作用。1.1 网站的基础知识1.1.4 网站的传播模式和特点l网站传播模式信息的传播者与信息接收者之间的单向传递关系变为双向互动关系。传播内容不断丰富，形式多样化。l网站传播特点实时性：通过减少传统媒体在信息产品制作过程中的环节，提高信息的时效性。全球性：互联网媒体打破了传统媒体的传播范围的地域限制，其受众通过互联网遍及全世界。交互性：网站可以做到双向、多向的交流，在点点互通的情况下，传者与受者之间没有明显的界线，传者既发布讯息，又同时接受讯息。1.1 网站的基础知识1.1.5 网站分类l按服务性质分类主要包
6、括门户网站、游戏网站、搜索网站、企业网站、政府、组织网站、个人网站等。l按域名的命名方法分类l按网站的内容分类l按网站架构技术分类1.2 网页的基础知识1.2.1 网页的概念和构成l网页概念网页是一种存储在Web服务器上，通过网络进行传输，并被浏览器所解析和显示的文档类型，其内容由XHTML构成。根据内容对交互响应方式的不同，可以将网页分为静态网页和动态网页两大类。l网页构成在网页中，包括文本、图片、动画、音频、视频、超链接等元素，这些元素与网页文件是相对独立的。1.2 网页的基础知识1.2.2 网页的功能网页的主要功能就是通过网页中的不同的元素将信息传达给网站的访问者。网页是网站信息的载体，
7、通过网站可以网站所有者如企业、个人等的形象，利用不同网页制作技术设计的网页功能也各不相同。主要是两个功能。l信息传递功能l信息交互功能1.2 网页的基础知识1.2.3 网页制作工具l网页编辑工具Dreamweaver：是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具，同时集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。这也是本书主要介绍的工具。FrontPage：有良好的易用性，被认为是优秀的网页初学者的工具，但其功能无法满足更高要求。此外，还有几款常用软件：Adobe GoLive、HomeSit和Visual St
8、udio。素材处理工具Photoshop：Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。1.2 网页的基础知识1.2.3 网页制作工具l素材处理工具Flash：应用于互联网网页的矢量动画设计软件。Fireworks：Macromedia公司发布的一款专为网络图形设计的图形编辑软件，与 Macromedia Dreamweaver和 Macromedia Flash共同构成的集成工作流程可以使用户创建并优化图像，同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。l网页上传工具友好的用户界面，稳定的传
9、输速度，LeapFTP 与FlashFXP、CuteFTP堪称FTP三剑客。但是它们都各有不足，要灵活使用。1.2 网页的基础知识1.2.4 网页设计语言lHTMLHTML（超文本标识语言）是用于创建Web文档(即Homepage文档)的编程语言。HTML并不是一种标准的编程语言，它只是一些能让浏览器看懂的标记。lCSSCSS(层叠样式表）是一组格式设置规则，用于控制Web页面的外观。lJavaScriptJavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言，最初起源于LiveScript语言，使用它的目的是与HTML超文本标记语言、
10、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象，与Web客户交互作用。1.2 网页的基础知识1.2.4 网页设计语言lXML与XSLTXML即可扩展标记语言，它与HTML一样，都是标准通用标记语言。但XML与HTML又是不同的。XML是用来存储数据的，重在数据本身；而HTML是用来定义数据的，重在数据的显示模式。XSL是指可扩展样式表语言，是一种用于以可读格式呈现XML数据的语言。xsl是一种标记语言，表示如何将xml文档的内容装换成另一种形式的文档。通过为xml写xsl来使得xml显示成不同的格式。1.3 网站与网页的关系与设计原则1.3.1 网站与网页的关系l网
11、页是网站的信息载体网站是一组相关网页的集合，即若干个网页文件经过规划组织以后彼此相连而形成完整结构的信息服务系统。l网站是由不同形式的网页组成的网站是由网页构成的。网页是构成网站的基本元素，是承载各种网站应用的平台。l网页和网站是有区别的网站是有独立域名、独立存放空间的内容集合，这些内容可以是网页，也可以是程序或者其他文件，不一定要有很多网页。只要网站有独立域名和空间，只有一个网页也是网站。反过来，即使很多有网页，但没有独立域名和空间，也只能叫做网页，而不能成为网站。1.3 网站与网页的关系与设计原则1.3.2 网站设计原则l内容与形式相统一网站的形式是指网页的排版、布局、色彩和图形的运用等外
12、在视觉效果。无论采取哪种形式都不能单纯追求网页的美观而忽视了内容的建设。l定位明确在设计一个网站之前，首先要明确网站的发展方向，即网站的定位。网站定位的核心在于寻找或打造你网站的核心差异点。l导航清晰导航设计使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。l兼顾下载速度和美观在注意网站内容的同时，要考虑网络带宽的限制，保证网站的响应时间。1.3 网站与网页的关系与设计原则1.3.3 网页设计原则l布局合理网页设计中，内容组织是最重要、最影响设计品质的方面。合理的网页布局可通过构建好的CSS布局、表格布局和框架布局实现。l色彩统一网页给人的印
13、象来自于视觉，色彩代表了不同的情感，有着不同的象征含义。因此，网站的色彩相当重要。不同的色彩搭配产生不同的视觉效果，同时，网页的色彩处理一定要总体协调，使整体的色彩效果和谐。l更新维护方便访问者希望看到新鲜的内容，没有人对过时的信息感兴趣，所以网站的信息一定要注意及时性，时刻保持新鲜感是很重要的一项工作内容。谢谢！网站建设与网页设计第二章 网站规划与设计第二章 网站规划与设计2.1 网站规划2.2 网站设计2.1 网站规划2.1.1 网站规划概述网站设计首先要做好规划工作，虽然不同类型的网站规划流程有所区别，但就整体上来说还是具有一定的共性，网站规划的流程如右图所示。2.1 网站规划2.1.2
14、 方案提出网站建设方案一般要从建站目的、网站功能要求、网站定位、确定网站类型、确定网站规模、建站周期等几个方面进行阐述。l明确建站的目的对外宣传树立形象社会效益与经济效益l明确网站功能需求一般而言，网站的基本服务功能包括WEB、邮箱和FTP功能。各个网站都要根据实际建站目的完善功能。l网站定位所谓网站定位就是网站在internet上扮演什么角色，要向目标群(浏览者)传达什么样的核心概念，透过网站发挥什么样的作用。2.1 网站规划2.1.3 可行性分析 所谓可行性分析是通过对项目的主要内容和配套条件进行调查研究和分析比较，并对项目建成以后可能取得的财务、经济效益及社会环境影响进行预测，从而提出该
15、项目是否值得投资和如何进行建设的咨询意见，为项目决策提供依据的一种综合性的系统分析方法。对网站的建设的可行性分析报告的编写前，要从客观、公正的立场进行调查研究，可以从以下几个方面进行分析说明：技术可行性分析。从技术角度分析建站的可能性和必要性。运营可行性分析。对网站运营情况进行分析和预测。成本可行性分析。对维持网站正常运行及相关费用的预测分析。其他可行性分析。对与网站建设有关的问题进行可行性分析。2.1 网站规划2.1.4 制定资源分配计划l人力资源分配 建站工作都需要由一个项目小组来完成，小组成员包括系统管理人员、网站结构规划人员、网页美工设计人员、主页制作人员和网站程序开发人员。l技术资源
16、分配 网站建设的技术资源包括硬件资源、软件资源、技术资料、文档资料等内容。l资金分配 网站建站过程中常规性的费用支出大致有如下几类：网站接入、网站开发费用、网站信息维护费用、人力资源费用。在网站规划阶段，要充分考虑各个方面的费用，进行合理的资金分配，保证网站建设过程不受资金问题困扰。2.1 网站规划2.1.5 确定信息构架和内容l确定信息架构 网站的信息架构的一般包括调查、分析、设计和执行过程，它涉及到组织、标识、导航和搜索系统的设计，目的是帮助人们成功地发现和管理信息。网站可以通过好的标识系统、导航系统和搜索系统来帮助用户快速定位信息，同时便于网站的后台管理。l确定网站内容 网站内容的规划优劣直接影响到用户访问网站的频率，不同行业的企业网站页面内容不尽相同，但其主要的功能和模块却万变不离其宗。网站的建设者应该根据自己的实际情况，在网站上放置相应的主题和内容，只有内容充实且实用，才能有效的实现网站的建站目，并最终获得相应的经济效益。2.1 网站规划2.1.6 确定方案实施l确定硬件系统建站的规模和硬件投资的多少决定了硬件系统的规模和性能。硬件系统是由网站服务器、集线器、路由器、网卡、连
