当前位置:软件学习 > Dreamweaver >>

Dreamweaver如何制作页面布局

本文章介绍如何在 Macromedia Dreamweaver 8 中创建基于表格的页面布局。页面布局用确定您的页面在浏览器中会如何显示,打个比方,显示菜单、图像和 Macromedia Flash 内容用如何放置。表格是用于在 HTML 页上显示表格式数据还有对文本和图形进行布局的强有力的软件。您可以使用表格快速轻松地创建布局。在本教程中,您用在一个新的 Dreamweaver 文档中创建如果干表格。这一系列表格的行和单元格实际上用作您用在将来添加的内容的"容器框"。

  检查设计草样

  一般,创建 Web 站点并不可能以打开 Dreamweaver 并立即对页面进行布局开始的。创建 Web 站点的初始工作根据纸张或图形编辑应用程序(如 Macromedia Fireworks)开始。图形设计人员一般会画出 Web 站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能促使客户满意。

  设计草样由客户需要其 Web 站点拥有的任意数目的页面元素组成。打个比方,客户可能会提出:"页面顶端要有徽标,要有能链接到别的页面的导航功能,有用于联机存储的部分和可以插入视频剪辑的位置。"根据这一系列讨论,设计人员开始对站点布局进行规划,并制作满足客户需要的示例页面草图。

  本教程向您提供为 Cafe Townsend(一个就得制作 Web 站点的虚构餐馆)设计的、完整的和符合需要的设计草样。作为 Web 设计人员,您就得对草样进行转换,使之最后形成可以使用的 Web 页面(一般就得别的图形设计人员与 Flash 设计人员的帮助)。

  Dreamweaver如何制作页面布局

  您可以观察,图形设计人员可以向您提供了 Web 页面设计草样,其中包括多数内容区域和图形方案。在下面的部分,您用使用 Dreamweaver 展示此设计。

  您也可以打开原始草样文件以便在电脑屏幕上查看该设计草样。可以在 cafe_townsend 文件夹(在教程:设置站点和项目文件中已用该文件夹复制到了硬盘上)的 fireworks_assets 文件夹中找到设计草样 homepage-mockup.jpg。在创建页面时,还可以打印草样以便随时查看。

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,