Dreamweaver 入门:创建基于表格的页面布局
发布时间:2006-08-04 11:02:08 来源:天极网 网友评论 0 条本文章介绍如何在 Macromedia Dreamweaver 8 中创建基于表格的页面布局。页面布局将确定您的页面在浏览器中会如何显示,例如,显示菜单、图像和 Macromedia Flash 内容将如何放置。表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。您可以使用表格快速轻松地创建布局。在本教程中,您将在一个新的 Dreamweaver 文档中创建若干表格。这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。
检查设计草样
通常,创建 Web 站点并不是以打开 Dreamweaver 并立即对页面进行布局开始的。创建 Web 站点的初始工作从纸张或图形编辑应用程序(如 Macromedia Fireworks)开始。图形设计人员通常会画出 Web 站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能让客户满意。
设计草样由客户要求其 Web 站点具有的任意数目的页面元素组成。例如,客户可能会提出:"页面顶端要有徽标,要有能链接到其它页面的导航功能,有用于联机存储的部分和可以插入视频剪辑的位置。"根据这些讨论,设计人员开始对站点布局进行规划,并制作满足客户要求的示例页面草图。
本教程向您提供为 Cafe Townsend(一个需要制作 Web 站点的虚构餐馆)设计的、完整的和符合要求的设计草样。作为 Web 设计人员,您需要对草样进行转换,使之最终形成可以使用的 Web 页面(通常需要其他图形设计人员与 Flash 开发人员的帮助)。

您可以看到,图形设计人员已经向您提供了 Web 页面设计草样,其中包括一些内容区域和图形方案。在下面的部分,您将使用 Dreamweaver 展示此设计。
您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。可以在 cafe_townsend 文件夹(在教程:设置站点和项目文件中已将该文件夹复制到了硬盘上)的 fireworks_assets 文件夹中找到设计草样 homepage-mockup.jpg。在创建页面时,还可以打印草样以便随时查看。
有关可用来学习 Dreamweaver 的资源的更多信息,请参见学习 Dreamweaver。
- 推荐阅讯
- Dreamweaver 入门:发布你的站点
- DreamWeaver表格应用(细线框的制作)
- Dreamweaver构建Blog(12):把BLOG上传到远程
- Dreamweaver 入门:DW 8 的新增功能
- 解决Deamweaver8中CSS应用无效问题
- Dreamweaver构建Blog(2):构建开发环境
- Dreamweaver中层的应用技巧
- 在DW8中创建代码片段
- 巧妙运用DW进行网页制作技巧
- Dreamweaver网页制作技巧:使用模板
- 阅读排行
- 1.Dreamweaver中CSS样式表的应用实例
- 2.菜鸟学用DreamWeaver做ASP
- 3.Dreamweaver经典问题大搜罗(全集)
- 4.情人节打造爱的纪念页
- 5.用Dreamweaver插入网页背景音乐的方法
- 6.Dreamweaver超级技巧(下)
- 7.Dreamweaver扩展(插件)的开发
- 8.自建Blog网站完全图解
- 9.Dreamweaver制作网页之图片应用技巧
- 10.Dreamweaver 入门:使用CSS设置页面格式
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
