当前位置：文档之家 › 网页制作-03-tb

网页制作-03-tb

  • 格式：ppt
  • 大小：2.49 MB
  • 文档页数：29

下载文档原格式

  / 29

合集下载

网页制作教程03

网页制作教程03
40
绝对路径与相对路径(3)
例3:D:/myweb/web/zhang/index.htm D:/myweb/img/images/wm.gif 相对路径：<img src=“../../img/images/wm.gif”> 把绝对路径转化为相对路径的时候，两个文件绝对路径 中相同的部分忽略,只考虑他们不同之处。 为了避免在制作网页时出现路径错误，可以使用 Frontpage或dreamweaver的站点管理功能来管理站点。 站点中的网页保存时将把图片保存到站点中并自动把绝对 路径转化为相对路径，并且在站点中移动文件的时候，与 这些文件关联的连接路径都会自动更改。
……
9
例-创建“园林建筑艺术”网站
园林建筑艺术 index.htm
园林的定义 dingyi.htm
园林的特点 tedian.htm
皇家园林—颐和园 yiheyuan.htm
私家园林—拙政园 zhuozhengyuan.htm
私家园林图片 tupian.htm
10
导入/创建站点
执行“站点”/“新建站点”命令， 打开“站点定义”窗口
通用的方法：
先新建一个文件夹（如“某某的网站”） 直接制作每一个网页文件，然后把所有的网页文件保存 在“某某的网站”的相应的子文件夹中 插入的图片或其他素材文件要事先复制到相应的子文件 夹中 ……
7
网站创建的基本方法-例
8
网站创建的基本方法
常用的方法：
新建一个文件夹,将此文件夹定义为Dreamweaver站点 在“文件”面板中创建网页文件和素材文件夹 在“站点地图”中创建网站结构 打开相应的网页，进行具体网页的编辑工作
38
绝对路径与相对路径(1)

网页制作软件FrontPage2003的使用PPT课件

网页制作软件FrontPage2003的使用PPT课件

1．设置网页主题
主题是一组可应用在网页上的设计元素和颜色方 案，主题赋予网页一致和引人注目的外观。使用 主题是快速容易地加入精采的网页内容和赋予网 页专业外观的方法。 (1)FrontPage 的某些特性只有在使用主题时才 可用。 (2)主题以统一的方式管理网页外观。 (3)可以更改和自定义主题。
通过组织导航视图的网页，可以为当前站 点创建导航结构。
导航视图会显示当前站点的结构，其中至 少包含主页。
图9-15 添加导航栏
返回本节
9.3.4 建立超链接
超链接是从一个网页指向另一个目的端的 链接，比如说指向另一个网页或者相同网页上的 不同位置。
当一个站点访问者单击超链接时，目的端 将显示在Web浏览器上，并根据目的端的类型来 打开或运行。
3．新建网页
利 用 Microsoft FrontPage 提 供 的 50 多 种 模 板 （包括常规、框架网页、样式表3套），可以很 方便地制作出各种专业网页。单击“文件→新建 →网页”命令，在打开的“新建”对话框中可以 设置用户满意的网页格式。
返回本节
9.3.2 网页制作
1．设置网页主题 2．在网页中插入特殊的对象 3．图形处理
9.3.1 Microsoft FrontPage的基本操作
1．Microsoft FrontPage的工作界面 2．新建站点 3．新建网页
1．Microsoft FrontPage的工作界面
图9-13 Microsoft FrontPage的工作界面（导航视图）
2．新建站点
单击“文件”菜单，指向“新建”子菜单，单击 “站点”，打开“新建”对话框，在“指定新站 点的位置”输入新站点的路径。一般情况下，可 以双击“只有一个网页的站点”图标，将建立只 有一个空白主页的站点。

网页设计与制作基础教程 第3版 第03章-使用表格布局页面

