商业网站设计与制作(修订版2010)

《商业网站设计与制作(修订版2010)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、s网页设计与制作实训教程主编：王春媚主审：李金勇ss前言随着互联网的发展，网页设计也逐渐发展起来。在各种各样的网页设计软件中，Macromedia公司的网页三剑客Dreamweaver、Fireworks、Flash无疑是佼佼者，已经成为网页设计的首选和必备条件。本实训安排在网页制作课程后期，通过前面对三剑客的逐一学习，相信学生已经雀跃欲试，期待制作自己喜爱的网页。为了能够让学生把所学知识应用于实践，更深入地掌握网页制作三剑客的强大功能，此讲义将引导学生进入网页制作的综合应用，在本讲义中将通过“风

2、行天下汽车俱乐部”商业网站实例学习传统网页的制作方法与技巧。为了使读者了解实际网站开发的过程，本讲义立足于实际案例的开发，采用了工作过程导向的讲解方法，采用网页三剑客结合使用的模式：通过Fireworks担当网站页面的设计；通过Flash制作网页中的动画效果；而Dreamweaver则是用来进行网页的编辑及站点的管理与发布。选择了“风行天下汽车俱乐部”商业网站应用实例为学生讲解传统网页的制作方法与技巧。此讲义的每个任务都以项目为驱动，先从客户的需求出发，给出项目要求，再详细讲解了实现的步骤，界面均

3、直接取自实际运行的系统。此类商业网站是几乎每一个静态网站开发人员都要遇到的，极具代表性，方便学生举一反三，开发出自己所需要的工程项目。本讲义分为知识讲解和实战演练两个环节。知识讲解环节包括：商业网站的制作流程、网站规划、界面设计。实战演练环节包括：创建Flash动画、制作网页、网站的上传与发布。章节划分明确，方便学生阅读。由于时间仓促，编者水平有限，书中难免存在缺陷、不足和疏漏之处，恳请广大读者批评指正。王春媚2008年4月ss目录前言2第一章商业网站的制作流程3第二章网站规划61．确定建站的目的

4、62．确定网站结构与内容63．注册域名与空间6第三章界面设计83．1使用Fireworks设计页面81．网站整体框架绘制82．网站标志的设计133．导航栏的设计154．网站banner设计165．细节的添加186．内容的添加213．2使用Fireworks切割页面241．添加辅助线242．使用切片优化导出图像25第四章创建F1ASH动画27第五章制作网页325．1创建站点325．2创建模板文件335．3创建站点网页425．4创建站点超链接43第六章网站的上传与发布45ss第一章商业网站的制作流程商

5、业网站与个人网站不同，具有鲜明的个性，网页布局与排版比较随意，而且前期策划与制作也比较简单。商业网站是一个系统的工程，它需要具备一定的制作规范与流程。一般的商业网站的制作流程是这样的。Step1进行项目的可行性分析：在设计商业网站之前需要进行当前的网络环境的考察，以及是否需要建设网站，以及建网站的目的等前期调研工作。为建设网站打下充分的基础。Step2确定网站的面向对象：在制作网站之前还需要确定网站的用户群，不同的用户群，决定了网站的功能以及界面设计风格。确定网站的面向对象也属于前期的调研工作。S

6、tep3确定网站栏目结构：根据前期的调研确定网站的栏目结构，建立出网站结构的目录数，清晰的设计出网站主栏目、子栏目以及各个分类栏目，并确定各个栏目所要表现的内容及功能实现方法。Step4制定网站开发进度：依据前面设置的网站栏目结构，指定相应的网站开发进度，包括人员的配置，在一段时间内完成什么项目等等。Step5收集和整理网站素材：依据网站栏目结构，整理网站中所需资料及素材。Step6确定网站的VI方案：确定网站整体色调、布局以及对网站的Logo标志进行设计。Step7设计网站界面：依据的网站VI方

7、案设置出各个主栏目及其分级栏目的界面。Step8进行网站制作：依据设计的界面，将其拆分为html网页的格式，并对页面进行美化设计。Step9进行网站程序编制：依据制作的html网页进行网站功能程序的开发。Step10完善页面功能：对网站中细节进行进一步处理，完善页面的功能。Step11网站测试发布：对制作的网站进行测试，测试没有问题发布到互联网中。ss第二章网站规划前面介绍了商业网站的一般开发流程，绝大部分商业网站都是遵循这个开发流程进行网站的制作。“风行天下汽车俱乐部”网站也不例外，它也经历了网

8、站的前期规划、网站的设计制作以及网站的测试发布等操作流程，首先对网站的前期规划进行介绍。1．确定建站的目的“风行天下汽车俱乐部”网站主要是面对有车一族的白领开设的信息交互网站，通过这个网站用户可以在线浏览关于汽车的相关知识，欣赏汽车美图，在线进行交流等。它的目的是建立起有车一族的白领在线交流学习的平台，并通过这个平台的流量为自己带来相应的经济效应。2．确定网站结构与内容为了使日后网站开发和建设有法可依，应该事先指定一个网站的结构示意图，在每个结构示意图中指定出每个栏目的名称，以及各