网页设计与网站建设.ppt

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

1、网页设计基础主讲：邓小亚数理与软件工程学院计算机教研室认识网页构成网页的基本要素制作网页的基本工具美化网页的基本工具网页制作的基本步骤网页设计基础认识网页因特网的最大好处是“资源共享”。上网的目的是为了完成工作、学习和日常生活中的一些事情。例如：网上通信、在网上查找资料、看新闻、看天气预报、从网上商店买东西、在网上看病、上网校学习、网上听音乐、看电影、玩游戏等。网上的信息都存放在网页上，查看网页信息叫做“浏览”。浏览网页要用专门的工具——浏览器InternetExplorer.意思是“因特网探险者”。网页的基本要素1.文字文字是

2、网页发布信息所用的主要形式，由文字制作出的网页占用空间小，当用户浏览时，可以很快的展现在用户面前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载。但是没有编排点缀的纯文字网页，又会给人带来死板不活泼的感觉，使得人们不愿意再往下浏览。文字性网页一定要注意编排，包括标题的字型字号，内容的层次样式，是否需要变换颜色进行点缀等。1.1标题一个网页通常都有一个标题，表明本网页的主要内容。标题是否醒目，是吸引浏览者能否注意的一个关键，因此对标题的设计是很重要的。网页的基本要素网页中的文字不能太大或太小。太大会使得一

3、个网页信息量变小，太小又使人们浏览时感到费劲。一个优秀网页中的文字，应统筹规划，大小搭配适当，给人以生动活泼之感觉。1.2字号网页的基本要素在网页适当的位置采用不同的字体字型，也能使网页产生吸引人的效果。应该注意的是在报刊上变换字体字型非常普遍，它可以在不同的地方使用不同的字型。但在网页制作上却要慎重。因为有些美丽的字型在制作网页的计算机上有，但将来别人浏览你的网页时，浏览者的计算机上未必装有这种字体。这样浏览者就无法得到你预想的浏览效果，甚至适得相反。如果只是标题或少量的文字，可以将采用的特殊字体制作成图形方式，就可避免其他浏

4、览者看不到的尴尬局面了。1.3字型1.4表格当文本内容较多时，可以利用表格形式来实现。表格是在网页上的一行或多行单元格，用来组织网页的布局或系统地布置数据，用户可以放置任何东西在表格的单元格中，包括文字、图形和表单等。表格具有容量大、结构严谨和效果直观等多个优点，是网页中不可缺少的记录或总结工具。表格还可以用来控制网页中信息的布局方式。许多大型的网站都是使用表格来进行页面布局的,使页面看起来更加直观和有条理。2.图形这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。一幅优秀的网页除了有能吸引浏览者的文

5、字形式和内容外，图形的表现功能是不能低估的。网页上的图形格式一般使用JPEG和GIF，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。1．菜单按钮网页上的菜单按钮有一些是由图形制作，通常有横排和竖排两种形式，由此可以转入不同的页面。2．背景图形为了加强视觉效果，有些网页在整个网页的底层放置了图形，称作背景图。背景图可以使网页更加华丽，使人感到界面友好。但由于这是一个比较大的图形，需要占据较大的空间，致使网页的显示速度明显变慢，所以，近期的网页以及比较著名的访问量比较大网站一般都不设置背景图形。图形在网页中通常有

6、如下应用：3.链接标志链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。链接的标志有文字和图形两种。制作一些精美的图形作为链接按钮，使它和整个网页融为一体。4.交互功能Internet区别其他媒体的一个重要标志就是它的交互功能。网页的交互功能其他媒体是无法比拟的。通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。WWW页面一般说来，出现在浏览器中的WW

7、W页面不外乎有两种：静态页面和动态页面。1.静态页面所谓静态页面就是指那些不能够接收用户输入信息的WWW页面，其内容是静态的，唯一的响应就是接收鼠标点击超级连接后显示所连接的页面。当用户用鼠标点击其中一个超级连接后，就会在浏览器中显示所连接的页面信息。2.动态页面动态页面与静态页面不同，在动态页面，用户可以输入动态网页所允许的各种信息，实现人机交互。网页设计和美化工具HTML（HypertextMarkupLanguage）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的

8、文本或图像的链接点。HTML文档由文本、格式化代码和导向其他文档的超链接组成。网页设计语言1．超文本标识语言（HTML）2.XML(eXtensibleMarkupLanguage)技术：是W3C组织于1998年2月发布的标准。它是为了克服HTML缺乏灵活性和伸