用dreamweaver8表格进行页面布局教程

用dreamweaver8表格进行页面布局教程

ID:15027042

大小:764.00 KB

页数:15页

时间:2018-07-31

用dreamweaver8表格进行页面布局教程_第1页
用dreamweaver8表格进行页面布局教程_第2页
用dreamweaver8表格进行页面布局教程_第3页
用dreamweaver8表格进行页面布局教程_第4页
用dreamweaver8表格进行页面布局教程_第5页
资源描述:

《用dreamweaver8表格进行页面布局教程》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、用Dreamweaver8表格进行页面布局教程-文章来自于【学吧】http://www.xue8.com/network/view.asp?ArticleID=1588&Page=1-  本文介绍如何在MacromediaDreamweaver8中创建基于表格的页面布局。页面布局将确定您的页面在浏览器中会如何显示,例如,显示菜单、图像和MacromediaFlash内容将如何放置。表格是用于在HTML页上显示表格式数据以及对文本和图形进行布局的强有力的工具。您可以使用表格快速轻松地创建布局。在本教程中,您将在一个新的Drea

2、mweaver文档中创建若干表格。这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。  通常,创建Web站点并不是以打开Dreamweaver并立即对页面进行布局开始的。创建Web站点的初始工作从纸张或图形编辑应用程序(如MacromediaFireworks)开始。图形设计人员通常会画出Web站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能让客户满意。  设计草样由客户要求其Web站点具有的任意数目的页面元素组成。例如,客户可能会提出:"页面顶端要有徽标,要有能链接到其它页面的导航功

3、能,有用于联机存储的部分和可以插入视频剪辑的位置。"根据这些讨论,设计人员开始对站点布局进行规划,并制作满足客户要求的示例页面草图。  本教程向您提供为CafeTownsend(一个需要制作Web站点的虚构餐馆)设计的、完整的和符合要求的设计草样。作为Web设计人员,您需要对草样进行转换,使之最终形成可以使用的Web页面(通常需要其他图形设计人员与Flash开发人员的帮助)。     您可以看到,图形设计人员已经向您提供了Web页面设计草样,其中包括一些内容区域和图形方案。在下面的部分,您将使用Dreamweaver展示此设

4、计。 您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。可以在cafe_townsend文件夹(在教程:设置站点和项目文件中已将该文件夹复制到了硬盘上)的fireworks_assets文件夹中找到设计草样homepage-mockup.jpg。在创建页面时,还可以打印草样以便随时查看,创建并保存新页面。  建立站点并检查设计草样后,您就可以开始创建Web页面了。首先您将创建一个新页面,并将它保存到您的Web站点的本地根文件夹cafe_townsend中。该页面最终将成为虚构餐馆CafeTownsend的主页。  如

5、果您尚未创建本地根文件夹cafe_townsend,则必须先完成创建,然后再继续。  在Dreamweaver中,选择"文件">"新建"。  在"新建文档"对话框的"常规"选项卡上,从"类别"列表中选择"基本页",从"基本页"列表中选择"HTML",然后单击"创建"。  选择"文件">"另存为"。在"另存为"对话框中,浏览至定义为站点的本地根文件夹的cafe_townsend文件夹并打开该文件夹。  在教程:设置站点和项目文件中,您在名为local_sites的文件夹中创建了此文件夹。  在"文件名"文本框中输入index.

6、html,然后单击"保存"。  文件名即出现在应用程序窗口顶部的标题栏中。  在新文档顶部的"文档标题"文本框中,键入CafeTownsend。    这就是页面的标题(与文件名不同)。站点访问者在Web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。选择"文件">"保存"来保存该页面。  插入表格  接下来,您将添加一个表格,用于放置文本、图形和MacromediaFlash资源。在页面上单击一次,在页面左上角放置插入点。  选择"插入">"表格"。在"插入表格"对话框中,执行下面的操作: 在"行数"文本框中,输入3

7、。在"列数"文本框中,输入1。在"表格宽度"文本框中,输入700。在"表格宽度"弹出式菜单中,选择"像素"。  在"边框粗细"文本框中,输入0。  在"单元格边距"文本框中,输入0。  在"单元格间距"文本框中,输入0。单击"确定"。      一个三行一列的表格即出现在文档中。该表格的宽度为700像素,边框、单元格边距和单元格间距均为0。    关于表格的更多信息表格是用来在HTML页上显示表格式数据以及对文本和图形进行布局的强有力工具。表格由一行或多行组成;每行又由一个或多个单元格组成。当您创建包含多个单元格的多行表格时

8、,这些单元格形成列。从技术上来说,一个单元格是水平行中的一个区域,而一列是由这些单元格区域垂直堆积而成的。  当选定了表格或表格中有插入点时,Dreamweaver会显示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。    宽度旁边是表格标题菜单与列标题菜单的箭头。使用菜单可

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。