新建一个网页的步骤是:新建----基本页----创建,现在我们设置标题,如图所示:
打开,就可以看到截图,标题就是一个网页的标题,然后填写上“火狐下载”,在代码区表现的就是<title>火狐下载</title>,这个在网页中是最重要的,搜索引擎收录主要的对象,也是最容易被搜索引擎收录的地方。关键词不在这,在KEYWORD里面,以后讲这个,填写好以后,然后保存网页 快捷键“ctrl+s”,然后出现
如果你是打开已经建立好的web站点就会出现保存默认的站点文件夹是d:/web,保存“文件名“为“index”首页,然后保存。然后按“F12”预览,F12是在浏览器中预览的快捷方式,那么这时就可以看到空白页面的标题是“火狐下载”,如图
这样一个网页的新建和标题添加就完成了。
表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上,使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。说白了表格主要功能就是排版,定位,网页一般有800×600分辨率的,也有1024的,也有全屏的,所以表格定位的时候也要看是那种分辨率,我们先介绍表格的基本用法,然后做一个简单的网页出来。
一、插入并编辑表格
1、 插入表格
在文档窗口中,将光标放在需要创建表格的位置,单击“常用”快捷栏中的表格按钮弹出的“表格”对话框,指定表格的属性后,在文档窗口中插入设置的表格,如图:
然后出现
都点开看啊,“行数”文本框用来设置表格的行数,插入几行的意思,“列数”文本框用来设置表格的列数,插入的列数。“表格宽度”文本框用来设置表格的宽度,可以填入数值,紧随其后的下拉列表框用来设置宽度的单位,有两个选项--百分比和像素,就是说宽度,我们可以输入是一个具体数字,也可以是一个百分比,比如宽度是100, 那么表格的宽度是100PX(像素),比如你输入时100% ,那么表格式随你浏览器的比例来自动缩放到100% ,也就是全屏的,也就是当宽度的单位选择百分比时,表格的宽度会随浏览器窗口的大小而改变。“单元格边距”文本框用来设置单元格的内部空白的大小。“单元格间距”文本框用来设置单元格与单元格之间的距离,“边框粗细”用来设置表格的边框的宽度,“页眉”定义页眉样式,可以在四种样式中选择一种, “标题” 定义表格的标题, “对齐标题”定义表格标题的对齐方式,“摘要” 可以在这里对表格进行注释,看下图
对一下边距,间距,粗细指什么,然后确定,这样我们就插入一个表格,选择单元格对象,对于表格、行、列、单元格属性的设置是以选择这些对象为前提的,选择整个表格的方法是把鼠标放在表格边框的任意处,当出现
,这个样式的光标类型时,按一下,就会选择到这个表格,或在表格内任意处单击,然后在状态栏选中<table>标签即可,如图
这三个参数,一般设置为0,因为我们一般是要表格定位,而不需要让它显示出来,只是个定位功能,选择表格都明白了吧。
下面讲如何选择单元格,单元格其实你只要把光标放单元格里面,然后选择,
就选择到单元格了,左下角,那么如何选这一行那?方法如下,你点第一个单元格不动,然后拖到最后一个单元格就选择了一行,如图,
要选中不连续的几个单元格,可以按住Ctrl键,单击要选择的所有单元格即可,选择某一行或某一列,也可以将光标移动到行左侧或列上方,鼠标指针变为向右或向下的箭头图标时,单击即可。
下来讲一下设置表格属性,选中一个表格后,可以通过属性面板更改表格属性
如图
但是前提是要选中你的表格,或者单元格,要不不会出现上图所示。“填充”文本框用来设置单元格边距,“间距”文本框用来设置单元格间距,“对齐”下拉列表框用来设置表格的对齐方式,默认的对齐方式一般为左对齐,“边框”文本框用来设置表格边框的宽度,“背景颜色”文本框用来设置表格的背景颜色,比如我设置一下表格背景色
然后选者一种颜色,表格的颜色就变化了
然后把边框设置为1,ctrl+s保存一下,按F12预览一下效果。在“背景图像”文本框填入表格背景图像的路径,可以给表格添加背景图像,可以单击文本框后的“浏览”按钮,查找目标图像文件,在“选择图像源”对话框中定位并选择要设置为背景的图片,单击“确认”按钮即可,这样你的表格背景就是张图片了,不是一个单色背景,单元格属性,把光标移动到某个单元格内,可以利用单元格属性面板对这个单元格的属性进行设置,如图
“水平”文本框用来设置单元格内元素的水平排版方式,是居左、居右或是居中,比如你在选择的单元格中输入文字”火狐下载“四个字,选择是居中对齐,那么”火狐下载“四个字就排在此单元格的中间,选择是居中对齐,那么”火狐下载“四个字就排在此单元格的中间
“垂直”文本框用来设置单元格内的垂直排版方式,是顶端对齐、底端对齐或是居中对齐。那么我们以低端对齐为例,还是设置”火狐下载“四个字,那么效果如图:
那么这个”火狐下载“四个字,左右是居中的,上下是居底的,“背景”文本框用来设置表格的背景图像。“背景颜色”文本框用来设置表格的背景颜色。
从头开始,我们按统一要求来完成一个2行5列的表格插入,先大家先新建立一个空白页面,原来那个不用管,然后把网页标题设置为“我的个人主页”,好,然后ctrl+s保存,文件命名成“my.htm”,或者是点“插入”------“表格”都可以,
然后设置成3行 5列,边框为1,宽度为800,800为像素,然后确定。然后选者整个表格用鼠标点表格任何边框就可以,就会出现三个点,说明你选中了,这个是选择的是整个表格,点<table>也可以,我们要让这个800宽度的表格居中,那么看最下面的表格属性,
属性设置 对齐选择成“居中对齐”,这样我们就把这个800像素宽的表格让它居中了,事整个版面的中间,不管你的显示器是800或者1024或者是更大分辨率,这个表格就是800像素宽,而且是剧中的,然后再设置表格的背景,背景颜色设置为红色,也是属性里面有个背景颜色,现在设置文字居中,在任何一个单元格中输入“个人简介”,然后查看属性,就是默认的不全显示表格属性,要拉下来才全显示,输入“个人简介”选择属性 水平居中对齐,这样个人简介就居中了,然后让“个人简介”在单元格中居低,设置属性:垂直 底部。
你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=6638519