简单网页制作
网页制作概论
1.1 Internet与网页
我们经常在网络上通过输入网址浏览各种网页,那么究竟什么是网页呢
网页实际是一个文件,它存放在世界某个角落的某一台计算机中,而这台计算机必须是与互联网相连的.网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序(详见"域名系统"),网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,并最终展示到你的眼前.
1.2 网页的基本要素
文字与图片是构成一个网页的两个最基本的元素.你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观.除此之外,网页的元素还包括动画,音乐,程序等等.如果想了解更多的话,请参考"商业建站指南"的"网站的要素".
文字
文字是网页发布信息所用的主要形式,由文字制作出的网页占用空间小,因此,当用户浏览时,可以很快的展现在用户面前.另外,文字性网页还可以利用浏览器中"文件"菜单下的"另存为"功能将其下载,便于以后长期阅读,也可对其进行编辑打印.但是没有编排点缀的纯文字网页,又会给人带来死板不活泼的感觉,使得人们不愿意再往下浏览.所以,文字性网页一定要注意编排,包括标题得字型字号,内容的层次样式,是否需要变换颜色进行点缀等等.
标题
一个网页通常都有一个标题,表明本网页的主要内容.标题是醒目,是吸引浏览者能否注意的一个关键,因此对标题的设计是很重要的.
字号
网页中的文字不能太大或太小.太大会使得一个网页信息量变,太小又使人们浏览时感到费劲.一个优秀网页中的文字,应统筹规划,大小搭配适当,给人以生动活泼之感觉.
3.字型
在网页适当的位置采用不同的字体字型,也能使网页产生吸引人的效果.应该注意的是在报刊上变换字体字型非常普遍,它可以在不同的地方使用不同的字型.但在网页制作上却要慎重.因为有些美丽的字型在制作网页的计算机上有,但将来别人浏览你的网页时,浏览者的计算机上未必装有这种字体.这样浏览者就无法得到你预想的浏览效果,甚至适得相反.
如果只是标题或少量的文字,可以将采用的特殊字体制作成图形方式,就可避免其他浏览者看不到的尴尬局面了.
当文本内容较多时.可以利用表格形式来实现.
图形
这里的图形概念是广义的,它可以是普通的绘制图形,可以是各种图像,还可以是动画.一幅优秀的网页除了有能吸引浏览者的文字形式和内容外,图形的表现功能是不能低估的.网页上的图形格式一般使用JPEG和GIF,这两种格式具有跨平台的特性,可以在不同操作系统支持的浏览器上显示.图形在网页中通常有如下应用.
菜单按钮
网页上的菜单按钮有一些是由图形制作,通常有横排和竖排两种形式,由此可以转入不同的页面.
背景图形
为了加强视觉效果,有些网页在整个网页的底层放置了图形,称作背景图.背景图可以使网页更加华丽,使人感到界面友好.但由于这是一个比较大的图形,需要占据较大的空间,致使网页的显示速度明显变慢,所以,近期的网页以及比较著名的访问量比较大网站一般都不设置背景图形.
链接标志
链接是网页中一种非常重要的功能,是网页中最重要,最根本的元素之一.通过链接可以从一个网页转到另一个网页,也可以从一个网站转到另一个网站.链接的标志有文字和图形两种.制作一些精美的图形作为链接按钮,使它和整个网页融为一体.
交互功能
Internet区别其他媒体的一个重要标志就是它的交互功能.例如在商务网站的页面上,人们经过浏览,选择了某一个产品,就需要将自己的决定通过Internet告诉这个网站,网站能够自动对该产品的数据库进行检索,及时回应有还是没有,数量,规格,价格等信息.如果用户选择确定,那么网站能够返回确认信息.
像这种交互功能其他媒体是无法比拟的.
通常网页的交互功能都是利用表单来实现的.表单是网页中站点服务器处理的一组数据输入域,当访问者单击按钮或图形来提交表单后,数据就会传送到服务器上.
1.3 网页设计的原则
网页是网站的基本信息单位,是WWW的基本文档.网页是由文字,图片,动画和声音等多种媒体信息以链接组成的.网页即是设计者综合素质的体现,也是制作者使用网页设计软件水平高低的体现.要是网页看上去漂亮,舒适,除了有好的理念外,还离不开美术,色彩和审美等方面的基础知识,并要遵循一系列必要的原则.
在网页设计制作的过程中,需要遵循的艺术原则主要有:
对比原则:两事物的相对比较称为对比.通过对比,双方各自得特征更加鲜明,使画面更富有效果和表现力.对于界面设计而言,通过对比可以在界面中形成趣味中心,或者使主体从背景中突显出来.常用的对比方法有以下8种:大小的对比,明暗的对比,粗细的对比,曲线与直线的对比,水平线与垂直线,质感的对比,位置的对比,多重对比.
- css表格间距 > 简单网页制作
-
简单网页制作
下载该文档 文档格式:DOC 更新时间:2009-04-02 下载次数:0 点击次数:3文档基本属性 文档语言: Simplified Chinese 文档格式: doc 文档作者: tanna 关键词: 主题: 备注: 点击这里显示更多文档属性 经理: 单位: cs 分类: 创建时间: 上次保存者: 修订次数: 编辑时间: 文档创建者: 修订: 加密标识: 幻灯片: 段落数: 字节数: 备注: 演示格式: 上次保存时间:
- 下载地址 (推荐使用迅雷下载地址,速度快,支持断点续传)
- DOC格式下载
- 您可能感兴趣的
- css字符间距 css行间距 css字间距 cssli行间距 css的图片间距代码 css定义文字间距 css设置行间距 css元素间距 css间距
- 大家在找
-
- · 收音机品牌排名
- · 电脑桌的设计的说明作文600字
- · 我可能不会爱你6
- · 别克凯越折叠钥匙
- · pcr基因扩增实验
- · 好孩子童车16寸内外胎
- · 6at变速箱设计资料
- · 360flash修复工具
- · 威海机械cad设计招聘
- · 薄壁加工用啥刀具好
- · 数学建模竞赛获奖名单
- · 天津公交线路查询地图
- · 南车戚墅堰研究所待遇
- · 新HSK5级真题
- · 联邦快递客服电话
- · 汽车轮胎的合理使用与爆胎预防论文
- · dvd电影下载网站推荐
- · 宣钢炼铁厂职业病鉴定
- · www.so1988.com
- · 泸州职业技术学院汽车电控期末考试题
- · cad中多线快捷键
- · 核舟记文言文答案
- · virtualdj打碟机
- · 深圳通讯录
- · cad2006下载win7
- · 建筑识图一日通
- · acrobatpro序列号
- · 工业电气自动化论文
- · 三星s5830应用程序
- · 2011年初级会计师报名
- 赞助商链接