网页设计与制作基础教程 第3版 第03章-使用表格布局页面
导入表格式数据 导出表格式数据
::::::::::
::::::::::
3.2.8 导入与导出表格式数据
使用Dreamweaver CC，用户不仅可以将另一个应用程序，例如Excel中 创建并以分隔文本格式(其中的项以制表符、逗号、冒号、分号或其他分隔 符隔开)保存的表格式数据导入到网页文档中并设置为表格的格式，而且还 可以将Dreamweaver CC中的表格导出。
::::::::::
3.2.6 复制与粘贴单元格
用户在Dreamweaver CC中插入表格并选中表格中一个单元格后，选择 “编辑”命令，在弹出的的菜单中可以对表格执行“剪切”、“拷贝”、“ 粘贴”等操作。
::::::::::以根据单个列的内容对表格中的行进行 排序或者根据两个列的内容执行更加复杂的表格排序。
《 网页设计与制作基础教程(第3版)》
第三章
使用表格布局页面
学习目标
在网页中插入的文本和图像会随着浏览器窗口的放大与缩 小发生变化，这使得网页处于不稳定的显示状态。要解决这种 状态，最简单的方法就是使用表格，表格不仅能够控制网页在 浏览器窗口中的位置，还可以控制网页元素在网页中的显示位 置。
::::::::::
本章重点
创建基本表格 插入表格元素 调整表格大小 导入与导出表格数据 使用表格制作网页
::::::::::
3.1 使用表格
网页能够向访问者提供的信息是多样化的，包括文字、图像、动画和视 频等。如何使这些网页元素在网页中的合理位置上显示出来，使网页变得不 仅美观而且有条理，是网页设计者在着手设计网页之前必须要考虑的问题。 表格的作用就是帮助用户高效、准确地定位各种网页数据，并直观、鲜明地 表达设计者的思想。
网页中表格的用途 创建表格 插入表格元素 设置表格属性

网页制作与网站设计_03Dreamweaver CS3 基础

网页制作与网站设计_03Dreamweaver CS3 基础
操作步骤 4. 单击【下一步】按钮，弹出如图3-21所示对话框，在该对话框 中选择要定义的本地根文件夹，并指定站点位置。 5. 单击【下一步】按钮，询问是否使用服务器，因为没有使用远 程服务器，这里选择【无】，将整个站点制作完成以后再上传 6. 单击【下一步】按钮，将显示站点概要 7. 单击【完成】按钮，出现【管理站点】对话框，其中显示了新 建站点 8. 单击【完成】按钮，此时在【文件】面板中可以看见创建的站 点文件
•
如果要打开网页文件，可以选择菜单“文件”|“打开”命令，在 “打开”对话框中选择需要打开的网页文件
Dreamweaver CS3基础
任务五描述：建立站点 站点是建立和管理网站文件的一种方式和方法，因此，建立站点 是创建网站的一个重要前提之一。Dreamweaver CS3是一个站点创 建和管理工具，使用它不仅可以创建单独的文档，还可以创建完整的 站点。 解决方案 在使用Dreamweaver CS3制作网页前，最好先定义一个新站点， 这是为了更好地利用站点对文件进行管理，尽可能减少错误，如路径出 错、链接出错等。我们可以使用【站点定义向导】按照提示快速创建本 地站点
Dreamweaver CS3基础
知识讲解及操作步骤 1. Dreamweaver特点： 2. 灵活编写网页的特点
3. 可视化编辑界面
4. 强大的Web站点管理功能 • • • • 业界领先的网页设计工具 集成的工作流 整的CSS支持 轻松的Spry
Dreamweaver CS3基础
任务二描述：了解Dreamweaver CS3创建Web站点的工作流程 经过对Dreamweaver CS3特点、新特性的了解，小刚已经对 Dreamweaver CS3有了基本的认识，下面我们来学习如何利用 Dreamweaver CS3创建Web站点的流程。

网页制作FrontPage_2003(75)

网页制作FrontPage_2003(75)
35
2．选择链接的目标
• 链接的目标包括原有文件或网页、本文档中的位置（书签）、 新建文档、电子邮件等。根据跳转目的地的不同，网页中链 接可分为4种类型。 • 1）原有文件或网页直接跳转到已经存在的某一网页或文件。 • 如果是本网站内的网页，可用光标在“插入超链接”对话框 列表文件中选择。 • 如果是本机上其它网站中的网页，则选择“插入超链接” 对话框中的按钮，或从“查找范围”中选择相应的网站，再 选择所需网页。 • 如果是Internet上其它网站的某一网页，可单击按钮打开浏 览器找到该页面后，该页面的网址会自动出现在“地址”栏； 也可以直接在地址栏文本框中输入该网页的地址。
13
7.1.3基本操作
• 1．网站的规划 • 2．网站的基本操作 • 3．网页的基本操作
14
1．网站的规划
• 首先要明确建立网站的目的。 • 其次要明确网站的浏览者群。 • 最后要考虑到如何能够便于网站的日常维护。
15
2．网站的基本操作
• 1) 创建网站 • 创建一个Web网站有两种方法。第一种方法是利用FrontPage 的Web网站模板和向导，这种方法操作简单、速度快，比较适 合建立大、中型的Web网站。第二种方法是逐个地创建网页文 件，然后创建它们之间的链接关系，这种方法适合于网页数 量不多的小型网站。 • 使用FrontPage模板创建网站的步骤： • 启动FrontPage应用程序； • 选择【文件】【新建…】命令，打开“新建”任务窗格； • 选择网站模板，在“新建网站”栏选择“由一个网页组成的 网站…”，打开“网站模板”对话框，在“指定新网站的位置” 文本框中输入新网站的位置及名称，然后单击“确定”按钮。
6
1．“网页”视图
7
2．“文件夹”视图

