预览制作的效果预览制作的效果.ppt

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