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 在此设置单元格属性
同样道理,再合并其他单元格,并完成整个页面的制作。
![](https://www.aspxhome.com/images/zang.png)
![](https://www.aspxhome.com/images/jiucuo.png)
猜你喜欢
- 下载下面提供两种下载地址,官网地址一般为最新的,网盘地址会定期更新,但是不保证一定是最新的官网下载地址:https://www.jetbra
- #!/usr/bin/python#coding=gbkclass User: def __init__
- JavaScript(JS)网页–动态生成表格,供大家参考,具体内容如下在网页中,动态生成列表的内容,将数组中的object加入到列表中(没
- 如下所示:i=0sum1=0sum2=0while i<=100: if i%2==0: sum
- 一、作用主要用于保留组件状态或避免重新渲染。二、用法<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,
- 目录1. 关联规则1.1 基本概念1.2 关联规则Apriori算法2. mlxtend实战关联规则2.1 安装2.2 简单的例子3. 总结
- 在数据处理与分析领域,对数值型与字符型类别变量加以编码是不可或缺的预处理操作;这里介绍两种不同的方法。1 OneHotEncoder首先导入
- 本文实例为大家分享了JavaScript实现alert弹框的具体代码,供大家参考,具体内容如下因本人水平有限,不足之处还望大家指正。先上图:
- tensorflow模型保存为saver = tf.train.Saver()函数,saver.save()保存模型,代码如下:import
- 前言:在涉及商品类的项目时,为了给同一类商品定位,往往会分等级或者成色。而等级/成色有时是用类似A,A+,A+1,K,L1,L2等英文与数字
- 1、说明写了python文件,想通过命令执行它,进入目录,并在命令执行中输入python文件名称。2、实例例如,桌子上有文件hello.py
- 描述安装python库有时会遇到安装失败的情况。这让我很难受,下面是一种解决办法供大家参考,我们可以换一种方法安装,比如从官网下载来安装。下
- 效果展示效果展示素材展示一个为视频,另一个为像素大小不小于视频的封面。实现过程调用已启用的浏览器通过调用已启用的浏览器,可以实现直接跳过每次
- 假设我们需要一个函数什么事都不干,只是抛出异常(在某些系统中有些handler就是干这事的),我们可以很直观的写出下面的代码:def fun
- 用IIS调试ASP程序时,有的页面可以显示出错行及出错原因,虽然原因不是很具体但足以引导调试程序,但有些时候就直接出现:HTTP 500 -
- 简要讨论为什么它不提供++作为运算符 正常情况下,当有人问起++原因而不是Python中的运算符时,这一行引起了我的注意。如果您想知道最初的
- 目标站点分析本次要抓取的目标站点为:中介网,这个网站提供了网站排行榜、互联网网站排行榜、中文网站排行榜等数据。网站展示的样本数据量是 :58
- 密码保护是注册过程中的关键环节,尤其是对帐户安全级别比较高的网站,尤其在账号被盗或者涉及安全登录等问题的情况下,密码保护问题作为用户身份识别
- 码代码时,有时候需要根据比较大小分别赋值:import randomseq = [random.randint(0, 1000) for _
- 什么是ODBCODBC是open database connect的缩写,意思是开放式数据库连接利用ODBC进行数据库连接首先要下载数据库!