Web应用开发技术 教学课件 作者 宋先斌 何在玉 第01章.pptVIP

第 1 章 Web应用开发概述 1.1 基 本 概 念 1.2 网站设计的相关知识 1.3 网站设计流程 通过本章的学习，读者应该重点掌握以下内容： ? 基本概念 ? 网站设计的相关知识 ? 网站设计流程 ? Web的发布 1.1 基 本 概 念 1．WWW简介 WWW是World Wide Web的缩写，中文译名“万维网”。 2．网页的组成 一般来说，网页主要由文字、图片、动画、超链接和特殊组件等元素构成。 （1）文字 网站的主题思想的表达离不开文字，无论是网上新闻还是相关介绍都需要一定的文字来说明，文字是传递信息最直接、最通用、最容易的沟通方式，而且传输速度快，占用空间小。 （2）图片 网页的一大特点就是图文并茂，有文就有图，在网站的页面上加入适量的图片就会比文字更直观，更具有说服力，同时可以使网页更加丰富生动。目前网页中使用的图形文件格式大多是GIF（Graphics Interchange Format）或JPEG（Joint Photographic Experts Group），也可以使用BMP（Bitmap）格式。 （3）动画 动画也是网页中的主要元素之一。最早的网上动画由连续的GIF图片构成，而现在基于Java技术的多媒体应用小程序在网上十分普遍，而且简单方便的动画制作工具为网页提供了大量的动画素材。 （4）超链接 有了美妙的文字、精致的图片和生动的动画的网页还不能称之为网站，还要通过一种方式把这些独立的网页连接在一起，使之构成一个统一的整体，而这种连接各个页面的功能叫超链接。可以说超链接是网站的脉络。 （5）特殊组件 图片和动画可以算是网页中最常见的组件，还有一些可以起到丰富网页作用的组件，如Java Applets、Java Script（脚本）、流动字幕、计数器和背景音乐等。 3．超链接的概念 超链接（Hyperlink）是网页中的重要组成内容。 一般来说，超链接有以下几个特征。 （1）当鼠标移到有超链接的文字或图片时，鼠标指针会变成手指形状。 （2）超链接分为文字和图片（包括动画）两种链接，对文字进行链接后，文字会加上底线。 4．URL的概念 URL是Universal Resource Locator的缩写，中文名为“统一资源定位器”。每一个站点及站点上的每个网页都有一个惟一的地址，这个地址成为统一资源定位地址，向浏览器输入URL，可以访问URL指出的Web网页，制作网页中的超文本也要用到URL。 （1）通信协议 通信协议是指URL所链接的网络服务性质，如HTTP（超文本传输协议），FTP（文件传输协议）等，常见的URL协议见表1-1。 （2）服务器名称 （3）文件夹和文件名 文件夹是访问文件的地方，如果是多级文件目录，必须制定是第一级文件夹还是第二级文件夹、第三级文件夹，直到找到文件所在位置。文件是包括文件名与扩展名在内的完整名称。 1.2 网站设计的相关知识 1．网站的创意设计 2．艺术风格设计 3．人机界面设计 4．网站设计的相关程序设计语言 （1）HTML HTML是Hyper Text Markup Language的缩写，中文名为“超文本标记语言”。 （2）XML XML是Extensible Markup Language的缩写，中文名为“可扩展标记语言”。 （3）CSS CSS是Cascading Style Sheets的缩写，中文名为层叠样式表，主要用来对网页数据进行编排、格式化、显示、特效等。 （4）脚本语言 脚本（Script）语言是嵌入到HTML代码中的程序，根据其运行的位置不同把它分为客户端的脚本和服务器端的脚本。 （5）DHTML DHTML是动态的HTML，这种技术要求网页具备动态功能，如动态交互、动态更新等。 5．多媒体技术 掌握以下几种软件的使用对Web设计开发是十分必要的。 （1）GIF图像动画制作软件，如Animipro gif。 （2）图片处理软件，如Photoshop，Fireworks等，图片处理功能强大，支持多种图片文件格式。 （3）矢量动画制作软件。网页中较流行的有Flash动画制作软件。 （4）多媒体信息的压缩。例如，将图片压缩为JPG格式，将声音压缩为MP3或其他格式。 6．数据库技术 数据库是动态网站中的一个重要的组成部分，我