用表格制作网页

精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 1 / 7用表格制作网页你知道表格能做成网页吗?如果你知道，那你又知不知道怎么做呢?下面是为你整理的用表格制作网页，希望对你有用!实验目标该网页将利用设计页面的布局，制楚雄师院的页面简介。通过该种制作，我们可以体会到表格在布局设计中的实际运用，体会如何使用表格来控制页面中的元素对象，已达到自然，生动的配置构成元素的目的。实验过程在 dreamweaver 中执行文件中的新建命令，创建一个 HTML 文档。然后在文件中保存该文档。然后在文档工具栏的标题中输入“师院首页” 。然后单击常用工具栏的表格按钮，插入一个 3 行 3 列的表格。选中第 2 行表格的第 2 单元格。单击属性面板中的合并所选单元格按钮，将其合并。然后将指针置于第行第列单元格内在属性面板中将宽设为 200， 3单击常用工具栏中的常用图像按钮，再打开的选择图像源文件对话框中选中一幅图片，单击确定按钮，为单元的插入一幅图片。4将鼠标指针移到第行列单元格内，在属性面板中精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 2 / 7将宽设为 50， 高设为 30，单击常用工具栏中的图像按钮，打开插入鼠标经过图像对话框。5在打开的对话框中，单击原始图像后面的浏览按钮.。在打开的对话框中选中一幅图片，单击确定按钮，在单击鼠标经过图像后面的浏览按钮，用同样的方法选定一幅图片。6设置完成后，单击确定按钮，然后同同第4,5 步一样为第行的第,2 列也分别设置鼠标经过图像。然后将鼠标指针置于第一行第三列的单元格内，在属性面板中，为宽设为 00， 高 。设为 50。为背景颜色设为#333cc。7将鼠标指针置于表格的第 3 行，按前面的方法，为第 3 行单元格也插入一幅图片。然后将鼠标指针置于表格的下一行，单击常用工具栏表格图标按钮，为文档在插入一个 3 行 3 列的表格。8将鼠标指针置于插入表格的第行第列中，在属性面板中将宽 。设为 20，然后将鼠标指针置于第行第列单元格内，按下 Ctrl+Alt+t 组合键，打开表格对话框。设置好后，单击确定按钮，给单元格插入嵌套表格。9选中插入的嵌套表格在属性面板中将对齐设置为剧中右对齐。然后将鼠标指针置于嵌套表格第一行中，按照前面的方法，为其插入一幅图片。同样的，为其第精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 3 / 72,3,4,5 列也分别插入图片。0在属性面板中，将第 6 列单元格的高设为50，再将鼠标指针置于第 7 列，为其插入一幅图片。单击状态栏中的tatle标签，选中第 7 步插入的 3 行 3列的表格，在属性面板中，为背景颜色设置为#009966。将鼠标指针置于 7 步插入表格的第 2 行 2 列中，在属性面板中，将垂直设置为顶端。打开表格对话框，其中的设置如图所示。设置完后，单击确定按钮，为单元格插入嵌套。2在上一步插入表格的属性面板中，将对齐方式设为居中对齐，将鼠标置于该表格的第 2 行，按下ctrl+alt+I 组合键，在打开的对话框中选择一幅图，单击确定，为单元格插入图片。在该单元格的属性面板中，单击居中对齐按钮，将图片居中。3将光标置于下列单元格，输入文字。在网页中右击，在弹出的快捷键菜单中执行CSS 样式的新建命令，弹出新建 CSS 规则对话框。按照设置后，单击确定按钮，弹出X 的规则定义对话框。4在X 规则定义对话框中，将文字设为宋体， 大小设为 2 像素， ， 样式设为正常，设为 26 像素,其余不变.单击按钮，在编辑窗口选中输入的文字，右精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 4 / 7击，在弹出的快捷菜单中执行CSS 样式的 x 命令，为文字应用 css 样式。5将鼠标指针置于第 7 步插入的 3 行 2 列表格的下一行，然后按下 ctrl+Alt+T 组合键打开表格对话框，设置完毕后，单击确定按钮，为网页插入表格。6选中上一步插入的表格，在属性面板中，将背景颜色设为#99FF66。将鼠标指针设置于第行单元格内，在属性面板中，将水平设为右对齐，然后为该单元格插入一幅图片。7将鼠标指针置于定 2 行单元格内，在属性面板中，将格式设为段落， 水平设为右对齐，然后输入师院信息。在网页中右击，在弹出的快捷键菜单中执行css 样式的新建命令弹出新建 css 规则对话框。8 新建 css 规则对话框的设置如图 8 所示，设置好后，单击确定按钮。弹出x2 的规则定义对话框，将大小设为 9 像素， 样式设为正常， 行高设为 20 像素， 颜色设为，其余不变。设置完毕后，单击确定按钮。9在编辑窗口选中输入的文字，右击在弹出的快捷菜单中执行css 样式的x2命令，为文字应用 css 样式。按下 ctrl+s 组合保存文件，按下 F2 键预览在 IE 中。表格，是指按所需的内容项目画成格子，分别填写文精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 5 / 7字或数字的书面材料，便于统计查看。是人们表达解释事务性质所运用的数据传达形式，在经济领域或者统计活动中运用很是广泛。在 Microsoft Office 中：表格：表格由一行或多行单元格组成，用于显示数字和其他项以便快速引用和分析。表格中的项被组织为行和列。表格由行，列，单元格三个部分组成。在现实生活中：表格应用于各种软件中,有表格应用软件也有表格控件,典型的像 Office word,excel, 表格是最常用的数据处理方式之一，主要用于输入、输出、显示、处理和打印数据，可以制作各种复杂的表格文档，甚至能帮助用户进行复杂的统计运算和图表化展示等。表格控件还可常用于数据库中数据的呈现和编辑、数据录入界面设计、数据交换(如与Excel 交换数据)、数据报表及分发等。比如Spread,ComponentOne 的 FlexGrid。而随着互联网时代的发展，现在还能在网上做表格，简称“网表”或“在线表格” 。表格的 HTML 基本语法. - 定义表格- 定义表行精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 6 / 7- 定义表头- 定义表元(表格的具体数据)网页是一个文件，通常是 HTML 格式(文件扩展名为.html 或.htm)。网页通常用图像档来提供图画。网页通常要透过网页浏览器来阅读。根据 W3C 对于 WEB PAGE 的定义，网页是一个信息的集合，其内容包含一个或多个网络资源的信息，同时预期使其成为单一个 URI。进一步说，一个网页其包含一个或多个嵌入于网页中的网络资源使其成为单一个 URI 档案(HTML)，而该 URI 并 不再嵌入于其他档案之中。网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。网页是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取，是万维网中的一“页” ，是超文本标记语言格式(标准通用标记语言的一个应用，文件扩展名为.html 或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。静态网页静态网页，其内容是预先确定的，并存储在 Web 服务精品文档2016 全新精品资料-全新公文范文 -全程指导写作 独家原创 7 / 7器或者本地计算机/服务器之上。特点：，制作速度快，成本低，模板一旦确定下来，不容易修改，更新比较费时费事，常用于制作一些固定板式的页面。，通常用于文本和图像组成，常用于子页面的内容介绍。动态网页动态网页，是取决于由用户提供的功能，并根据存储在数据库中的网站上的数据中创建的页面。储存当要将网页存入自己的电脑内，网页浏览器通常