chapter3课件(利用表格设计和制作网页).doc_第1页
chapter3课件(利用表格设计和制作网页).doc_第2页
chapter3课件(利用表格设计和制作网页).doc_第3页
chapter3课件(利用表格设计和制作网页).doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页实训利用表格设计和制作网页4第3单元 利用表格设计和制作网页实训目标F调整第2个外表格各单元格的宽度，效果如图6.28所示。操作步骤如下：（1）将插入点置于第1个单元格中，将单元格的宽度设置为130像素。（2）将第1个单元格拆分为2行，其中第2行单元格的高度设置为60像素，并将“用户登录”图像置于第2行单元格中。在单元格属性面板的“水平”下拉列表框中选择“右对齐”。设置单元格属性前后的效果对照（3）将插入点置于第2个单元格中，将单元格的宽度设置为260像素。F设置第3个外表格及其内嵌表格的单元格属性，效果如图所示。操作步骤如下：设置垂直对齐方式为“顶端”前后的效果对照（1）将第3个外表格的第1列的单元格的垂直对齐方式设置为“顶端”。（2）将第3个外表格的第2行第2列的单元格高度设置为136像素。（3）将的“未来都市”及“未来旅游”栏目表格中的第1行的行高均设置为30像素。F为第4个外表格中的各单元格分别设置背景颜色，操作步骤如下：（1）将插入点置于第1行的单元格中，在属性面板的背景颜色文本框中直接输入事先设计好的颜色代码“#034A82”。（2）同时选中表格的第2行和第3行，在属性面板的背景颜色文本框中直接输入事先设计好的颜色代码“#A8D4F0”。并将其行高分别设置为30像素和60像素。（3）将第3行单元格的“水平”对齐方式设置为“居中对齐”。任务五、表格的高级应用技巧F将第4个表格的第1行单元格制作水平线细线，效果如图所示。操作步骤如下：水平线细线（1）将插入点置于第4个表格的第1行单元格中。（2）在单元格属性面板的“高”文本框中输入2并在单元格中插入一个大小为1像素的spacer.gif透明图像。spacer.gif透明图像的制作方法为：（a）在菜单栏中选择“编辑”“首选参数”命令，打开“首选参数”对话框，如图所示。（b）在“分类”列表中中选择“布局模式”，然后在对话框的右边单击创建按钮，打开“保存间隔图像文件为”对话框，Dreamweaver自动生成大小为1像素的spacer.gif图像，将其保存到本地站点的images文件夹下。 “首选参数”对话框（c）在“首选参数”对话框中单击“确定”。（4）再选取第1行单元格，并将高度调整为5像素（大致和页眉上的横线高度相同）。F将第1个表格中的内嵌导航栏表格制作成立体导航栏表格，效果如图所示。操作步骤如下： 立体导航栏表格（1）选中第1个表格中的内嵌导航栏表格，将边框设置为1，边框颜色设置为“#FFFFFF”。（2）在表格属性面板中单击快速标签编辑器按钮，在标签编辑框中添加代码“bordercolo
人人文库> 全部分类> 办公材料 > 信函表格

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论