Dreamweaver CS6中文版多功能教材
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 网站创建的一般流程

使用Dreamweaver CS6既可以制作静态网页,也可以创建动态的交互式页面。网页制作是一个系统工程,涉及多方面的知识和技能。创建动态网站是当今网站设计的主流,下面简要介绍开发动态网站的一般流程。

1.规划站点

良好的规划,是创建一个成功站点的出发点。在网页制作之前,应对整个站点的风格、布局、服务对象定位、服务器定位、脚本语言选择、数据库平台选择等做好充分的规划,可细化到站点所包括的每个文件、文件夹及其存在的逻辑关系。如果是集体开发,还应规划好各自的内容、完成期限,并注意统一风格、协调代码。

2.素材准备

素材准备包括简体中文、繁体中文、英文等各种字符的输入;设计制作静态图片;使用扫描仪或数字摄像机进行图像输入,设计动态gif、swf格式的动态图像,制作声音片断及合成音乐,将影音数据组合成AVI、QuickTime、MPEG、Real A/V、MS NetShow格式等。

3.管理站点

完成站点规划及素材准备后,首先需要创建一个站点,然后利用Dreamweaver CS6的站点管理功能,对站点进行文件制作、文件更新、文件上传等管理。

4.设计页面布局

任何网页的设计都离不开布局,要充分利用Dreamweaver CS6提供的表格设计功能、层的设计功能、框架的设计、模板的设计功能完成布局设计。

5.为页面添加内容

Web页面布局完成后,就是向页面添加内容了,可以利用“插入栏”提供的各种对象按钮,完成文本、图像、Flash动画、声音、视频等网页添加。

6.手工编码

要制作出专业级别的网页,在可视化编辑网页的基础上,加入必要的手编码,使网站的功能更强大,Dreamweaver CS6提供的代码视图在手工编写代码方面的功能非常强大。

7.设置Web应用程序运行环境

根据自己创建动态网站的需要,设置Web应用程序(动态网页)。不同类型的Web应用程序的设置,在Dreamweaver CS6的“应用程序”面板上有所不同。

8.创建动态网页

动态网页包括ASP、JSP、PHP等,根据自己规划的Web服务器及Web应用服务器进行选择创建。

9.快速开发应用程序

充分利用Dreamweaver CS6“应用程序”面板的动态网页可视化设计功能,设计制作具有交互功能的留言本、在线购买、在线注册等动态网页。

10.测试站点

网站全面制作完成后,在本机上进行测试,发现问题并及时解决。

11.上传站点到远程服务器

在本机上进行测试后,上传到远程Web服务器站点,进行试运行测试,发现问题并及时解决。

提示:开发Web应用程序(制作动态网页)时,必须根据需要设置服务器和数据库。然后再设计该站点的外观。当外观设计完成后,将生成该站点并编写页代码,以添加内容和交互控件;然后将页面链接在一起,并对该站点进行功能测试,以验证它是否符合定义的目标;最后,在服务器上发布该站点。许多开发人员还会安排定期的维护,以确保站点保持最新并且工作正常。