网页制作ppt教学课件

网页制作ppt教学课件
$item1_cJavaScript提供了许多内置函数，如Math.max()、Math.min()、Date()等，用于执行各种常见的数学和日期计算操作。
JavaScript提供了许多内置函数，如Math.max()、Math.min()、Date()等，用于执行各种常见的数学和日期计算操作。
网页制作实例
01
02
03
04
文本
图像
视频
音频
包括动画、电影、直播等视频元素。
包括图片、图标、背景等图像元素。
包括标题、段落、列表等文本元素。
包括音乐、声音、音效等音频元素。
01
02
03
04
05
建站工具介绍
官方介绍：Dreamweaver是一款网页制作软件，它使用了视觉方式创建和管理网页，是创建动态网页的工具之一。
可以选择使用现有的AJAX框架，如jQuery、Axios等，以简化开发流程。
使用AJAX框架实现异步请求，包括发送请求、处理响应、更新页面内容等。
通过优化请求频率、减少服务器响应时间等方式，提高网页的性能和响应速度。
THANK YOU
感谢聆听
CSS的主要作用是描述网页文档的外观和格式，如颜色、高度、宽度、边距等。它能够使网页更加美观、易于阅读和维护。
CSS是一种相对较新的技术，它于1990年代末期由Håkon Wium Lie和Bert Bos共同发明，并由W3C（万维网联盟）进行标准化。
选择器
属性
值
声明块
CSS选择器用于选择要应用样式的HTML元素。例如，元素选择器会选择所有给定的HTML元素。
完成前后端连接后，进行测试和调试，确保动态网页的功能和稳定性。
动态网页通常使用后端技术实现，如PHP、Java、Python等，根据需求选择合适的技术。

网页制作教程-PPT课件

菜单栏 插入栏
2. 网页的类型
• 动态网页 是在发送到浏览器之 前由应用程序服务器 自定义的网页。动态 网页要在经过服务器 的修改后才被发送到 请求它的浏览器。网 页发生更改的特性便 是称其为动态的原因。
“文档”工具栏
面板组
“文档”窗口 状态栏 “属性”面板
动态网页的工作流程 11
11
子任务1
3. 组成页面的元素
可以通过“文件”->“在浏览器中预览”->iexplore运 行。 直接单击“F12”运行。 点击“文档”工具栏中的快捷按钮运行。
27
27
小结与作业
bvtc
静态网页与动态网页 Html基本概念 网页设计与制作的基本流程 Dreamweaver CS3工作界面 如何创建本地站点并进行管理 对页面属性进行设置 代码文件头“title”标记的设置 如何运行网页文件 上机实验1
bvtc
网页的基本操作与站点管理
不要将所有文件都放在根目录下，这样做会使文件管理混乱，上 传速度慢。 按栏目内容建立子目录。 次要栏目视情况而定。对于需要经常更新的栏目可以建立独立的 子目录。而一些相关性强，不需要经常更新的栏目，可以合并放 在一个统一的目录下。 所有程序一般都放在特定目录中，所有需要下载的内容也最好放 在一个子目录下。 在每个主目录下都建立独立的images目录，。为每一个栏目建 立一个独立的images目录是最方便管理的。而根目录下的 images目录只是用来放首页和一些次要栏目的图片。 注意：目录的层次不要太深，不要使用中文目录，不要使用过长 的目录名，目录要做到“见名之义”等。
二、网站的制作期:使用Dreamweaver制作首页及分页。 三、网站的后期维护:测试网站,申请域名,上传网站内容及管理。

FrontPage 2003 网页制作

