FrontPage XP设计教程3——网页的布局
发布时间:2008-10-11 12:20:00
阅读上一篇:FrontPage XP设计教程2——网页的编辑
制作一个漂亮的网页,离不开网页整体布局的设计,网页布局设计的合理与否,直接影响页面的美观。网页布局设计一般采用表格和框架,表格的使用相对来说就更加普遍了,这次我们就以表格和框架为例,来看一看如何安排网页的布局。
表格的使用
表格是由单元格按照行与列组成的,使用表格可以很好地将网页中的对象按格式编排,一般常用于页面内图片与文字的版面安排。
STEP 1 插入表格
新建一个空白网页,然后将插入点放在要插入表格的位置,执行菜单“表格/插入/表格”命令,打开插入表格对话框。在“行数”、“列数”框中分别输入4和3,在“对齐方式”框中选择表格在网页上的位置为默认,并在“边框粗细”框中输入表格边框宽度为0,即不需要表格边框。要改变单元格边框和内容之间的间距,可以在“单元格边距”框中输入数值,改变单元格之间的间距可以在“单元格间距”框中输入数值,如图1所示。
图1 设置表格参数
STEP 2 表格的选择
在表格中的任意位置单击鼠标,然后执行菜单“表格/选择表格”命令即可选中整个表格。如果将插入点放在单元格中,执行“表格/选择/单元格”命令可以选择当前单元格。如果想一次选择多个单元格,先选中一个单元格,按住“Ctrl”键,再单击要选择的其他各单元格即可。
STEP 3 表格属性
在“网页”视图中,用鼠标右键单击表格,并从快捷菜单上选择“表格属性”命令,打开表格属性对话框,如图2所示。
图2 在边上设置表格属性
在“对齐方式”下拉列表中选择表格在网页上的位置,比如“左对齐”。“浮动”选项用于指定文本是以什么方式绕表格排版,如果不需要文本绕表格排版,可以选择“默认”。此外,还可以改变单元格间距和单元格边距,以及表格的列宽和高度等。
在“边框”选项中,指定“大小”可以设置表格的边框宽度,如果不需要边框可以设置为0。“颜色”选项用于设置表格边框颜色,“亮边框”和“暗边框”可以为表格设置具有三维效果的双色边框,设置这两个参数的时候,要注意调节好颜色的取值。
在“背景”选项中,可以指定表格的背景色。如果打算在表格中显示背景图片,可以选择“使用背景图片”复选框,然后单击“浏览”按钮选择图片即可。
STEP 4 巧用单元格
选择第1行第2列和第1行第3列两个单元格,然后单击鼠标右键,在快捷菜单上选择“合并单元格”命令,即可合并这两个单元格。然后将插入点定位在第1行第1列中,执行“插入/图片/来自文件”命令,插入网站的logo图标。接下来在第1行第2列中插入网站的Banner广告条。
选中表格第2行,将此行合并单元格,然后再单击鼠标右键,选择“拆分单元格”命令,在打开的对话框中,在“列数”右侧输入数值5,这样即可将此行单元格拆分成为5列。
选中此5列单元格,单击鼠标右键,执行“单元格属性”命令,在打开的对话框中,设置单元格“背景”颜色为浅灰色,如图3所示。最后在刚才设置的5个单元格中,分别输入网页的导航栏目名称,并为各个栏目设置好相应的链接。
图3 在此设置单元格属性
同样道理,再合并其他单元格,并完成整个页面的制作。
猜你喜欢
- 我还我还是有必要改一个标题,(原题为 让你想不通的"bug"),以免有同学误会。先看代码。看完之后我有个问题提问一下,看
- 越简单越丰富——极简网页设计视觉呈现技巧如何让杂乱又咄咄逼人的网页变得轻薄简洁而美观,又需保留完整功能、同时很好的区分出重点模块?这往往是让
- 我和朋友对此的看法有分歧,我明明记得有不需要返回的时候的?你的看法是对的,例如在表中删除记录。我们来看看下面的例子——在Employee表中
- 阅读上一篇:FrontPage2002简明教程一:安装与界面FrontPage中对于文字与图像的处理与Word很相似,用过Word的人对于F
- 增强的toggleClass()1.toggleClass也可以和addClass一样,用空格分隔多个class名称了。.toggleCla
- ASP中转换unicode编码为GB编码方法:<% function urldecode(encodestr)
- 前一阵看到一篇文章《使用css3仿造window7的开始菜单》,文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果,很久以来一
- 工厂模式(Factory Pattern)是什么工厂模式是一种创建型模式,它提供了一种创建对象的最佳方式。在工厂模式中,我们在创建对象时不会
- HTTP头中一般断点下载时才用到Range和Content-Range实体头,Range用户请求头中,指定第一个字节的位置和最后一个字节的位
- 网站可用性是任何网站的基本要素,而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航,那么网站内容就
- 在ie7发布之前,Dean的addEvent/removeEvent可以称的上是完美了。IE7发布后,引入新的内存泄漏(这个我不是很确定,忘
- 用ASP编写虚拟社区、网上购物等程序时,Application和Session对象具有举足轻重的作用,能够灵活合理地运用这两个对
- 我用FSO生成了unicode的文件,但这不是我想要的。FSO可以生成utf-8格式编码的html文件吗?用什么办法才能生成?FSO的编码问
- 先看看这三段话:[1、企业文化对形成企业内部凝聚力和外部竞争力所起到的积极作用,越来越受到人们的重视。企业竞争,实质是企业文化的竞争。面临全
- 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得“面目全非”,那多令人沮丧!下面我们以网页爱好者的常用工
- 数据库在运行中,会因为人为因素或一些不可抗力因素造成数据损坏。所以为了保护数据的安全和最小停机时间,我们需制定详细的备份/恢复计划,并定期对
- 远程服务器配置可以使得数据库管理员在服务器以外的主机上连接到一个SQL Server实例,以便管理员在没有建立单据连接的情况下在其他的SQL
- 这是早上找了点时间写了一个利用404错误达到静态态效果的类,准备在HTTP://PJSKIN.MYSUC.COM中使用的。不过现在没时间去弄
- 用下面这个函数:Function CheckStringLength(txt) &n
- MySQL Group By用法我们现在回到函数上。记得我们用 SUM 这个指令来算出所有的 Sales (营业额)吧!如果我们的需求变成是