第16课 综合实例 Dreamwear8网页设计教程PPT.pptVIP

第16课 综合实例 课堂讲解 上机实战 课堂讲解 制作步骤分析 预览制作的效果预览制作的效果 制作步骤分析 制作“商务九州”网站之前，需要在本地电脑中创建一个名为“shangwu”的文件夹，并在文件夹中建立一个名为“img”的文件夹保存制作网页时需要使用的图片。 创建好文件夹之后，启动Dreamweaver 8，建立一个名为“商务九州”的站点，将本地根文件夹设置为刚才创建的文件夹，然后在站点窗口中新建一个名为moban.dwt的模板文档，通过该模板创建首页“index.htm”和其他页面。 预览制作的效果预览制作的效果 上机实战 创建“商务九州”的模板文档 创建“商务九州”网站的首页 创建“GSM手机”页面 创建“会员注册”页面 创建“商务九州”的模板文档 创建空白模板文档 制作“商务九州”模板 添加顶部页面内容 添加左侧页面内容 添加底部版权信息 创建空白模板文档 添加顶部页面内容 顶部页面的主要内容为网站Logo和导航条。 添加左侧页面内容 左侧页面为会员登录和产品分类检索区。 添加底部版权信息 创建“商务九州”网站的首页 创建首页 创建第一个表格 创建第2个表格 创建左侧嵌套表格 创建右侧嵌套表格 预览并保存文档 创建首页 通过刚才新建的模板文档“moban.dwt”创建“商务九州”网站的首页。 创建第一个表格 创建左侧嵌套表格 创建右侧嵌套表格 预览并保存文档 完成“商务九州”网站的首页页面的制作后，选择[文件]?[保存]菜单命令对首页页面进行保存。保存后按【F12】键，在浏览器中可观看其效果，如有错误可以立即改正。 创建“GSM手机”页面 通过新建的模板文档“moban.dwt”创建“商务九州”网站的“GSM手机”页面。 创建“会员注册”页面 制作“会员注册”表单 美化“会员注册”表单 制作“会员注册”表单 美化“会员注册”表单 向下 向上 末页 首页 《中文Dreamweaver 8网页设计培训教程》 调音 返回 零点 起飞电脑培训学校 结束 向下 向上 末页 首页 《中文Dreamweaver 8网页设计培训教程》 调音 返回 零点 起飞电脑培训学校 结束