中按照背景图片的相应位置绘制出两个小单元格，其中下方的单元 格用于放置“主页”二字，至此完成了对主页的页而布文字
按快捷键Alt + Fl打开文件夹列表窗格，使用Word 2003编辑文本资 料，并将编辑好的文字粘贴到网页右侧布局单元格中选择右侧文字 资料所在布局单元格，按快捷键Ctrl+ Fl打开任务窗格。设置单元 格格式左、右边距及文字垂直对齐方式，如图5-14所示。
个空白的网页。 2.使用模板或向导创建网页 选择“文件”→“新建”→“网页”命令，打开“新建”对话框。 在“新建”对话框的“常规”选项卡中，选择除“普通网页”图标
以外的任意一个模板向导选项。 单击“确定”按钮，Microsoft FrontPage。即可根据用户选择
的模板或向导创建包含指定文本、图形、网页元素的Web页。
模块5 FrontPage 2003 网页制作
任务1 FrontPage 2003 的基础知识 任务2 在网页中插入图片和超链接 任务3 使用FrontPage 2003组件美化制作动态网 任务4 发布管理网站
本章导读
FrontPage是一款当今很流行的网页设计软件，它集图 片网页设计、数据库应用、多媒体处理、网页特效等众多功 能于一体，并且能给设计者建立一个所见即所得的网页设计 环境。
上一页 下一页 返回
任务1 FrontPage 2003 的基础知识
5.1.3 网页的保存
选择“文件”→“保存”命令，在出现的对话框中的“保存位
置”下拉列表框中选定新文件的保存位置，在“文件名”文本框 中输入文件名称，在“保存类型”下拉列表框中选定新文件的保 存类型(一般为网页文件，如“Web页”类型)，最后单击“保存” 按钮即可保存当前网页。
学习目标

网页设计教程-第3章课件

个元素的颜色等。正确设置文档属性是成功编写网页的必要前提。要设 置文档的页面属性，其具体操作如下。 • (1) 选择【修改】|【页面属性】命令，或在文档窗口中右击，然后从快 捷菜单中选择【页面属性】命令。这时会打开如图3.6所示的对话框，设 置文档页面的外观属性。 • (2) 利用【文本颜色】文本框可以设置文档中文字的前景颜色。在 Dreamweaver中选择颜色的方法很简单，单击【文本颜色】文本框旁边的 色块，会弹出一个调色板，如图3.7所示，在所需的颜色上单击就可以选 定这种颜色。 • (2) 利用【文本颜色】文本框可以设置文档中文字的前景颜色。在 Dreamweaver中选择颜色的方法很简单，单击【文本颜色】文本框旁边的 色块，会弹出一个调色板，如图3.7所示，在所需的颜色上单击就可以选 定这种颜色。
• 在这段源代码中设置了网页的一些基本属性如页名、标题、正文和页面 背景色等。
• 2. 保存文档 • 当创建一个新的文档并编辑后，就要保存该文档。 • 保存文档可以单击【文件】|【保存】命令，或是按下Ctrl+S组合键。如果
文档尚未被保存，则会出现如图3.5所示的【另存为】对话框。选择路径 并输入文件名，单击【保存】按钮，即可保存文档。如果文档已经被保 存过，则会直接保存文档，不会出现该对话框。
学习交流PPT
4
3.1 制作文本特效
• 文本是网页中最基本的元素。好的文本格式，能够 充分体现文档要表述的意图，激发读者的阅读兴趣。 在网页中设置丰富的字体、多种的段落格式以及赏 心悦目的文本效果，对于一个专业的网站来说，是 必不可少的要求之一。在本节中将讲述如何创建一 个文档，并在文档中添加各种各样的文字。
利用【已访问链接】文本框可以设置文档页面中已经访问过的超链接的 文字颜色。

网页制作入门(frontpage2003教材) (4)

仅供个人参考网页制作4第三单元本单元以“可爱的中国”为主题，运用前2单元已经学过的F rontpage2003网页制作知识、制作完成“可爱的中国”主题网站。

第一课规划网站，主要是设计网站结构图及创建“可爱的中国”网站的站点，并为制作网站准备素材。

第二课设计框架网页，要求在左框架网页中始终显示导航栏,并且通过导航栏链接的网页能够分别显示在右框架网页之中。

第三课学习设置网页过渡效果以给浏览者提供美妙且富有情趣的视觉环境。

仅供个人参考第四课发布网站本课第一任务是对“可爱的中国”网站进行最后的检测。

第二任务是通过Windows系统中的“个人Web服务器”，将自己的计算机作为服务器，发布网站。

