第8章网页制作技术-安徽理工大学.ppt

* * 在网页中表格常用于页面布局和信息组织，是网页设计中应用非常广泛的一种页面格式，表格标记的基本格式如下： table trtd列标题/td…td列标题/td/tr trtd单元格内容/td…td单元格内容/td/tr … trtd单元格内容/td…td单元格内容/td/tr /table 其中table…/table表示插入表格；tr…/tr表示在表格中插入一行；td…/td表示在行中插入一列。 8.2 HTML语言基础 8.2.4 表格标记 * * 表格标记有大量的属性，可以设置不同的显示效果，下面介绍常用的表格标记属性。 1.align属性 align属性用于设置表格在页面中的对齐方式，默认值为left，还可以取值为center和right。 2.width和height属性 width和height属性用于设置表格的宽度和高度，宽度和高度的单位可以是像素，也可以是百分数。 3.bgcolor和background属性 bgcolor属性用于设置表格的背景色，background用于设置表格的背景图像。 8.2 HTML语言基础 8.2.4 表格标记 * * 4.cellspacing和cellpadding属性 cellspacing用于设置单元格之间的距离，cellpadding设置表格内文本和单元格边框之间的距离。 5.border和bordercolor属性 border属性用于设置表格边框线的宽度，单位为像素，默认值为0，表示无边框；bordercolor属性用于设置表格边框线的颜色，bordercolor属性要与border属性一起使用，只有当border取值不为0时bordercolor属性才能生效。 8.2 HTML语言基础 8.2.4 表格标记 * * 思考：下面网页中的表格如何实现？ 8.2 HTML语言基础 8.2.4 表格标记 * * 8.1 网页设计与制作概述 8.2 HTML语言基础 8.3 使用Dreamweaver CS6 制作网页 * * Dreamweaver CS6是Adobe公司收购Macromedia公司后必威体育精装版推出的网页设计与制作软件，作为全球最流行、最优秀的所见即所得的网页编辑器，Dreamweaver CS6可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web站点,Web页和Web应用程序开发的理想工具。 8.3 使用Dreamweaver CS6制作网页 8.3.1 Dreamweaver CS6操作界面简介 * * Dreamweaver CS6安装完成后，就可以运行软件来进行网页设计与制作，初次运行软件时会出现“默认编辑器”对话框，用户可以根据实际情况设置对应的文件类型默认用Dreamweaver打开。 8.3 使用Dreamweaver CS6制作网页 8.3.1 Dreamweaver CS6操作界面简介 * * Dreamweaver CS6的标准工作界面包括：标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组 8.3 使用Dreamweaver CS6制作网页 8.3.1 Dreamweaver CS6操作界面简介 * * 要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上，放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。下面介绍本地站点的创建与管理方法。 1.规划站点结构 2.创建站点 3.搭建站点结构 4.文件与文件夹的管理 8.3 使用Dreamweaver CS6制作网页 8.3.2 建立与管理站点 * * Dreamweaver CS6建立站点演示： 选择菜单栏“站点”→“管理站点”，出现“管理站点”对话框，点击“新建站点”按钮，将打开“站点设置对象”对话框。 8.3 使用Dreamweaver CS6制作网页 8.3.2 建立与管理站点 * * 搭建站点结构演示： 站点是文件与文件夹的集合，站点创建成功后应对站点的结构进行规划，可以把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。 8.3 使用Dreamweaver CS6制作网页 8.3.2 建立与管理站点 * * 1.页面属性设置 在Dreamweaver CS6中打开任意页面进入页面的编 辑窗口，通过窗体下方的属性面板可以对页面的相 关属性进行设置。 8.3 使用Dreamweaver CS6制作网页 8.3.3 Dreamweaver页