第1讲 动态网页设计技术概述
- 格式:ppt
- 大小:3.79 MB
- 文档页数:44
动态网站设计概述【摘要】:动态网站是满足多样化需求的必然趋势,本文以下内容将对动态网站设计进行论述和探讨,以供参考。
【关键词】:动态;网站;设计;概述1、前言在Internet飞速发展的今天,互联网已成为人们快速获取、发布和传递信息的重要渠道,它在人们的政治、经济、生活、娱乐等各个方面发挥着重要的作用,因此网站建设在Internet应用上的地位越来越重要。
本文是基于平台的动态娱乐网站的设计和实现,该网站主要由新闻发布、音频服务、用户登录注册、娱乐论坛和后台管理五大模块组成,实现了一般娱乐网站应具有的基本功能,同时也考虑了网站的安全性。
2、网站概要设计2.1、网站结构设计根据网站开发的目的以及上面获得的需求分析,将网站的内容划分为以下几个方面:1) 新闻发布模块。
新闻分成多种类别,以标题或者图片的形式显示,按照更新时间的降序进行排序。
所有用户可以浏览本站的娱乐新闻,并根据自己的需要对新闻进行搜索。
2) 音频服务模块。
用户可以享受网站提供的歌曲下载、歌曲在线播放等服务。
3) 用户登录注册模块。
用户通过注册,可以成为网站的合法用户,并享受网站提供的特别服务。
4) 娱乐论坛模块。
娱乐论坛是网站提供给用户的一个信息交流平台。
只有注册用户才可使用。
5) 后台管理模块。
后台管理是为管理员提供了一个方便操作数据库的平台。
管理员可以对用户、新闻、音频文件以及论坛文章信息进行管理。
2.2 网站布局设计网页是网站构成的基本元素,网页的精彩与否,除了色彩的搭配、文字的变化、图片的处理等这些不可忽略的因素外,还有一个非常重要的因素——网页的布局。
通常有三种网页布局技术:层叠样式表、表格、框架。
2.3 网站视觉设计2.3.1 网站风格设计网站风格是一个抽象的概念,是指站点的整体形象给浏览者的综合感受。
这个“整体形象”包括网站的CI、版面布局、浏览方式、视觉效果等。
风格是独特的,是站点不同于其它网站的地方,通过网站的外表、内容、文字以及交流,可以概括出一个站点的个性。
动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。
一、动态网页概念动态网页是指应用程序在接收浏览器的请求而更改网页内容的网页,而不是在网页上加入Java,JavaScript等脚本来实现的动态效果或Flash动画,虽然这些动画实现了网页的“动”,但其本质还是静态的,因为它没有随着浏览器的请求而跟着变化。
动态网页是与静态网页相对应的,一般以.asp、.isp、.php、.per、.cgi等形式为后缀。
动态网页可以是纯文字内容的,也可以是包含各种动画的内容,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。
从网站浏览器的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。
二、动态网页特征动态网页技术有自身的特征和优势,简单来说有以下几点:动态网页是以数据库技术为基础,因此能够大大降低网站维护的工作量了;采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等多种功能的集成,实现与Web服务器进行交互;动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;可以实现与HTML以外的文件进行交互;可缩短查询时间,提高浏览效率。
三、动态网页技术1、动态网页技术简介及特点早期的动态网页主要采用CGI(公共网关接口)技术,可以使用VB、Delphi或C++等程序编写CGI程序。
但是由于CGI技术编程困难、效率低下、修改复杂等缺陷已经逐渐被新技术所取代。
这些新技术主要指ASP、PHP和JSP技术在动态网页开发中的应用。
PHP、ASP和JSP都是一个进程处理多个请求的,无论多少人在线,都只有一个进程,执行效率相比于CGI要高得多。
动态网页技术动态网页与静态网页相对而言的,所谓“动态”,并不是指在网页中添加一些动感元素(如GIF图片、Flash等)。
动态网页技术具有很好的交互性、自动更新等,无须手动更新网页内容,会根据添加的内容自动生成新的页面。
下面我们来介绍一下,目前经常使用的一些制作动态网页的开发语言。
1 ASP技术ASP(Active Server Page,意“动态服务器页面”)是微软公司开发的代替CGI 脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。
ASP网页文件,以.asp为扩展名,现在常用于各种动态网站中。
从ASP诞生到现在已经15年的历史了,ASP发生了重大的变化,直到现在的。
早期,制作一个简单的动态页面需要编写大量的C语句代码才能完成,这样对于开发的难度比较大。
而ASP诞生之后,通过VBScript简单脚本语言,实现嵌入在HTML网页中的代码,使设计动态网页设计变成一件轻松的事情。
ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。
ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。
利用ASP可以向网页中添加交互式内容。
与HTML相比,ASP网页具有以下特点:●可以实现突破静态网页的一些功能限制,实现动态网页技术;●ASP文件是包含在HTML代码所组成的文件中的,易于修改和测试;●服务器上的ASP解释程序会在服务器端执行ASP程序,并将结果以HTML格式传送到客户端浏览器上;●ASP提供了一些内置对象,使用这些对象可以使服务器端脚本功能更强。
●ASP可以使用服务器端ActiveX组件来执行各种各样的任务,如存取数据库、发送Email或访问文件系统等。
●由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器,很难看到ASP所编写的源代码,可防止ASP程序代码被窃取。
●方便连接ACCESS与SQL数据库。
2 PHP技术PHP(Hypertext Preprocessor,即超级文本预处理语言)是一种HTML内嵌式的语言,与ASP非常相似。
动态网页制作简介冯永曜黄山村夫动态HTML(即 DHTML)是近年来网络发展进程中最振奋人心,也最具实用性的创新之一。
国内网络界也掀起了一股学习动态HTML的热潮。
所谓动态网页就是采用动态HTML 制作出来的具有动态效果的网页。
有人把动态HTML当作一门语言,也有人把它当作一种专门的技术,这些理解都是不对的。
实际上,它是一种通过各种技术的综合发展而得以实现的概念(当然,不同的浏览器,实现的程度也不同),这些技术包括Javascript、VBScript、Document Object Model(文件目标模块)、Layers和 Cascading Style Sheets(CSS)等。
那么,到底什么是动态HTML呢?简而言之,动态HTML就是一种即使在网页下载到浏览器以后仍然能够随时变换的HTML。
比如,当鼠标移至文章段落中,段落能够变成蓝色,或者网页头部能够滑过电脑屏幕。
这就是说,HTML中能够做的一切在网页下载后还能够做。
动态HTML的实现手段同样是多种多样的,可以是现有的各种手段的组合。
比较常用的技术有:(l)脚本编程语言(Javascript, VBScript)(2)文件目标模块(DOM)(3)层叠样式表(CSS)(4)动态图层(layers)Netscape Communicator 4.0以上版本和 Microsoft Internet Explorer(IE) 4.0以上版本,都宣称支持这种最新的动态HTML功能。
但实际上,他们所支持的动态HTML 内容并不完全相同。
IE 4.0所支持的动态 HTML包括以下几部分:(1)层叠样式表(CSS):提供了设定HTML标记的所有文本修饰(如文字的大小、字体、颜色等内容)的排版功能。
在网页下载完毕后,可动态地改变页面元素的CSS属性。
(2)动态内容( Dynamic Content):可以动态地更新网页的内容,即可以动态删除和增加页面中的各种元素,随时适应页面编排的需要。
动态网页制作什么是动态网页?动态网页是相对于静态网页而言的。
静态网页是指页面内容在被访问时固定不变的网页,而动态网页则是指在被访问时可以根据用户的需求和数据的变化来动态地生成内容的网页。
动态网页可以实现用户交互、数据处理和更新等功能,为用户提供更加丰富、个性化的网页体验。
动态网页制作的基本原理动态网页制作主要涉及前端开发和后端开发两个方面。
前端开发主要负责界面设计、用户交互和页面效果的实现,而后端开发则是负责处理数据请求和业务逻辑的实现。
前端开发HTMLHTML是网页的基础语言,用于定义网页的结构和内容。
在动态网页制作中,HTML通常用于定义页面的布局和基本结构。
CSSCSS用于为网页添加样式和布局,可以对HTML元素进行样式设置和排版。
通过CSS,可以实现网页的美化和页面效果的实现。
JavaScriptJavaScript是一种脚本语言,用于实现网页的动态交互和逻辑控制。
通过JavaScript,可以修改页面内容、响应用户操作、发送数据请求等。
后端开发服务器端语言服务器端语言主要用于处理数据请求和业务逻辑的实现。
常见的服务器端语言有PHP、Python、Java等。
服务器端语言可以访问数据库、处理表单数据、生成动态内容等。
数据库数据库用于存储和管理网站的数据。
在动态网页制作中,常见的数据库有MySQL、SQLite等。
通过数据库,可以实现数据的存储、查询和更新等操作。
动态网页制作的流程动态网页制作的流程通常包括需求分析、界面设计、前端开发、后端开发和测试等步骤。
1.需求分析:需求分析是明确制作动态网页的目标和功能需求。
通过与客户或用户的沟通,了解他们的需求和期望,并根据需求确定网页的功能和交互方式。
2.界面设计:界面设计是将需求转化为可视化的网页界面。
根据需求分析的结果,设计网页的布局、样式和交互方式。
3.前端开发:前端开发是实现网页界面和交互效果的过程。
根据界面设计的结果,使用HTML、CSS和JavaScript等技术进行网页开发,实现页面的布局、样式和交互。