第五课将制作网站的一般步骤进行如下归纳，学生检查自己制作的网站并完成评价表的填写。

本单元中所用到的素材等，都保存在相关网页的相应文件夹中。

知识要点：第1课：1、规划网站的结构。

2、创建空白站点。

3、为网站准备素材。

第二课：1、创建框架网页。

2、保存框架网页。

第三课：设置网页过渡效果。

第四课：1、对网站进行检测。

2、利用个人Web服务器发布、测试网站第一课时规划与准备探究空间：可爱的中国、悠久的历史、灿烂的文化。

接下来，就让我们以“可爱的中国”为主题，从中国历史、地理、中国之最、中华民族等方面作为内容开始规划一个“可爱的中国”网站。

11、规划网站的结构仅供个人参考在开始建立网站之前，首先要确定网站的主题，然后根据主题确定这个网需要由多少个网页组成，以及这些网页之间的链接方式。

当我们确定了“可爱的中国”网站的主题后，经过分析，决定用5个网页来表现这个主题，如下图所示。

主页中国历史中国地理中国之最中华民族图3-1.1我们把上面的这个图称为网站结构图。

从这个图中可以看出，可爱的中国”网站的结构分为2层。

在制作网站之前画出结构图，不但可以帮助我们规划网站结构，使网站层次分明、条理清楚，还可以确定各个网页的内容，方便大家思考各网页之间的链接方式。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

