《jgy网站规划与建设第一章pptPowerPoint》由会员分享，可在线阅读，更多相关《jgy网站规划与建设第一章pptPowerPoint（57页珍藏版）》请在金锄头文库上搜索。
1、网站规划与建设网站规划与建设学习网站：为什么要学习网站规划与建设？为什么要学习网站规划与建设？l目标：网页设计师l早期的网页完全由程序员手工代码编写，界面枯燥、乏味。l90年代未开始，出现了“所见即所得”网页设计软件（Dirhtml FreshHTML Thinksea Frontpage dreamweaver）。这一时期很多网页设计师是平面设计师转过来的。(从HAO123被收购，你联想到了什么？)l现在：随着web标准的制定及软件的发展，要求网页设计师必须掌握一定程度的编程知识，从而实现更精妙的界面设计和良好的交互性。HTML+dreamweaver+asp/php/jsp/.net+ac
2、cess/SQL server/mysql理论学习要求理论学习要求第一章第一章 全面了解网站全面了解网站l本章重点：l了解网站及相关概念l网站的主要类型l网站的常见风格l网站的主要功能l网站的常用技术一、一、Internet的发展与现状的发展与现状lInternet(因特网)是世界上最大的计算机互联网l起源：1969年美国国防部高级计划局ARPA建立的计算机网络ARPAnet。（具有一定的健壮性和可扩展性，网络局部损坏不影响整个网络运作。 ）l20世纪80年代未期飞速发展l20世纪90年代，我们称为Internet时代/网络时代Internet在我国的历程在我国的历程l我国加入Internet
3、的时间：1994年4月 64Kbit/s专线接入l2006年 6月 30日，中国的上网计算机总数已达 5450万台，与去年同期相比，增加了 890万台，增长率为 19.5%，是 1997年 10月第一次调查结果 29.9万台的 182.3倍。 l截止到2009年3月30日，上网计算机达到1亿2630万台。6一、一、Internet的主要服务的主要服务1.WWW(world wide web)万维网l基于HTML（超文本标记语言），通过超链接，任何 Web页面可以相互访问。l使用格式：http:/主机地址/文件路径。l最早的www浏览器只能显示文本，随着网络技术的发展，浏览器的种类越来越多，功能
4、也越来越强大，除了显示文本、图像、动画外，还能显示丰富的流媒体，FLASH等，并且能够提供文档下载、收发邮件、处理用户表单等。二、二、Internet的主要服务的主要服务2.FTPl用于传输文件，可以登录远程计算机将一定权限下的文件下载到本地或把本地计算机上的文件上传到远程计算机中。l使用格式：ftp:/主机地址/文件路径。三、三、Internet的主要服务的主要服务3.E-maill用于发送和接收电子邮件。lE-mail格式:用户名主机地址（如)四、四、Internet的主要服务的主要服务4.BBS论坛l用于发布信息和进行讨论。5.Telnetl用于将本地计算机登录到远程计算机上，从而使用远
5、程计算机的程序和数据l格式：telnet:/主机地址/文件路径www站点的发展站点的发展年份站点数目19936271994超过1万1996超过60万1997超过160万1999超过950万2006年3月超过8000万www站点的发展站点的发展l2009年初,互联网上已经存在有185,500,000个网站。l到2009年4月,网站数量迅速增长到231,500,000个Saturday, July 20, 2024第13页1.1静态网页与动态网页静态网页与动态网页 l静态网页lWeb服务器 l动态网页 静态网页静态网页1.1 简单的HTML页面 网页标题 标题一网页内容。 Saturday, Ju
6、ly 20, 2024第15页静态网页静态网页l通常这些网页只有HTML标记，没有其他可以执行的程序代码。l网页的内容是静态不变的l网址形式通常为： l静态网页的后缀名一般为：.htm .html .shtml .xmll使用静态网页,如果要修改网页内容，就必须修改源代码，然后重新上传到服务器上。（在网站制作和维护方面工作量较大，在功能方面也有较大的限制）静态页面工作原理 Saturday, July 20, 2024第17页什么是动态网页什么是动态网页l动画、Flash、applet等所谓动态网页只是视觉上的，与真正的“动态网页”是不同的概念 。示例l“动态”主要指的是“交互性” l动态网页
7、中不仅含有HTML标记，而且含有可以执行的程序代码，动态网页能够根据不同的输入和请求动态生成返回的页面，例如常见的BBS、留言板、聊天室等就是用动态网页来实现的。l动态网页的后缀名：.aspx .asp .jsp .php等等动态页面工作原理 动态网页和静态网页的区别：动态网页和静态网页的区别：l核心区别：是否在服务器端运行！动态网页中的某些脚本只能在服务器端运行，而静态网页中的任何脚步都不能在服务器端运行。动态网页中可以同时包含客户端脚本和服务器脚本，而静态网页中只能包含客户端脚本。l后缀名差别： 静态：.html .htm 动态：.asp .aspx .jsp .php等等 网站相关概念网
8、站相关概念l域名域名：是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称。l按地理模式：例如中国是cn，美国是us，日本是jp等l 按组织模式：com代表公司， net代表网络机构， org代表非盈利组织，edu 用于教育机构； gov代表政府部门；mil代表军事部门。l域名注册：从网上域名代理商处注册购买域名注册：从网上域名代理商处注册购买网站的主要类型网站的主要类型1.按照语种分类按照语种分类：简体中文网站，繁体中文网站、英文网站、日文网站等。2.按网站所有者性质分类按网站所有者性质分类：政府网站、企业网站、个人网站、学校网站、研究机构网站等3.按照行业分类：按照行
9、业分类：农/林/牧/渔业网站、建筑业、制造业、软件业、水利、交通、政府、教育等4.按开发语言分类按开发语言分类：纯HTML网站、ASP网站、JSP网站、PHP网站、FLASH网站等5.按照网站内容更新方式类：按照网站内容更新方式类：静态网站、动态网站网站的主要类型网站的主要类型6.按照网站作用分类按照网站作用分类：门户网站、搜索引擎、博客、社区论坛、聊天交友、音乐欣赏、电影网站、软件下载等。网站的常见风格（网站的常见风格（风格和色彩搭配风格和色彩搭配 ）1.沉稳型：政府网站、科研院、教育网站等。烟台市政府门户网站 特点：沉稳、大气、庄重。2.活泼型：儿童网站，动漫网站，游戏网站。梦幻西游 特点
10、：生动、活泼3.时尚型：时装网站、化妆品网站，饰品网站、娱乐、交友等时尚网4.典雅型：专业公司网站，设计网站、教育网站、专业艺术网站。367艺术家网 新浩艺特点：内容专业、布局合理，给人一种高雅、专业、权威的感觉。网站的常见风格（网站的常见风格（风格和色彩搭配风格和色彩搭配 ）5.简约型：搜索引擎、短信网站，聊天网站，论坛等 百度6.大众型：一般企业网站、购物网站、民俗网站等。深圳半导体。7.综合型：各类门户网站、大型综合网站。搜狐 新浪网站的主要功能网站的主要功能普通功能：l站点导航l联系方式l计数器l留言板l电子邮件网站的主要功能网站的主要功能高级功能：l信息发布与维护系统l信息检索系统l
11、在线调查l网站流量分析网站的主要功能网站的主要功能特殊功能：l网上购物系统l供求信息发布系统l会员管理系统l在线招聘系统l电子邮局系统lBBs论坛l聊天室等网站常用知识网站常用知识1.HTML：超文本标记语言Hyper Text Markup Language。它不是象 C+ 和 Java 之类的程序语言，而是一种描述性语言，一种标记语标记语言言。 2.ASP:全称为Active Server Pages（中文译名为活动服务器页面），是微软公司推出的用于Web应用服务的一种编程技术.采用的脚本语言： VBScript 和JavaScript3. JSPlJava Server Pages (J
12、SP)是一种简单易用的在服务器端编译执行的Web设计语言,Sun公司于1999年6月推出。lJSP下的编程语言是 Java。l目前，在所有软件开发类人才的需求中，对Java工程师的需求达到全部需求量的60%70%。 4.PHPlP H P 是一种跨平台的服务器端嵌入式脚本语言。它大量地借用C 、J a v a 、P e r l 语言的语法，并耦合P H P 自己的特性，使We b 开发者能够快速地写出动态生成页面的脚本。lP H P 最大的特点就是它是免费的，所有的P H P 源程序、文档都可以免费地复制、编译、传递。当使用P H P 编写程序时，无需向P H P 公司支付任何版权费用，你编写
13、的所有程序代码都属于你自己。你可以把它发布、转让。5. ASP.NET l支持的语言有：c# Visual C+ Jscript .NETl微软公司很快公布了其宏伟的“Windows.NET”计划，发布了成为下一代网络服务框架的NGWS，同时将其ASP技术升级为ASP+ l2000年11月，微软公司推出Visual Studio.NET 7.0开发工具的Beta版本，将NGWS更名为.NET Framework，此时ASP+也正式改名为现在的ASP.NET。 lASP.NET与 ASP相比速度更快，功能更加强大。编程语言排行榜编程语言排行榜 1.Java2.C3.C+4.PHP5.Visua
14、l Basic6.C#Asp,PHP,JSP,.Net开发语言比较开发语言比较 lASP.NET 的优势很明显在于它简洁的设计和实施。这是面向对象的编程人员的梦想：语言灵活，并支持复杂的面向对象特性。开发效率非常高。 lASP.NET 在内存使用和执行时间方面耗费非常大。对基于 Web 的应用程序，这些局限可能是一个严重的问题，因为在 Web 上，您的应用程序可能扩展为每秒成千上万的用户。内存使用率还可能成为 Web 服务器上的一个问题。 Asp,PHP,JSP,.Net开发语言比较开发语言比较l目前在国内PHP与ASP应用最为广泛。而JSP由于是一种较新的技术，国内采用的较少。但在国外，JS
15、P已经是比较流行的一种技术，尤其是电子商务类的网站，多采用JSP。l但由于PHP本身存在的一些缺点，使得它不适合应用于大型电子商务站点，而更适合一些小型的商业站点。首先，PHP缺乏规模支持。其次，缺乏多层结构支持。Asp,PHP,JSP,.Net开发语言比较开发语言比较lASP和JSP则没有以上缺陷。lASP可以通过Microsoft Windowsd的COM/DCOM获得ActiveX规模支持，通过DCOM和Transcation Server获得结构支持；lJSP可以通过SUN Java的Java Class和EJB获得规模支持，通过EJB/CORBA以及众多厂商的Application
16、Server获得结构支持。l三者中，JSP应该是未来发展的趋势。 性能比较：性能比较： l对这ASP、PHP、JSP三种语言分别做回圈性能测试及存取Oracle数据库测试。l在循环性能测试中，JSP只用了令人吃惊的四秒钟就结束了2000020000的回圈。而ASP、PHP测试的是20002000循环（少一个数量级），却分别用了63秒和84秒。 l数据库测试中，三者分别对 Oracle 8 进行 1000 次 Insert,Update,Select和Delete： JSP 需要 13 秒，PHP 需要 69 秒，ASP则 需要 73 秒。 Web服务器及数据库的选择服务器及数据库的选择lPhp
17、: 标准配置Apache服务器+mySql数据库， Apache服务器是免费、开源的（源代码完全开放的）。lAsp、:IIS服务器（当今最流行的服务器）+access/sqlserverlJsp:1.Resin(最快的JSP、servlet服务器、开源、免费)2.Tomcat+Apache(是目前使用量最大的免费JAVA服务器 ,熟练安装配置Tomcat是软件测试软件测试工程师的必备技能 ) 3.WebLogic（是业界最好的JAVA应用服务器。功能强大，收费）数据库：access/oracalIIS服务器服务器lInternet Information Server（简称IIS）是Windo
18、ws系统提供的一种服务，它包括WWW服务器、FTP服务器和SMTP服务器，是架设个人网站的首选。 程序运行inetmgr Windows 2000 Server在安装的过程中会自动安装 IIS 5.0， 而 Windows 2000 Professional和Windows XP则不会，必须用添加Windows组件的方式另行安装。下面以Windows XP为例，介绍安装IIS 5.1的过程。1. 安装IIS 安装IIS的步骤如下： 从桌面的“开始”菜单中选择“控制面板”，打开“控制面板”。双击“添加或删除程序”图标，打开“添加或删除程序”对话框。 用鼠标单击左边的“添加/删除Windows组件
19、”图标，打开“Windows组件向导”(图1-12)。 图1-12 Windows组件向导 选 中 “组 件 ”列 表 中 的 “Internet信 息 服 务 （ IIS） ”选项，单击“下一步”按钮，组件向导即开始安装所选组件。在安装向导的最后一页单击“完成”按钮，完成组件的安装。 2. Internet信息服务器 在“控制面板”中双击“管理工具”图标，打开“管理工具”对话框，在其中双击“Internet信息服务”图标，打开Internet信息服务器窗口，如图1-13所示。图1-13 Internet信息服务器窗口 3配置配置 IISl虚拟目录是Web 服务器使用的逻辑目录名，与服务器上的
20、物理目录相对应 使用 IIS 创建虚拟目录步骤 1：在“默认 Web 站点” 中创建一个虚拟目录。步骤 2：给出此虚拟目录的别名。步骤 3：选择虚拟目录的位置。步骤 4：为此目录选择适当的访问权限。 激活浏览器，在地址栏中输入本机的网址，如http:/http:/localhostlocalhost/ /4. 测试测试IIS网站空间的确定网站空间的确定l租用网站空间（主机）：费用低，维护量小，自主性差，适合中小规模网站。http:/ 、网通、铁通l自己架设服务器：费用高，维护复杂，完全自主，适合大型、复杂，有特殊要求的网站。课堂练习课堂练习l某小型公司，由于互联网技术的发展与自身业务的拓展，决
21、定建设自己的网站。l公司情况： 成立不到二年，员工5-10人，主要销售电子监控类产品，销售区域主要是国内，有部分客户来自台湾。要求：写出网站建设分步实施计划书。分析：1.确定网站域名 .com2.确定网站空间 租用、300M、双线3.规划与建设整个网站规划与建设整个网站4.培训员工，充分利用网站。（网站的使用、维护）5.对外宣传公司网站，充分发挥网站作用。（网站推广）3.规划与建设整个网站规划与建设整个网站1.网站语种：2.网站规模：3.网站所有者性质定位：4.网站风格：5.网站功能：6.网站的技术选型：3.规划与建设整个网站规划与建设整个网站1.网站语种：简体中文 繁体中文2.网站规模：小型
22、网站3.网站所有者性质定位：建设成典型的企业站4.网站风格：大众型、5.网站功能：站点导航、联系方式、留言本、计数器、电子邮件、信息发布与维护（企业动态，产品信息）、信息检索（产品搜索），网站流量分析系统、网上购物、在线招聘。6.网站的技术选型：asp/php/.net完网页制作的基本步骤l1收集和整理资料 在制作网页前，应先收集制作时要用的文字材料、图片素材，还有用于增添页面效果的动画等，所需的资料要根据需求来确定。l2制作网页 制作网页第一步，可以在草稿纸上绘制出网页的大体框架，并将收集整理的各种资料在Dreamweaver中布局，将各种元素添加到页面中。网页制作的基本步骤l3测试站点 网
23、站测试的内容主要包括检查目标浏览器、检测链接和创建站点报告等操作。l4发布站点 发布站点前，必须先在网上申请一个空间或自己设置一个服务器来存放网页的内容，并申请一个域名。发布网页可直接用Dreamweaver中的“发布站点”功能进行上传。对于大型站点的上传，一般都是用FTP软件，这种方法的上传下载速度都较快。l5站点维护和更新l 网页中可以包含多种类型的内容，这些内容成为网页的“元素”。最基本的是文字，此外，还可以使用图片、动画，以及声音、视频等多媒体文件。网页的基本组成元素页眉导航条文本图像超链接表格表单网页设计的基本规律v商业、企业类和政府机关类网站l 商业、企业：传达信息。强烈的时尚性和
24、有效的宣传性。宝马、三联家电l 政府类：简洁、大方、亲切。中央人民政府v信息、网络服务、教育类网站l 信息、网络服务：提供服务。简单、明确、理性，有条理。中关村在线l 教育类：校园网主页。以院校形象为主，淡雅、安静的高明度色彩。清华大学网页设计的基本规律v休闲、时尚类网站l 时尚：以女性消费品居多。高雅、华丽。时尚网l 购物网站：内容繁多，结构复杂。导航明确简单。淘宝网、易趣v卡通、游戏类网站l 卡通类：突出鲜明的形象。色彩丰富多彩。迪士尼l 游戏类：娱乐性和趣味性。运用虚拟形象，突出视觉效果。中国游戏中心网页设计的基本规律v电影、音乐、艺术类网站l 电影类：娱乐性和视觉冲击力。营造电影院气氛，运用flash等。优酷网、土豆网l 音乐类：传达抽象美，形势多种多样，要根据音乐所传达感受定夺。好听音乐网l 艺术类：考虑展览品的视觉效果，背景与展品色彩反差大。cctv戏曲频道、中国雕塑网
