网页设计实例教程课件第8章网站建设与开发实战.ppt

8.3 实现可关闭菜单栏 8.3.1 用框架集实现 8.3.2 用div+iframe实现 8.3.1 用框架实现 图8-14 实现可关闭效果所需图片 本例需要多个文件，对开发环境做一些设置，可参考如下步骤： （1） Dreamweaver站点设置，站点名为stuweb，对应的磁盘目录可以任意； （2） 新建目录images，将以上图片放入images目录中； （3） 新建mainframe.html，用来放置框架集frameset代码； （4） 新建leftmenu.htm，用来放置左侧可伸缩菜单代码； （5） 新建congtrol.htm，用来放置左侧菜单关闭与展开的控制代码； （6） 新建content.htm，用来放置主内容代码。 图8-15 开发左侧可关闭菜单环境设置 设置完成后，打开Dreamweaver文件面板，如图8-15所示： 8.3.2 用div+iframe实现 这种方法使用层实现了一个框架的样式，在视觉上左侧是菜单栏。内容页的容器使用了内联框架（iframe）,如果用左侧菜单栏链接来改变内敛框架的内容页的话，记得把链接的target属性设置为内联框架的名字。在本实例中内联框架的名字是“main”。这种方法体现了一个思想，就是用什么技术来实现并不重要，用户需要的是最终的效果。 图8-16 用层实现的可关闭左侧菜单栏 图8-17 所需图片 本例需要多个文件，对开发环境做一些设置，可参考如下步骤： （1） Dreamweaver站点设置，站点名为stuweb，对应的磁盘目录可以任意； （2） 新建目录images，将以上图片放入images目录中； （3） 新建divframe.html，用来放置框架集页面布局设计代码； （4） 新建content.html，用来放置内容页代码。 图8-18 论坛主页开发环境设置 内联框架使用总结 相对于框架的实现，用层是不是简洁的多。在此实例中，注意一下几点： 内联框架的高度参数。 在iframe标签内，属性onload=adjustiframheight();指定当内联框架加载时，就调用函数动态调整内联框架的高度。所以其中的height参数并不重要，写任意值或不用height属性都可以。 在函数adjustiframheight()中，语句“height = ifrobj.document.body.scrollheight + 40; ”表示根据内联框架中加载页的高度调整内联框架的高度。40是个安全量，因为加载页如果body属性的margin属性没有设置为0的话，scrollheight属性的值小于页面实际需要的高度。 讲课完毕，请大家自习，有问题请举手! 谢谢！ 网页制作实例教程 第8章网站建设与开发实战 总体思想 前面几章学习了HTML和Fireworks等基本操作知识。那么，怎么利用这些知识来发出开发出实际等网站来？或许您觉得自己缺乏经验，或许您对自己的美工很没有信心。本章等内容就是基于作者网站开发的实际经验，讲述网站开发的基本流程，以及如何在现有知识的基础上，制作出精彩的网站作品。 本章内容 8.1 网站建设基本流程 8.2 制作网站首页 8.3 实现可关闭菜单栏 8.1 网站建设基本流程 在真正建立属于您自已的网站之前，有必要先了解一下网站建设的基本流程：注册域名、租用空间、网站建设、网站推广、网站维护，我们称之为网站建设五步曲。 1. 注册域名 站点的域名在全世界范围内是唯一的，域名的意义、是否容易被人记住等因素，对网站的有着至关重要的作用。因此域名本身是极具商业价值的软产品，可以到域名服务商那里去注册新域名，也有人不惜花重金从别人手里买域名。 现在域名的种类很多，几类常见域名的意义如下： .com -国际顶级域名， 商业性的机构或公司 .net - 国际顶级域名，一般网络公司注册此种域名 .cn- 由我国管理的国际顶级域名，各国都有，如：.uk代表英国 .gov - 政府机构，如： .org - 非赢利组织或协会用此种域名，如： .edu - 教育机构，如： 8.1 网站建设基本流程 2.租用空间 这一步要容易的多了。域名服务商一般同时提供空间服务。视网站的具体情况，可以租用虚拟空间，也可以租用或购买单独的服务器。适应网站使用，一般需要一个固定的IP地址，然后把域名解析到服务器的IP地址上，用flashftp、cuteftp等工具上传网站的内容。网站就可以让浏览者访问了。这些配置都可以在服务商的网站上按照提示一步步解决。 3.网站建设 现在中国的网站有70多万个，全世界的网站更是不计其数，所以这是一个真正展示个性化的时代。现在是网络时代，大多客户都是通过网站了解一个公司的，所以你必须保证自