13
小结1 小结1
南京航空航天大学
编写如下图所示效果对应的html代码 代码 编写如下图所示效果对应的
第一行第一个 格子跨了2行 格子跨了 行
此格子 跨了3列 跨了 列
练习代码
练习答案
14
什么是表格的美化修饰
南京航空航天大学
• 根据理解，下面表格应该从哪些方面进行美化修饰？ 根据理解，下面表格应该什么使用表格
南京航空航天大学
• 表格应用场合 • 论坛 • 门户网站 • 购物网站
购物网站 应用表格
论坛中应用 表格
门户网站应 用表格
6
表格的基本结构
南京航空航天大学
列
单元格 行
文档中，广泛使用表格 表格来存放网页上的文本和图像 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像
7
表格的基本语法
12
如何创建跨行跨列的表格
南京航空航天大学
查看源代码
<TABLE border="1"> <TR> <TD>手机充值、IP卡 </TD> 手机充值、 卡 手机充值 <TD colspan="2">办公设备、文具 办公设备、 办公设备 文具</TD> </TR> <TR> <TD rowspan="2">各种卡的总汇 各种卡的总汇</TD> 各种卡的总汇 <TD>铅笔 铅笔</TD> 铅笔 <TD>彩笔 彩笔</TD> 彩笔 </TR> <TR> <TD>打印 打印</TD> 打印 <TD>刻录 刻录</TD> 刻录 </TR> </TABLE>
11
跨多行的表格
南京航空航天大学
查看源代码
rowspan =“n” 属性表示跨多少行？ 属性表示跨多少行？
<TABLE border="1"> <TR> <TD rowspan=“3” >早上菜谱 </TD> 早上菜谱 <TD >食物 食物</TD> 食物 <TD >鸡蛋 鸡蛋</TD> 鸡蛋 </TR> <TR> <TD >饮料 饮料</TD> 饮料 <TD >牛奶 牛奶</TD> 牛奶 </TR> <TR> <TD>甜点 甜点</TD> 甜点 <TD>开心粉 开心粉</TD> 开心粉 </TR> </TABLE>
背景图片 背景色 表格的高度
文字对 齐方式 表格的宽度
15
如何设置表格的尺寸和边框
南京航空航天大学
查看源代码
width用来设置表格的宽度 用来设置表格的宽度 height用来设置表格的高度 用来设置表格的高度
border用来设置表 用来设置表 格边框尺寸大小
<TABLE width=“400” height=“200” border=“15” “ ” “ ” “ ” bordercolor="red"> <TR> bordercolor用来设 用来设 <TD colspan="4"> 品牌商城 品牌商城</TD> 置表格边框颜色 </TR> <TR> <TD colspan="2" >笔记本电脑 笔记本电脑</TD> 笔记本电脑 <TD colspan="2" >办公设备、文具、耗材 办公设备、 办公设备 文具、耗材</TD> </TR> <TR> <TD >惠普 惠普</TD> 惠普 <TD >华硕 华硕</TD> 华硕 <TD >打印机 打印机</TD> 打印机 <TD >刻录盘 刻录盘</TD> 刻录盘 </TR> </TABLE>
南京航空航天大学 border用来设置表 用来设置表 格边框尺寸大小 <TABLE border="1"> <TR> <TD> 单元格内容 </TD> …… </TR> ……
<TD>…</TD> 定义列
<TR>…</TR> 定义行
<TABLE>... </ TABLE > 定义表格
</TABLE>
8
9
什么是跨行跨列的表格
南京航空航天大学
• 下图中的表格哪里用了跨行？哪里用了跨列？ 下图中的表格哪里用了跨行？哪里用了跨列？ 跨了几行几列？ 跨了几行几列？
跨3列 列
跨3行 行
10
跨多列的表格
南京航空航天大学
查看源代码
COLSPAN=“n” 属性表示跨多少列？ 属性表示跨多少列？ <TABLE border="2"> <TR> <TD colspan="3">学生成绩表 学生成绩表</TD> 学生成绩表 </TR> <TR> <TD >英语 英语</TD> 英语 <TD >数学 数学</TD> 数学 <TD >语文 语文</TD> 语文 </TR> <TR> <TD>95</TD> <TD>98</TD> <TD>89</TD> </TR> </TABLE>
22
小结2 小结2
南京航空航天大学
编写如下图所示效果对应的HTML代码 代码 编写如下图所示效果对应的
表格的高度、 表格的高度、宽 背景图像、 度、背景图像、 边框和填充属性
练习代码
练习答案
行的背景色
单元格居 中对齐
23
什么是表格布局
南京航空航天大学
•
如何实现图文内 容的布局， 容的布局，达到 如左图所示页面 的效果？ 的效果？
南京航空航天大学
第3章 表格基础
邱菊： 邱菊：qiuju@
July. 07. 2010
回顾
南京航空航天大学
• 使用 使用Dreamweaver如何实现插入文本和图像？ 如何实现插入文本和图像？ 如何实现插入文本和图像 • 使用Dreamweaver如何实现插入链接和列表？ 如何实现插入链接和列表？ 使用 如何实现插入链接和列表 • 使用 使用Dreamweaver在网页中如何插入 在网页中如何插入Flash？ 在网页中如何插入 ？
查看源代码
<TABLE border="20" cellpadding="30" cellspacing="40" bordercolor="red"> …… </TABLE>
21
如何设置表格的填充属性
南京航空航天大学
查看源代码
<TABLE cellspacing=“5” cellpadding=“10” border=“1" “ ” “ ” “ background="images/type_back.jpg" > <TR> cellspacing属性用来设 属性用来设 <TD colspan="6">&nbsp;</TD> 置表格内框宽度 置表格内框宽度 </TR> cellpadding属性用来 属性用来 设置表格内填充距离 <TR bgcolor="#EBEFFF"> <TD colspan="3" align="center" >笔记本电脑 笔记本电脑</TD> 笔记本电脑 <TD colspan="3" align="center" >办公设备、文具、耗材 办公设备、 办公设备 文具、耗材</TD> </TR> 填充之后 …. 的效果 </TABLE>
如何创建表格
南京航空航天大学
查看源代码
<TABLE border="2"> <TR> <TD>移动 移动</TD> 移动 <TD>联通 <TD>联通</TD> 联通</TD> <TD>铁通 铁通</TD> 铁通 </TR> <TR> <TD>IBM </TD> <TD>惠普 惠普</TD> 惠普 <TD>华硕 华硕</TD> 华硕 </TR> </TABLE>
16
如何设置背景
南京航空航天大学 background属性用来设置表格的背景图片 属性用来设置表格的背景图片
查看源代码
<TABLE background=“images/type_back.jpg” width=“360" “ ” “ height="120" border="2" > bgcolor属性用来设置表格、行、列 属性用来设置表格、 属性用来设置表格 <TR> 的背景色。 的背景色。“#EBEFFF”是用 ”是用RGB <TD colspan="6">&nbsp;</TD> 表示的一种颜色值，RGB指的是红 表示的一种颜色值， 指的是红 </TR> 下图就是RGB颜色对照表 。 绿蓝 ，下图就是 颜色对照表 <TR bgcolor="#EBEFFF"> <TD colspan="3" >笔记本电脑 笔记本电脑</TD> 笔记本电脑 <TD colspan=“3” bgcolor="yellow" >办公设备、文具、耗材 办公设备、 “ ” 办公设备 文具、 </TD> </TR> …… </TABLE>