1.网页和网站的区别?
网页:用来展示信息的页面(html,jsp,asp,php等),可以被浏览器解析。
网站:一般来说网页和网站是包含和被包含的关系,你可以理解为网站是网页的一个
集合,一个网站可以包含一个或多个网页。
如:这里假设有一个公司需要一个网站,有这样几项内容:公司简介,产品介绍,公司联系方式这三项内容。那么每一项就可以
现形式分类有哪两种?
一种是静态网页,就是纯html写成的展示页,这种形式没有没有用户的不能和服务器交互。
一种是动态网页,可以使用好多技术实现,php,jsp,asp,asp.net等。
3. 网页的颜色设计基本原则是什么?
1: 颜色对比度越强可读性越强
任何一名设计师都明白这点,文字和背景有足够的对比可以让文字更容易阅读。通常黑色字就会用在比较明亮的背景上。反过来也一样
尽管在深色背景上使用亮些的字可以让文字容易阅读些,但这个手法应该尽量保守使用。事实上已经证实了,在深色背景上阅读对比度较大的文字会让眼睛非常疲劳。
2: 珍惜使用的颜色
为了带来视觉上效果,设计师经常选择多个颜色来做设计。但在每个地方都用到不同的颜色也会降低它的视觉效果。基本原则:为把视觉效果最大化,把颜色充分利用在标
上,并把最重要的文字写在标题上。
3:不要使用互补色
以一个颜色为基点,可以在色盘的另一头找到它的互补色。举例来说,蓝色的互补色在色盘中是橘色。当这两个颜色贴边的时候,互补色会让我们的眼睛非常不舒服,因为这时我们无法同时聚焦在这两个颜色之上。再顺便补充一下,互补色在一起的时候会给人一种震动的感觉。
3.常用颜色的十六进制描述。
#FFFFFF
#FFFFF0
#FFFFE0
#FFFF00
#FFFAFA
#FFFAF0
#FFFACD
#FFF8DC
#FFF68F
#FFF5EE
#FFF0F5
#FFEFDB
#FFEFD5
#FFEC8B
#FFEBCD
#FFE7BA
#FFE4E1
#FFE4C4
#FFE4B5
#FFE1FF
#FFDEAD
#FFDAB9
#FFD700
#FFD39B
#FFC1C1
#FFC125
#FFC0CB
#FFBBFF
#FFB90F
#FFB6C1
#FFB5C5
#FFAEB9
#FFA54F
#FFA500
#FFA07A
#FF8C69
#FF8C00
#FF83FA
#FF82AB
#FF8247
#FF7F50
#FF7F24
#FF7F00
#FF7256
#FF6EB4
#FF6A6A
#FF69B4
#FF6347
#FF4500
#FF4040
#FF3E96
#FF34B3
#FF3030
#FF1493
#FF00FF
#FF0000
#FDF5E6
#FCFCFC
#FAFAFA
#FAFAD2
#FAF0E6
#FAEBD7
#FA8072
#F8F8FF
#F7F7F7
#F5FFFA
#F5F5F5
#F5F5DC
#F5DEB3
#F4F4F4
#F4A460
#F2F2F2
#F0FFFF
#F0FFF0
#F0F8FF
#F0F0F0
#F0E68C
#F08080
#EEEEE0
#EEEED1
#EEEE00
#EEE9E9
#EEE9BF
#EEE8AA
#EEE685
#EEE5DE
#EEE0E5
#EEDFCC
#EEDC82
#EED8AE
#EED5D2
#EED5B7
#EED2EE
#EECFA1
#EECBAD
#EEC900
#EEC591
#EEB4B4
#EEB422
#EEAEEE
#EEAD0E
#EEA9B8
#EEA2AD
#EE9A49
#EE9A00
#EE9572
#EE82EE
#EE8262
#EE7AE9
#EE799F
#EE7942
#EE7621
#EE7600
#EE6AA7
#EE6A50
#EE6363
#EE5C42
#EE4000
#EE3B3B
#EE3A8C
#EE30A7
#EE2C2C
#EE1289
#EE00EE
#EE0000
#EDEDED
#EBEBEB
#EAEAEA
#E9967A
#E8E8E8
#E6E6FA
#E5E5E5
#E3E3E3
#E0FFFF
#E0EEEE
#E0EEE0
#E0E0E0
#E066FF
#DEDEDE
#DEB887
#DDA0DD
#DCDCDC
#DC143C
#DBDBDB
#DB7093
#DAA520
#DA70D6
#D9D9D9
#D8BFD8
#D6D6D6
#D4D4D4
#D3D3D3
#D2B48C
#D2691E
#D1EEEE
#D1D1D1
#D15FEE
#D02090
#CFCFCF
#CDCDC1
#CDCDB4
#CDCD00
#CDC9C9
#CDC9A5
#CDC8B1
#CDC673
#CDC5BF
#CDC1C5
#CDC0B0
#CDBE70
#CDBA96
#CDB7B5
#CDB79E
#CDB5CD
#CDB38B
#CDAF95
#CDAD00
#CDAA7D
#CD9B9B
#CD9B1D
#CD96CD
#CD950C
#CD919E
#CD8C95
#CD853F
#CD8500
#CD8162
#CD7054
#CD69C9
#CD6889
#CD6839
#CD661D
#CD6600
#CD6090
#CD5C5C
#CD5B45
#CD5555
#CD4F39
#CD3700
#CD3333
#CD3278
#CD2990
#CD2626
#CD1076
#CD00CD
#CD0000
#CCCCCC
#CAFF70
#CAE1FF
#C9C9C9
#C7C7C7
#C71585
#C6E2FF
#C67171
#C5C1AA
#C4C4C4
#C2C2C2
#C1FFC1
#C1CDCD
#C1CDC1
#C1C1C1
#C0FF3E
#BFEFFF
#BFBFBF
#BF3EFF
#BEBEBE
#BDBDBD
#BDB76B
#BCEE68
#BCD2EE
#BC8F8F
#BBFFFF
#BABABA
#BA55D3
#B9D3EE
#B8B8B8
#B8860B
#B7B7B7
#B5B5B5
#B4EEB4
#B4CDCD
#B452CD
#B3EE3A
#B3B3B3
#B2DFEE
#B23AEE
#B22222
#B0E2FF
#B0E0E6
#B0C4DE
#B0B0B0
#B03060
#AEEEEE
#ADFF2F
#ADD8E6
#ADADAD
#ABABAB
#AB82FF
#AAAAAA
#A9A9A9
#A8A8A8
#A6A6A6
#A52A2A
#A4D3EE
#A3A3A3
#A2CD5A
#A2B5CD
#A1A1A1
#A0522D
#A020F0
#9FB6CD
#9F79EE
#9E9E9E
#9C9C9C
#9BCD9B
#9B30FF
#9AFF9A
#9ACD32
#9AC0CD
#9A32CD
#999999
#9932CC
#98FB98
#98F5FF
#97FFFF
#96CDCD
#969696
#949494
#9400D3
#9370DB
#919191
#912CEE
#90EE90
#8FBC8F
#8F8F8F
#8EE5EE
#8E8E8E
#8E8E38
#8E388E
#8DEEEE
#8DB6CD
#8C8C8C
#8B8B83
#8B8B7A
#8B8B00
#8B8989
#8B8970
#8B8878
#8B8682
#8B864E
#8B8386
#8B8378
#8B814C
#8B7E66
#8B7D7B
#8B7D6B
#8B7B8B
#8B795E
#8B7765
#8B7500
#8B7355
#8B6969
#8B6914
#8B668B
#8B6508
#8B636C
#8B5F65
#8B5A2B
#8B5A00
#8B5742
#8B4C39
#8B4789
#8B475D
#8B4726
#8B4513
#8B4500
#8B3E2F
#8B3A62
#8B3A3A
#8B3626
#8B2500
#8B2323
#8B2252
#8B1C62
#8B1A1A
#8B0A50
#8B008B
#8B0000
#8A8A8A
#8A2BE2
#8968CD
#87CEFF
#87CEFA
#87CEEB
#878787
#858585
#848484
#8470FF
#838B8B
#838B83
#836FFF
#828282
#7FFFD4
#7FFF00
#7F7F7F
#7EC0EE
#7D9EC0
#7D7D7D
#7D26CD
#7CFC00
#7CCD7C
#7B68EE
#7AC5CD
#7A8B8B
#7A7A7A
#7A67EE
#7A378B
#79CDCD
#787878
#778899
#76EEC6
#76EE00
#757575
#737373
#71C671
#7171C6
#708090
#707070
#6E8B3D
#6E7B8B
#6E6E6E
#6CA6CD
#6C7B8B
#6B8E23
#6B6B6B
#6A5ACD
#698B69
#698B22
#696969
#6959CD
#68838B
#68228B
#66CDAA
#66CD00
#668B8B
#666666
#6495ED
#63B8FF
#636363
#616161
#607B8B
#5F9EA0
#5E5E5E
#5D478B
#5CACEE
#5C5C5C
#5B5B5B
#595959
#575757
#556B2F
#555555
#551A8B
#54FF9F
#548B54
#545454
#53868B
#528B8B
#525252
#515151
#4F94CD
#4F4F4F
#4EEE94
#4D4D4D
#4B0082
#4A708B
#4A4A4A
#48D1CC
#4876FF
#483D8B
#474747
#473C8B
#4682B4
#458B74
#458B00
#454545
#43CD80
#436EEE
#424242
#4169E1
#40E0D0
#404040
#3D3D3D
#3CB371
#3B3B3B
#3A5FCD
#388E8E
#383838
#36648B
#363636
#333333
#32CD32
#303030
#2F4F4F
#2E8B57
#2E2E2E
#2B2B2B
#292929
#282828
#27408B
#262626
#242424
#228B22
#218868
#212121
#20B2AA
#1F1F1F
#1E90FF
#1E1E1E
#1C86EE
#1C1C1C
#1A1A1A
#191970
#1874CD
#171717
#141414
#121212
#104E8B
#0F0F0F
#0D0D0D
#0A0A0A
#080808
#050505
#030303
#00FFFF
#00FF7F
#00FF00
#00FA9A
#00F5FF
#00EEEE
#00EE76
#00EE00
#00E5EE
#00CED1
#00CDCD
#00CD66
#00CD00
#00C5CD
#00BFFF
#00B2EE
#009ACD
#008B8B
#008B45
#008B00
#00868B
#00688B
#006400
#0000FF
#0000EE
#0000CD
#0000AA
#00008B
#000080
#000000
4.网页基本布局类型有哪些?
1.“国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多是最多的一种结构类型。
2.拐角型:这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
3.标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4.左右框架型:这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。
5.上下框架型:与上面类似,区别仅仅在于是一种上下分为两页的框架。
6.综合框架型:上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
7.封面型:这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
8. Flash型:其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9.变化型:即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
5.左右框架型是由几个页面构成的?
两个页面构成,一个frame中一个页面。
可编辑html文档的编辑器有哪些?
Html的编辑非常简单,最简单的通过记事本就可以编辑,但是这样难度比较的,常用的是Dreamweaver这个编辑器是windows下网页编辑的必备工具,提供了强大的编辑功能。
6.Html文档基本结构
Html文档是由标签对组成的标签树。标签对就是以<*>开头*>结尾,如
,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.
,的结束标志
,的结束标志
其它主要标签,以下所有标志用在中:
,字体样式标志
属性:
属性是用来修饰标志的,属性放在开始标志内.
例:属性bgcolor="BLACK"表示背景色为黑色.
引用属性的例子:
表示页面背景色为黑色;
表示表格背景色为黑色.
常用属性:
对齐属性,范围属性:
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.
ALIGN=RIGHT,右对齐.
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.
表示绝对居中.
表格标识的开始和结束.
属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=图片链接地址,定义表格背景图
表格中一个表格行的开始和结束;
| 表格中行内一个单元格的开始和结束
属性:
Colspan="",单元格跨越多列;
Rowspan="",单元格跨越多行;
Width="";定义表格宽度
Height="";定义表格高度
Align="";对齐方式
Valign="";
Border="",边框宽度;
Bgcolor="",背景色;
Bordercolor="",边框颜色;
Bordercolorlight="",边框明亮面的颜色;
Bordercolordark="",边框暗淡面的颜色;
Cellpadding="",内容与边框的距离(默认为2);
Cellspacing="",单元格间的距离(默认为2);
强制换行
文本标识的开始和结束
属性:
face=字体
color=颜色
加粗文字标识的开始和结束
属性:
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点
,分区标识的开始和结束
属性:
align=|center|left|right|水平对齐方式
动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动
属性:
scrollamount=1~60,滚动速度
direction=|left|right|up|down|,滚动方向
scrolldelay=滚动延时,单位:毫秒
段落标识,
空格符,
贴图标识
属性:
src=../../图片链接地址,贴图标识必备属性
style=filter:Alpha(opacity=100,style=2);
filter:样式表滤镜;
Alpha:透明滤镜,
opacity:不透明度100(0~100);
style:样式2(0~3),
rules="none"不显示内框"