网站设计相关知识课件.ppt

《网站设计相关知识课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网站设计相关知识1．网页的组成一般来说，网页主要由文字、图片、动画、超链接和特殊组件等元素构成。（1）文字网站的主题思想的表达离不开文字，无论是网上新闻还是相关介绍都需要一定的文字来说明，文字是传递信息最直接、最通用、最容易的沟通方式，而且传输速度快，占用空间小。（2）图片网页的一大特点就是图文并茂，有文就有图，在网站的页面上加入适量的图片就会比文字更直观，更具有说服力，同时可以使网页更加丰富生动。目前网页中使用的图形文件格式大多是GIF（GraphicsInterchangeFormat）或JPE

2、G（JointPhotographicExpertsGroup），也可以使用BMP（Bitmap）格式。（3）动画动画也是网页中的主要元素之一。最早的网上动画由连续的GIF图片构成，而现在基于Java技术的多媒体应用小程序在网上十分普遍，而且简单方便的动画制作工具为网页提供了大量的动画素材。（4）超链接有了美妙的文字、精致的图片和生动的动画的网页还不能称之为网站，还要通过一种方式把这些独立的网页连接在一起，使之构成一个统一的整体，而这种连接各个页面的功能叫超链接。可以说超链接是网站的脉络。（5）特殊

3、组件图片和动画可以算是网页中最常见的组件，还有一些可以起到丰富网页作用的组件，如JavaApplets、JavaScript（脚本）、流动字幕、计数器和背景音乐等。2．超链接的概念超链接（Hyperlink）是网页中的重要组成内容。一般来说，超链接有以下几个特征。（1）当鼠标移到有超链接的文字或图片时，鼠标指针会变成手指形状。（2）超链接分为文字和图片（包括动画）两种链接，对文字进行链接后，文字会加上底线。3．URL的概念URL是UniversalResourceLocator的缩写，中文名为“统一

4、资源定位器”。每一个站点及站点上的每个网页都有一个惟一的地址，这个地址成为统一资源定位地址，向浏览器输入URL，可以访问URL指出的Web网页，制作网页中的超文本也要用到URL。图1-1（1）通信协议通信协议是指URL所链接的网络服务性质，如HTTP（超文本传输协议），FTP（文件传输协议）等，常见的URL协议见表1-1。（2）服务器名称（3）文件夹和文件名文件夹是访问文件的地方，如果是多级文件目录，必须制定是第一级文件夹还是第二级文件夹、第三级文件夹，直到找到文件所在位置。文件是包括文件名与扩展名

5、在内的完整名称。1.2网站设计的相关知识1．网站的创意设计2．艺术风格设计3．人机界面设计4．网站设计的相关程序设计语言（1）HTMLHTML是HyperTextMarkupLanguage的缩写，中文名为“超文本标记语言”。（2）XMLXML是ExtensibleMarkupLanguage的缩写，中文名为“可扩展标记语言”。（3）CSSCSS是CascadingStyleSheets的缩写，中文名为层叠样式表，主要用来对网页数据进行编排、格式化、显示、特效等。（4）脚本语言脚本（Script）语

6、言是嵌入到HTML代码中的程序，根据其运行的位置不同把它分为客户端的脚本和服务器端的脚本。（5）DHTMLDHTML是动态的HTML，这种技术要求网页具备动态功能，如动态交互、动态更新等。5．多媒体技术掌握以下几种软件的使用对Web设计开发是十分必要的。（1）GIF图像动画制作软件，如Animiprogif。（2）图片处理软件，如Photoshop，Fireworks等，图片处理功能强大，支持多种图片文件格式。（3）矢量动画制作软件。网页中较流行的有Flash动画制作软件。（4）多媒体信息的压缩。例

7、如，将图片压缩为JPG格式，将声音压缩为MP3或其他格式。6．数据库技术数据库是动态网站中的一个重要的组成部分，我们把网站中使用的数据库称作Web数据库。基本上常见的数据库管理系统都可作为Web数据库。大中型的数据库管理系统有SQLServer、IBMDB2、Oracle、Sybase等，小型数据库管理系统有Access、Prodox、FoxPro等。网站设计流程网站的设计流程指的是网站的设计过程。这是一个复杂的过程，它大致包括以下几方面的内容：用户需求分析、编写系统概要设计、编写详细设计报告、We

8、b程序设计、Web测试、Web发布和维护等。1．用户需求分析2．编写系统概要设计3．编写详细设计报告4．Web程序设计5．Web测试6．Web发布