网页设计实例教程陈旭东孙永芳崔为花张晓诺08章节.pptVIP

总体思想 前面几章学习了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多万个，全世界的网站更是不计其数，所以这是一个真正展示个性化的时代。现在是网络时代，大多客户都是通过网站了解一个公司的，所以你必须保证自已的网站：页面精美引人、内容丰富、整站结构人性化、信息交互、及时更新才会真正发挥网站的作用。一个好的网站必须事先进行周密的策划，主要是制定网站的建站目的、整体风格、色彩倾向、功能模块，准备好网站所需的文字和图片内容。 8.1 网站建设基本流程 4. 网站推广 　　没有人会把五星级酒店建在深山老林里而不做任何宣传。想想我们自己是如何在互联网上寻找需要的产品或是服务的，你得让你的准客户找到你才行。在中国大家更多地是到新浪网、搜狐网和网易进行查询，所在你必须做基本登录才能被找到。对于一些热门行业，基本登录可能会把你排到20页以后，如此靠后实际根本不会有人有耐心查看到，所以还有必要做排名首页的推广。另外百度的竞价排名都是你可以考虑的内容。 5. 网站维护 信息维护确保网站具有持久吸引力的保障，一个经常更新的网站肯定要比一个一成不变的网站更能吸引和留住访问者。网站维护一般包含以下内容： 内容的更新，如：产品信息的更新，企业新闻动态更新，招聘启示更新等 网站风格的更新，如：网站改版 网站重要页面设计制作，如：启示类重大事件页面、突发事件及公司周年庆等活动页面设计制作 网站系统维护服务，如：email帐号维护服务、域名维护续费服务、网站空间维护、与IDC进行联系、DNS设置、域名解析服务等。 8.2 制作网站首页 8.2.1 用Fireworks设计页面 8.2.2 用层布局实现页面 8.2.1 用Fireworks设计页面 在自己现有的水平基础上，如果能把自己的创造力发挥到极限，制作超越自己水平的页面，页面设计是必不可少的。不少初学者都忽略这一步，着急写HTML代码。结果，花了不少时间写代码，到预览页面的时候，发现效果欠佳，不得不修改或重写代码。真是欲速则不达。 图8-1 大学生服务网设计 图8-3 处理设计图过程 图8-4 设计图最终效果 8.2.2 用层布局实现页面 在这里需要对开发环境做一些设置，可参考如下步骤： （1） Dreamweaver站点设置，站点名为stuweb，对应的磁盘目录可以任意； （2） 将5.3节中的代码做适当的整理，首先将其中为了显示布局而加入的边框（border: 1px solid #000000）和背景（background: #CCCCCC）样式都去掉； （3）新建目录css，新建样式样式文件style.css，将样式代码移到style.css文件中； （4）在将所用图片资源建立一个独立的目录（images）； （5）新建目录sub，以备后面的步骤中放入子页面使用。 设置完成后，打开Dreamweaver文件面板，如图8-5所示： 图8-5大学生服务网首页开发环境设置 导航栏所需图片 导航条需准备如下两张图片，如图8-6所示，放