Dreamwaver在网站设计中应用探讨.docVIP

Dreamwaver在网站设计中应用探讨 　　摘 要：在信息技术快速发展并普及应用的今天，网络早已成为人们获取、传递、发布信息的主要通道，正在极大改变人们的生产生活环境。互联网在社会经济、政治、文化等领域开始发挥重要的作用。而网站建设作为互联网的基础应用，其重要性不言而喻，已经成为政府、企业管理信息化中的基础部分。Dreamwaver作为网站、网页设计的基本工具，在网站建设领域发挥了重要作用。 　　关键词：信息技术；网站设计；互联网；Dreamwaver 　　中图分类号：TP393.092-4 　　互联网技术的发展和应用，极大改变了人们的生产及生活水平，将地球变成了名副其实的地球村，互联网开始成为人们交流、购物、传播信息的重要渠道和工具。电子商务网站作为因特网的重要组成部分，也是互联网技术的基础应用，为推动网络经济、网络文化的发展起到了关键的作用。Dreamwaver是网站建设、网页设计领域中的基本软件工具，因其支持可视化设计模式、支持跨浏览器操作、支持多平台，在网页设计领域得到了广泛的应用，尤其是动态网页设计，是目前网站建设、网页设计的首选工具和平台。 　　1 Dreamwaver简介 　　Dreamwaver是目前流行的一种网站设计与制作工具，它能够实现网页设计、布局、网站建设、网站管理等多种功能于一身，同时支持可视化操作，同时支持多种系统平台，而且还能够制作跨浏览器行为的网站，也是目前网站建设领域的首选设计工具。Dreamwaver支持CSS多样式，具有强大的站点管理功能，支持内建的图像引擎，还能够支持多媒体技术，制作出动态的、交互式的、多媒体网站。 　　Dreamwaver整合了代码编辑、可视化视图设计与布局，由于具备强大的程序开发功能，使得可以网站设计人员可以快速、精确构建丰富、多彩的网站页面；同时开发人员只需要通过Dreamwaver提供的服务器技术实现和数据库的连接，开发出动态的、交互式网站。Dreamwaver还支持多种服务器开发技术，比如ASP、JSP、PHP、ASP.NET等，它们能够实现素材整理、布局、格式排版、交互程序设计等多种功能。因此，使用Dreamwaver开发工具完全可以在短时间内制作功能强大、界面丰富、色彩多样的交互式动态网页。 　　2 利用Dreamwaver制作网站 　　2.1 网站运行环境 　　（1）使用Dreamwaver8作为设计工具，下图为Dreamwaver8的启动页面。 　　（2）运行环境 　　浏览器使用IE，保证浏览器版本为IE6.0或以上版本，显示器分辨率为1024*768，这也是最佳的分辨率，可以实现最佳的显示效果。 　　2.2 网页布局设计 　　使用Dreamwaver8进行网站设计的时候，对于网页布局设计一定要注意几个方面：（1）页面尺寸（2）整体样式（3）页眉（4）文本段落（5）页脚（6）图片布局（7）多媒体应用。在使用Dreamwaver8设计过程中，对于网页的布局设计通常使用表格布局，框架布局、CSS布局设计等，通常使用表格布局较多，也是现行网站设计的一个通用标准。 　　2.3 设计站点 　　选择并依此点击“开始|程序|Macromedia| Macromedia Dreamweaver8”菜单项或者双击桌面上的Dreamweaver图标，进入Dreamweaver8软件的工作界面，作为普通用户，选择“设计器”进行工作区布局。首次使用Dreamweaver8软件时，必须创建新的站点，通过单击图3-3工作区上面的菜单栏“站点|新建站点”选项，创建一个新的站点，比如可以用购物商城为例，创建一个XX商城的站点，在站点输入框里面输入站点名称和HTTP地址。 　　2.4 管理站点资源 　　新建站点以后，需要添加并管理站点的资源，包括文件、文件夹、媒体资源等。Dreamweaver8提供了快捷、方便的站点资源管理工具。比如，可以创建一些文件夹，用于存储相关的网页文件、多媒体文件，通常包括Images文件夹、media文件夹、Html文件夹；其中Images存放图片资源、media文件夹存放多媒体资源，比如动画、视频、音频等；Html文件夹主要存储网页文件，包括CSS样式表、Html页面、JS脚本等。具体操作方法是：右键点击站点-购物商城，在快捷菜单中选择“新建文件夹”菜单，在输入框中输入文件夹的名称即可。 　　2.5 编辑首页 　　右键点击站点“购物商城”，在弹出的快捷菜单中选中“新建文件”菜单项，在输入框中输入index.html或者index.asp或者index.jsp等格式。双击index文件以后即可进入网站首页编辑页面，通过文件上面的“标题”输入框可以输入首页标题“购物商城”。 　　2.6 网页内容布局 　　在使用Dr