• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

制作网页需要学习哪些技术?
网站设计常用CSS缩写语法总结及缩写的原因
网站设计致想用KesionCMS做web标准站点的朋友们!
北京网站设计第五章 文字性质的CSS
网站制作实现网页的动态过渡效果
网站建设Flash 8.0前瞻——揭开8 ball的薄面纱
北京网站建设教您一招:为Flash MX打造一个完美的共享库
网页设计Flash MX 2004 的历史面板(2)
www.qitongnet.comCSS的margin边界叠加深度剖析
www.qitongnet.com通过CSS类型的顺序改变翻滚效果


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网站制作 >> www.qitongnet.com网站设计FrontPage XP直通车第3站——网页的布局

www.qitongnet.com网站设计FrontPage XP直通车第3站——网页的布局


作者: 北京网站建设   日期:2008-03-27 06:03:35  来源: http://www.qitongnet.com

资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例,公司拥有国内一流的网站建设、网站制作、网页设计团队,如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址:http://www.qitongnet.com =======================================================================================
 制作一个漂亮的网页,离不开网页整体布局的设计,网页布局设计的合理与否,直接影响页面的美观。网页布局设计一般采用表格和框架,表格的使用相对来说就更加普遍了,这次我们就以表格和框架为例,来看一看如何安排网页的布局。北京网页设计
北京网站设计 网站制作
表格的使用www.qitongnet.com
网页设计
表格是由单元格按照行与列组成的,使用表格可以很好地将网页中的对象按格式编排,一般常用于页面内图片与文字的版面安排。北京网站设计
网站建设
STEP 1 插入表格北京网站建设
北京网站设计
新建一个空白网页,然后将插入点放在要插入表格的位置,执行菜单“表格/插入/表格”命令,打开插入表格对话框。在“行数”、“列数”框中分别输入4和3,在“对齐方式”框中选择表格在网页上的位置为默认,并在“边框粗细”框中输入表格边框宽度为0,即不需要表格边框。要改变单元格边框和内容之间的间距,可以在“单元格边距”框中输入数值,改变单元格之间的间距可以在“单元格间距”框中输入数值,如图1所示。

网站设计
图1 设置表格参数

STEP 2 表格的选择网站制作
北京网站建设
在表格中的任意位置单击鼠标,然后执行菜单“表格/选择表格”命令即可选中整个表格。如果将插入点放在单元格中,执行“表格/选择/单元格”命令可以选择当前单元格。如果想一次选择多个单元格,先选中一个单元格,按住“Ctrl”键,再单击要选择的其他各单元格即可。北京网站制作
网站建设
STEP 3 表格属性 www.qitongnet.com 网页设计北京网页设计
网站建设
在“网页”视图中,用鼠标右键单击表格,并从快捷菜单上选择“表格属性”命令,打开表格属性对话框,如图2所示。

北京网站建设
图2 北京网页设计在边上设置表格属性

在“对齐方式”下拉列表中选择表格在网页上的位置,比如“左对齐”。“浮动”选项用于指定文本是以什么方式绕表格排版,如果不需要文本绕表格排版,可以选择“默认”。此外,还可以改变单元格间距和单元格边距,以及表格的列宽和高度等。网页设计

在“边框”选项中,指定“大小”可以设置表格的边框宽度,如果不需要边框可以设置为0。“颜色”选项用于设置表格边框颜色,“亮边框”和“暗边框”可以为表格设置具有三维效果的双色边框,设置这两个参数的时候,要注意调节好颜色的取值。北京网站建设
网页设计
在“背景”选项中,可以指定表格的背景色。如果打算在表格中显示背景图片,可以选择“使用背景图片”复选框,然后单击“浏览”按钮选择图片即可。网站设计
北京网站设计
STEP 4 巧用单元格网页设计
北京网站建设
选择第1行第2列和第1 北京网站设计行第3列两个单元格,然后单击鼠标右键,在快捷菜单上选择“合并单元格”命令,即可合并这两个单元格。然后将插入点定位在第1行第1列中,执行“插入/图片/来自文件”命令,插入网站的logo图标。接下来在第1行第2列中插入网站的Banner广告条。www.qitongnet.com
www.qitongnet.com
选中表格第2行,将此行合并单元格,然后再单击鼠标右键,选择“拆分单元格”命令,在打开的对话框中,在“列数”右侧输入数值5,这样即可将此行单元格拆分成为5列。 北京网站制作企通互联
网站建设 网站建设
选中此5列单元格,单击鼠标右键,执行“单元格属性”命令,在打开的对话框中,设置单元格“背景”颜色为浅灰色,如图3所示。最后在刚才设置的5个单元格中,分别输入网页的导航栏目名称,并为各个栏目设置好相应的链接。

北京网站制作
图3 在此设置单元格属性

同样道理,再合并其他单元格,并完成整个页面的制作。网页设计
www.qitongnet.com
框架的使用北京网站建设
北京网页设计
框架可以将浏览器窗口分成不同区域,每个区域都可以显示不同的网页。可以将一些框架中的内容永远保留在浏览器窗口中,而其余窗口则发生改变。北京网站建设
网站设计
STEP 1 创建框架网页设计
网站建设
执行菜单“文件/新建/网页或站点”命令,在打开的任务窗口中单击“网页模板”,然后选择“框架网页”选项卡,单击要使用的框架网页模板后,“确定”。北京网站制作
www.qitongnet.com
STEP 2 设置初始页网站设计
北京网站设计
建立好框架后,即可进入框架设置界面,如图4所示。

北京网站建设
图4 在此进行框架设置

单击各个框架中“设置初始网页”按钮,然后在文件夹中选择一个已创建的网页,即可在相应的框架中显示相应的网页。网站设计 企通互联
北京网站建设
此外,还可以单击“新建网页”按钮,此时FrontPage XP会自动在该框架中创建一个新的空白网页,这个新网页会被自动设成初始网页,读者朋友可以结合以前介绍的相关知识对框架空白网页进行设计。北京网页设计
北京网页设计
框架可以作为网页布局中一项补充的工具,适当的运用可以使网页布局更加合理。北京网页设计
北京网站建设
到站提示:要制作一个漂亮的网页,需要灵活运用网页布局工具,才能达到事半功倍的效果。下一站我们将在FrontPage XP中使用样式表CCS,通过样式表来给我们的主页增加特效。

网站制作
www.qitongnet.com
字体:【大】【中】【小】

上一篇:www.qitongnet.comFrontPage XP直通车第6站——制作多媒体网页

下一篇:www.qitongnet.comFrontPage XP直通车第2站——网页的编辑

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates