网站规划与建设.ppt

《网站规划与建设.ppt》由会员分享，可在线阅读，更多相关《网站规划与建设.ppt（57页珍藏版）》请在三一文库上搜索。

1、网站规划与建设,学习网站：,为什么要学习网站规划与建设？,目标：网页设计师 早期的网页完全由程序员手工代码编写，界面枯燥、乏味。 90年代未开始，出现了“所见即所得”网页设计软件（Dirhtml FreshHTML Thinksea Frontpage dreamweaver）。这一时期很多网页设计师是平面设计师转过来的。(从HAO123被收购，你联想到了什么？) 现在：随着web标准的制定及软件的发展，要求网页设计师必须掌握一定程度的编程知识，从而实现更精妙的界面设计和良好的交互性。,HTML+dreamweaver+asp/php/jsp/.net+access/SQL server/my

2、sql,理论学习要求,第一章 全面了解网站,本章重点： 了解网站及相关概念 网站的主要类型 网站的常见风格 网站的主要功能 网站的常用技术,一、Internet的发展与现状,Internet(因特网)是世界上最大的计算机互联网 起源：1969年美国国防部高级计划局ARPA建立的计算机网络ARPAnet。（具有一定的健壮性和可扩展性，网络局部损坏不影响整个网络运作。 ） 20世纪80年代未期飞速发展 20世纪90年代，我们称为Internet时代/网络时代,Internet在我国的历程,我国加入Internet的时间：1994年4月 64Kbit/s专线接入 2006年 6月 30日，中国的上网

3、计算机总数已达 5450万台，与去年同期相比，增加了 890万台，增长率为 19.5%，是 1997年 10月第一次调查结果 29.9万台的 182.3倍。 截止到2009年3月30日，上网计算机达到1亿2630万台。,6,一、Internet的主要服务,WWW(world wide web)万维网 基于HTML（超文本标记语言），通过超链接，任何 Web页面可以相互访问。 使用格式：http:/主机地址/文件路径。 最早的www浏览器只能显示文本，随着网络技术的发展，浏览器的种类越来越多，功能也越来越强大，除了显示文本、图像、动画外，还能显示丰富的流媒体，FLASH等，并且能够提供文档下载、

4、收发邮件、处理用户表单等。,二、Internet的主要服务,FTP 用于传输文件，可以登录远程计算机将一定权限下的文件下载到本地或把本地计算机上的文件上传到远程计算机中。 使用格式：ftp:/主机地址/文件路径。,三、Internet的主要服务,E-mail 用于发送和接收电子邮件。 E-mail格式:用户名主机地址（如),四、Internet的主要服务,BBS论坛 用于发布信息和进行讨论。 Telnet 用于将本地计算机登录到远程计算机上，从而使用远程计算机的程序和数据 格式：telnet:/主机地址/文件路径,www站点的发展,www站点的发展,2009年初,互联网上已经存在有185,50

5、0,000个网站。 到2009年4月,网站数量迅速增长到231,500,000个,2019年8月2日,第13页,1.1静态网页与动态网页,静态网页 Web服务器 动态网页,静态网页,1.1 简单的HTML页面 网页标题 标题一 网页内容。 ,2019年8月2日,第15页,静态网页,通常这些网页只有HTML标记，没有其他可以执行的程序代码。 网页的内容是静态不变的 网址形式通常为： 静态网页的后缀名一般为：.htm .html .shtml .xml 使用静态网页,如果要修改网页内容，就必须修改源代码，然后重新上传到服务器上。（在网站制作和维护方面工作量较大，在功能方面也有较大的限制）,静态页面

6、工作原理,2019年8月2日,第17页,什么是动态网页,动画、Flash、applet等所谓动态网页只是视觉上的，与真正的“动态网页”是不同的概念 。示例 “动态”主要指的是“交互性” 动态网页中不仅含有HTML标记，而且含有可以执行的程序代码，动态网页能够根据不同的输入和请求动态生成返回的页面，例如常见的BBS、留言板、聊天室等就是用动态网页来实现的。 动态网页的后缀名：.aspx .asp .jsp .php等等,动态页面工作原理,动态网页和静态网页的区别：,核心区别：是否在服务器端运行！动态网页中的某些脚本只能在服务器端运行，而静态网页中的任何脚步都不能在服务器端运行。动态网页中可以同时

