《Dreamweaver 网页设计》第14章 综合实例

Dreamweaver网页设计 第14章综合实例

Dreamweaver 网页设计 第14章 综合实例

【学习概述】 本章通过一个完整的例子来讲述设计网 页的具体步骤。这个例子涉及前面学习到 的大部分主要内容。比如表格、图像、文 本格式化、插入特殊符号、插入fash、调 用 javascript脚本、应用CSS样式表、应用 模板等内容。到目前为止这些内容对读者 来说应该是比较简单的。本章的重点和难 点是:表格的应用

【学习概述】 本章通过一个完整的例子来讲述设计网 页的具体步骤。这个例子涉及前面学习到 的大部分主要内容。比如表格、图像、文 本格式化、插入特殊符号、插入flash、调 用javascript脚本、应用CSS样式表、应用 模板等内容。到目前为止这些内容对读者 来说应该是比较简单的。本章的重点和难 点是：表格的应用

14.1【典例剖析】一数码专卖网 14.1.1站点规划 这个例子的主题定位是“数码专卖”,根据这个主题,站点规划步骤如下 1)根据主题内容所需,规划站点结构,如图14-1所示。 数码相机 数码摄像机 图14-1规划站点结构 npc. html 数字家庭 pan. html

14.1 【典例剖析】一数码专卖网 14.1.1 站点规划 这个例子的主题定位是“数码专卖”，根据这个主题，站点规划步骤如下： （1）根据主题内容所需，规划站点结构，如图14-1所示。 图14-1 规划站点结构

2)根据主题内容所需,规划站点目录结构如图142所示。 口 cs、 images、 flash这3个文件夹分别用来存放首 页" index.htm1”用到的样式表文件、图像文件、 flash动画文件。其它文件夹分别存放二级页面所用 到的文件。如"mp4"文件夹存放"mp4"栏目里的文 图14-2目录结构 (3)根据主题内容所需,规划网站首页草图如图143所示

（2）根据主题内容所需，规划站点目录结构如图14-2所示。 图14-2目录结构 （3）根据主题内容所需，规划网站首页草图如图14-3所示

标志 横幅广告 收藏、帮助 自彐 本店公告 新货上架 热点关注 热销产品 店推荐 版权信息等内容 (4)根据主题内容所需,规划网站二级页面草图如图144所示。 标志 横帽广告 收藏、帮助 本店公告 热点关注 本栏目主题内容 模板的可编辑区域 热销产品 版权信息等内容 图144二级页面草图

（4）根据主题内容所需，规划网站二级页面草图如图14-4所示。 图14-4 二级页面草图