| + [ 网页设计 ]
|
| |
| 网页设计师 |
| |
·行业网站图形设计的一点..
对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用等有着诸多的要求.. |
·培训业渴求六类人才
·页面制作－不能忽视
·Java手机游戏编程之..
·谈谈构图法则
·行业网站图形设计的一点.. |
网页框架（帧窗口）设计技巧
帧窗口是一种复杂的网页设计技术，应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容，可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果。实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口。每个窗口都对应有自己的HTML页面，按照一定的组合方式组合在一起，以实现特殊的效果。
在HTML中用（分割窗口标记）来分割窗口，在多窗口页面中的地位就相当于在普通单窗口页面中的地位，在页面中用……标志页面主体部分的起止位置。而且，标记决定了怎样划分窗口，以及每个网页窗口的位置和大小。其基本语法结构如下：
cols＝n
rows=n
frameborder=yes|no
border＝n
bordercolor＝#n
framespacing=n>
cols和rows：是决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。比如：cols="30%,40%,*"就表示水平方向分割成三个窗口，各自所占总宽度的百分比依次是30%，40%和30%。其中"*"表示剩余部分，也就是说"*"对应的小窗口宽度为剩余的宽度。分割上下窗口用rows，同样采用百分比的设定方法。
frameborder：是指定各分窗口是（ye）否（no）要加边框；如果加过框的话，则用 border参数指定边框的宽度，bordercolor指定边框的颜色。
framespacing：用于在网页设计时设定各分窗口之间的间隔大小，默认值是0。
用标记把窗口分割好后，各窗口的属性是用HTML的标记来定义的，所以标记中必须包含标记，用以定义各分窗口的属性。其语法如下：
align=left|center|right|top|bottomv name=framename
src＝url
noresize
scrolling＝yes|on|auto
frameborder=yes|no
bordercolor＝＃n
marginheight=n
marginwidth＝n>
align：在网页设计时设定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）还是靠底（bottom）。
name：用于指定分窗口的名称，src则用于指定分窗口所对应的HTML页面地址。
noresize：是对用户来说的，当标记中包含此参数的时候，用户就不能用鼠标调整修改各分窗口的大小。
scrolling：设定分窗口是否要滚动条。scrolling=no时不要滚动条，scrolling＝yes时表示要滚动条，scrolling＝
auoto时表示根据实际情况自动设置滚动条。
frameborder和bordercolor：是设定分窗口有无边框和边框颜色的。但对象只限于用标记的分窗口。
marginheight和marginwidth：分别用于设定分窗口的上下边缘和左右边缘的宽度。
用上面的两个标记，就能够实现多窗口页面，下面将举例说明。
1、左小右大两窗口
网页设计时这种页面一般在左边的窗口放一个网站导航页，右面放网站页面内容。制作方法：
先用标记并通过设置其cols参数，沿水平方向分割成两个窗口，左边的窗口占20%，右边的窗口取剩余部分，再用标记分别定义两个窗口的属性。完成后的分帧页面源代码如下：
从上面的代码看，网页设计帧窗口页面并没有想象得那么复杂，但以下几点在具体操作时要注意：
1）用标记定义分窗口属性时，要注意其在标记中的顺序，切不要搞乱了；
2）分窗口的名称虽可随意定，但最好是以其所在位置命名比较好；
3）分窗口的scrolling（滚动条）一般取其默认值"auto"比较好；
4）虽然在最终往往不要分窗口的边框，但在设计阶段，还是设置为有边框比较好，这样在编辑时一目了然；
5）上面页面代码中后面那句话一般加上为好，因为有的浏览器版本不支持分帧页面，若没加那名话，用户的浏览器若不支持分帧时，看到的是一片空白，不知是怎么一回事了，有那句话提示一下就明白了。
2、一顶一左一右页面
先看这种分帧页面的源代码：
从上面的代码中可看出，网页设计时建立复杂分帧页面的方法是由简到繁，如本例中，先用定义其“rows”参数，把窗口分成上下两个窗口，再用标记定义上部窗口，因下部窗口还需再分，所以不用定义其属性，而是用标记设置其cols参数，把它再分成左右两个窗口，因已达目的，所以开始用标记定义左右两个窗口的属性。
只要记住：先粗分，后细分，cols横向分， rows纵向分，无需再分的窗口用定义属性，这些基本原则，制作分帧窗口页面就会轻松自如。 |
·什么叫分布式网络管理?
·智能化的互联网趋势形成
·计算机的网络系统管理及应..
·四川农业大学校园网网络管.. |
·网页布局与颜色运用的准则
有一名设计师说当他或她在页面设计时开始使用一些条条框框以及一些准则的时候就意味着他已经成为设计师了。 |
|
|
网站建设：上海傲网电子科技有限公司