7、包含客户端脚本和服务器脚本，而静态网页中只能包含客户端脚本。 后缀名差别： 静态：.html .htm 动态：.asp .aspx .jsp .php等等,网站相关概念,域名：是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称。 按地理模式：例如中国是cn，美国是us，日本是jp等 按组织模式：com代表公司， net代表网络机构， org代表非盈利组织，edu 用于教育机构； gov代表政府部门；mil代表军事部门。 域名注册：从网上域名代理商处注册购买,网站的主要类型,按照语种分类：简体中文网站，繁体中文网站、英文网站、日文网站等。 按网站所有者性质分类：政府网站、

8、企业网站、个人网站、学校网站、研究机构网站等 按照行业分类：农/林/牧/渔业网站、建筑业、制造业、软件业、水利、交通、政府、教育等 按开发语言分类：纯HTML网站、ASP网站、JSP网站、PHP网站、FLASH网站等 按照网站内容更新方式类：静态网站、动态网站,网站的主要类型,按照网站作用分类：门户网站、搜索引擎、博客、社区论坛、聊天交友、音乐欣赏、电影网站、软件下载等。,网站的常见风格（风格和色彩搭配 ）,沉稳型：政府网站、科研院、教育网站等。烟台市政府门户网站 特点：沉稳、大气、庄重。 活泼型：儿童网站，动漫网站，游戏网站。梦幻西游 特点：生动、活泼 时尚型：时装网站、化妆品网站，饰品网站

9、、娱乐、交友等时尚网 典雅型：专业公司网站，设计网站、教育网站、专业艺术网站。367艺术家网 新浩艺特点：内容专业、布局合理，给人一种高雅、专业、权威的感觉。,网站的常见风格（风格和色彩搭配 ）,简约型：搜索引擎、短信网站，聊天网站，论坛等 百度 大众型：一般企业网站、购物网站、民俗网站等。深圳半导体。 综合型：各类门户网站、大型综合网站。搜狐 新浪,网站的主要功能,普通功能： 站点导航 联系方式 计数器 留言板 电子邮件,网站的主要功能,高级功能： 信息发布与维护系统 信息检索系统 在线调查 网站流量分析,网站的主要功能,特殊功能： 网上购物系统 供求信息发布系统 会员管理系统 在线招聘系统

10、 电子邮局系统 BBs论坛 聊天室等,网站常用知识,HTML：超文本标记语言Hyper Text Markup Language。它不是象 C+ 和 Java 之类的程序语言，而是一种描述性语言，一种标记语言。 ASP:全称为Active Server Pages（中文译名为活动服务器页面），是微软公司推出的用于Web应用服务的一种编程技术.采用的脚本语言： VBScript 和JavaScript,3. JSP,Java Server Pages (JSP)是一种简单易用的在服务器端编译执行的Web设计语言,Sun公司于1999年6月推出。 JSP下的编程语言是 Java。 目前，在所有软件

11、开发类人才的需求中，对Java工程师的需求达到全部需求量的60%70%。,4.PHP,P H P 是一种跨平台的服务器端嵌入式脚本语言。它大量地借用C 、J a v a 、P e r l 语言的语法，并耦合P H P 自己的特性，使We b 开发者能够快速地写出动态生成页面的脚本。 P H P 最大的特点就是它是免费的，所有的P H P 源程序、文档都可以免费地复制、编译、传递。当使用P H P 编写程序时，无需向P H P 公司支付任何版权费用，你编写的所有程序代码都属于你自己。你可以把它发布、转让。,5. ASP.NET,支持的语言有：c# Visual C+ Jscript .NET

