欢迎来到天天文库
浏览记录
ID:37672251
大小:128.00 KB
页数:16页
时间:2019-05-28
《网页制作初步》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、通过本章学习,应该掌握以下内容:认识网页构成网页的基本要素制作网页的基本工具美化网页的基本工具网页制作的基本步骤第1章网页制作初识1.1一个校园网的制作示例1.1.1主要网页画面1.1.2网页的基本功能1.2网页的基本要素1.2.1文字文字是网页发布信息所用的主要形式,由文字制作出的网页占用空间小,因此,当用户浏览时,可以很快的展现在用户面前。另外,文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载,便于以后长期阅读,也可对其进行编辑打印。但是没有编排点缀的纯文字网页,又会给人带来死板不活泼的感觉,使得人们不愿意再往下浏
2、览。所以,文字性网页一定要注意编排,包括标题得字型字号,内容的层次样式,是否需要变换颜色进行点缀等等。1.标题一个网页通常都有一个标题,表明本网页的主要内容。标题是醒目,是吸引浏览者能否注意的一个关键,因此对标题的设计是很重要的。2.字号网页中的文字不能太大或太小。太大会使得一个网页信息量变,太小又使人们浏览时感到费劲。一个优秀网页中的文字,应统筹规划,大小搭配适当,给人以生动活泼之感觉。3.字型在网页适当的位置采用不同的字体字型,也能使网页产生吸引人的效果。应该注意的是在报刊上变换字体字型非常普遍,它可以在不同的地方使用不同的字型。但
3、在网页制作上却要慎重。因为有些美丽的字型在制作网页的计算机上有,但将来别人浏览你的网页时,浏览者的计算机上未必装有这种字体。这样浏览者就无法得到你预想的浏览效果,甚至适得相反。如果只是标题或少量的文字,可以将采用的特殊字体制作成图形方式,就可避免其他浏览者看不到的尴尬局面了。当文本内容较多时。可以利用表格形式来实现。1.2.2图形这里的图形概念是广义的,它可以是普通的绘制图形,可以是各种图像,还可以是动画。一幅优秀的网页除了有能吸引浏览者的文字形式和内容外,图形的表现功能是不能低估的。网页上的图形格式一般使用JPEG和GIF,这两种格式
4、具有跨平台的特性,可以在不同操作系统支持的浏览器上显示。图形在网页中通常有如下应用。1.菜单按钮网页上的菜单按钮有一些是由图形制作,通常有横排和竖排两种形式,由此可以转入不同的页面。2.背景图形为了加强视觉效果,有些网页在整个网页的底层放置了图形,称作背景图。背景图可以使网页更加华丽,使人感到界面友好。但由于这是一个比较大的图形,需要占据较大的空间,致使网页的显示速度明显变慢,所以,近期的网页以及比较著名的访问量比较大网站一般都不设置背景图形。1.2.3链接标志链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。通过链接可
5、以从一个网页转到另一个网页,也可以从一个网站转到另一个网站。链接的标志有文字和图形两种。制作一些精美的图形作为链接按钮,使它和整个网页融为一体。1.2.4交互功能Internet区别其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上,人们经过浏览,选择了某一个产品,就需要将自己的决定通过Internet告诉这个网站,网站能够自动对该产品的数据库进行检索,及时回应有还是没有,数量、规格、价格等信息。如果用户选择确定,那么网站能够返回确认信息。像这种交互功能其他媒体是无法比拟的。通常网页的交互功能都是利用表单来实现的。表单是网页
6、中站点服务器处理的一组数据输入域,当访问者单击按钮或图形来提交表单后,数据就会传送到服务器上。1.3网页制作和美化工具1.3.1网页制作工具1.超文本标识语言(HTML)HTML(HypertextMarkupLanguage)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。HTML文档由文本、格式化代码和导向其他文档的超链接组成。2.FrontPageFrontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能
7、够更加方便、快捷地创建和发布网页,具有直观的网页制作和管理方法,简化了大量工作。FrontPage界面与Word、PowerPoint等软件的界面极为相似,为使用者带来了极大的方便,Microsoft公司将FrontPage封装入Office之中,成为Office家族的一员,使之功能更为强大。3.DreamweaverDreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件,它具有可视化编辑界面,用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页,不仅适合于专业网页编辑人员的需要,同时也容易被
8、业余网友们所掌握。另外,Dreamweaver的网页动态效果与网页排版功能都比一般的软件好用,即使是初学者也能制作出相当于专业水准的网页,所以Dreamweaver是网页设计者的首选工具。Dreamweav
此文档下载收益归作者所有