12、微软公司很快公布了其宏伟的“Windows.NET”计划，发布了成为下一代网络服务框架的NGWS，同时将其ASP技术升级为ASP+ 2000年11月，微软公司推出Visual Studio.NET 7.0开发工具的Beta版本，将NGWS更名为.NET Framework，此时ASP+也正式改名为现在的ASP.NET。 ASP.NET与 ASP相比速度更快，功能更加强大。,编程语言排行榜,Java C C+ PHP Visual Basic C#,Asp,PHP,JSP,.Net开发语言比较,ASP.NET 的优势很明显在于它简洁的设计和实施。这是面向对象的编程人员的梦想：语言灵活，并支持复杂

13、的面向对象特性。开发效率非常高。 ASP.NET 在内存使用和执行时间方面耗费非常大。对基于 Web 的应用程序，这些局限可能是一个严重的问题，因为在 Web 上，您的应用程序可能扩展为每秒成千上万的用户。内存使用率还可能成为 Web 服务器上的一个问题。,Asp,PHP,JSP,.Net开发语言比较,目前在国内PHP与ASP应用最为广泛。而JSP由于是一种较新的技术，国内采用的较少。但在国外，JSP已经是比较流行的一种技术，尤其是电子商务类的网站，多采用JSP。 但由于PHP本身存在的一些缺点，使得它不适合应用于大型电子商务站点，而更适合一些小型的商业站点。首先，PHP缺乏规模支持。其次，缺

14、乏多层结构支持。,Asp,PHP,JSP,.Net开发语言比较,ASP和JSP则没有以上缺陷。 ASP可以通过Microsoft Windowsd的COM/DCOM获得ActiveX规模支持，通过DCOM和Transcation Server获得结构支持； JSP可以通过SUN Java的Java Class和EJB获得规模支持，通过EJB/CORBA以及众多厂商的Application Server获得结构支持。 三者中，JSP应该是未来发展的趋势。,性能比较：,对这ASP、PHP、JSP三种语言分别做回圈性能测试及存取Oracle数据库测试。 在循环性能测试中，JSP只用了令人吃惊的四秒钟

15、就结束了2000020000的回圈。而ASP、PHP测试的是20002000循环（少一个数量级），却分别用了63秒和84秒。 数据库测试中，三者分别对 Oracle 8 进行 1000 次 Insert,Update,Select和Delete： JSP 需要 13 秒，PHP 需要 69 秒，ASP则 需要 73 秒。,Web服务器及数据库的选择,Php: 标准配置Apache服务器+mySql数据库， Apache服务器是免费、开源的（源代码完全开放的）。 Asp、:IIS服务器（当今最流行的服务器）+access/sqlserver,Jsp: Resin(最快的JSP、servlet服务

16、器、开源、免费) Tomcat+Apache(是目前使用量最大的免费JAVA服务器 ,熟练安装配置Tomcat是软件测试工程师的必备技能 ) WebLogic（是业界最好的JAVA应用服务器。功能强大，收费） 数据库：access/oracal,IIS服务器,Internet Information Server（简称IIS）是Windows系统提供的一种服务，它包括WWW服务器、FTP服务器和SMTP服务器，是架设个人网站的首选。 程序运行inetmgr,Windows 2000 Server在安装的过程中会自动安装IIS 5.0，而Windows 2000 Professional和Win

17、dows XP则不会，必须用添加Windows组件的方式另行安装。下面以Windows XP为例，介绍安装IIS 5.1的过程。 1. 安装IIS 安装IIS的步骤如下： 从桌面的“开始”菜单中选择“控制面板”，打开“控制面板”。双击“添加或删除程序”图标，打开“添加或删除程序”对话框。, 用鼠标单击左边的“添加/删除Windows组件”图标，打开“Windows组件向导”(图1-12)。,图1-12 Windows组件向导,选中“组件”列表中的“Internet信息服务（IIS）”选项，单击“下一步”按钮，组件向导即开始安装所选组件。在安装向导的最后一页单击“完成”按钮，完成组件的安装。,2

18、. Internet信息服务器 在“控制面板”中双击“管理工具”图标，打开“管理工具”对话框，在其中双击“Internet信息服务”图标，打开Internet信息服务器窗口，如图1-13所示。,图1-13 Internet信息服务器窗口,3配置 IIS,虚拟目录是Web 服务器使用的逻辑目录名，与服务器上的物理目录相对应,使用 IIS 创建虚拟目录,步骤 1：在“默认 Web 站点” 中创建一个虚拟目录。,步骤 2：给出此虚拟目录的别名。,步骤 3：选择虚拟目录的位置。,步骤 4：为此目录选择适当的访问权限。,激活浏览器，在地址栏中输入本机的网址，如http:/localhost/,4. 测试

19、IIS,网站空间的确定,租用网站空间（主机）：费用低，维护量小，自主性差，适合中小规模网站。http:/ 三线空间：电信 、网通、铁通 自己架设服务器：费用高，维护复杂，完全自主，适合大型、复杂，有特殊要求的网站。,课堂练习,某小型公司，由于互联网技术的发展与自身业务的拓展，决定建设自己的网站。 公司情况： 成立不到二年，员工5-10人，主要销售电子监控类产品，销售区域主要是国内，有部分客户来自台湾。 要求：写出网站建设分步实施计划书。,分析： 确定网站域名 .com 确定网站空间 租用、300M、双线 规划与建设整个网站 培训员工，充分利用网站。（网站的使用、维护） 对外宣传公司网站，充分发

20、挥网站作用。（网站推广）,3.规划与建设整个网站,网站语种： 网站规模： 网站所有者性质定位： 网站风格： 网站功能： 网站的技术选型：,3.规划与建设整个网站,网站语种：简体中文 繁体中文 网站规模：小型网站 网站所有者性质定位：建设成典型的企业站 网站风格：大众型、 网站功能：站点导航、联系方式、留言本、计数器、电子邮件、信息发布与维护（企业动态，产品信息）、信息检索（产品搜索），网站流量分析系统、网上购物、在线招聘。 网站的技术选型：asp/php/.net,完,网页制作的基本步骤,1收集和整理资料 在制作网页前，应先收集制作时要用的文字材料、图片素材，还有用于增添页面效果的动画等，所需

21、的资料要根据需求来确定。 2制作网页 制作网页第一步，可以在草稿纸上绘制出网页的大体框架，并将收集整理的各种资料在Dreamweaver中布局，将各种元素添加到页面中。,网页制作的基本步骤,3测试站点 网站测试的内容主要包括检查目标浏览器、检测链接和创建站点报告等操作。 4发布站点 发布站点前，必须先在网上申请一个空间或自己设置一个服务器来存放网页的内容，并申请一个域名。发布网页可直接用Dreamweaver中的“发布站点”功能进行上传。对于大型站点的上传，一般都是用FTP软件，这种方法的上传下载速度都较快。 5站点维护和更新,网页中可以包含多种类型的内容，这些内容成为网页的“元素”。最基本的

22、是文字，此外，还可以使用图片、动画，以及声音、视频等多媒体文件。,网页的基本组成元素,网页设计的基本规律,商业、企业类和政府机关类网站 商业、企业：传达信息。强烈的时尚性和有效的宣传性。宝马、三联家电 政府类：简洁、大方、亲切。中央人民政府 信息、网络服务、教育类网站 信息、网络服务：提供服务。简单、明确、理性，有条理。中关村在线 教育类：校园网主页。以院校形象为主，淡雅、安静的高明度色彩。清华大学,网页设计的基本规律,休闲、时尚类网站 时尚：以女性消费品居多。高雅、华丽。时尚网 购物网站：内容繁多，结构复杂。导航明确简单。淘宝网、易趣 卡通、游戏类网站 卡通类：突出鲜明的形象。色彩丰富多彩。迪士尼 游戏类：娱乐性和趣味性。运用虚拟形象，突出视觉效果。中国游戏中心,网页设计的基本规律,电影、音乐、艺术类网站 电影类：娱乐性和视觉冲击力。营造电影院气氛，运用flash等。优酷网、土豆网 音乐类：传达抽象美，形势多种多样，要根据音乐所传达感受定夺。好听音乐网 艺术类：考虑展览品的视觉效果，背景与展品色彩反差大。cctv戏曲频道、中国雕塑网,