DreamweaverCS站点创建与管理.pptxVIP

DreamweaverCS站点创建与管理第1页/共26页 第2章 Dreamweaver CS6站点创建与管理2.1 Dreamweaver CS6概述Dreamweaver CS6支持多种类型的网页代码和编程语言，包括HTML、CSS、XHTML、XML、JavaScript、VBScript、ColdFusion、Java、Visual Basic、C#、PHP、ASP.NET、ASP以及JSP等语言的支持，可以辅助生成访问网络数据库的Web应用程序。2.1.1 Dreamweaver CS6的安装和启动以Dreamweaver CS6为例，安装Dreamweaver的方法如下：在Macromedia官方网站下载安装程序；双击Dreamweaver安装程序图标，在显示的解压缩界面中，选择保存解压缩安装文件的路径；准备文件进度完成后显示欢迎界面，选择安装选项。在弹出的“Adobe软件许可协议”界面，选择“接受”。在弹出的“序列号”界面，输入合法的序列号，单击“下一步”。在弹出的“选项”界面，选择安装路径，单击“安装”，安装完成后显示“安装完成”界面。2第2页/共26页 第2章 Dreamweaver CS6站点创建与管理2.1 Dreamweaver CS6概述2.1.1 Dreamweaver CS6的安装和启动首次启动Dreamweaver CS6时，会出现“默认编辑器”窗口对话框，在此可以选择常用的文件类型。启动Dreamweaver CS6后的界面如图1.8所示，在此可以选择新建页面的类型。3图2.1 Dreamweaver CS6的启动界面第3页/共26页 第2章 Dreamweaver CS6站点创建与管理2.1 Dreamweaver CS6概述2.1.2 Dreamweaver CS6的界面环境Dreamweaver8的基本工作界面如图1.9所示，由菜单栏、插入工具栏、文档窗口、标签选择器、属性面板和面板组等部分构成。4图2.2 Dreamweaver CS6工作界面第4页/共26页 第2章 Dreamweaver CS6站点创建与管理2.2 站点规划 网站的建设一般要考虑如下几个方面：1.确定建立网站的目的和主题首先要明确制作该网站的目的，希望网站达到什么效果，然后根据目的和已有的网站内容确定设计主题。该主题能让浏览者知道本网站是做什么的，可以获取什么信息。在确定网站内容的同时还需要确定要制作的网站的主色调，可以根据网站所属的行业或内容确定网站的基色，同时也应了解客户的喜好。2.网站可行性分析可行性分析就是分析是否有能力、有财力建设和维护这个网站；分析网站建立以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合适。5第5页/共26页 第2章 Dreamweaver CS6站点创建与管理2.2 站点规划 网站的建设一般要考虑如下几个方面：3.确定网站的目录结构和链接结构制作拓扑图，对该网站的目录结构进行规划，包括：网站主要有哪几部分组成，每个部分中要划分为哪几个小项目。可以画出网站的大致结构，即确定由哪种形状布局，并将网页中相关内容大致排列在草图中。4.确定网站的整体风格网站的整体风格是抽象的，是指站点的整体形象给浏览者的综合感受。包括站点的版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等诸多因素。风格是有人性的，通过站点的外表、内容、文字、交流可以概括出一个站点的个性和情绪。风格形成不是一次定位的，它可以在实践中不断强化、调整和修饰。6第6页/共26页 第2章 Dreamweaver CS6站点创建与管理2.3 创建本地站点所谓本地站点，就是指本地硬盘中存放待发布到网络中的远程站点的所有文档的地方。2.3.1 创建本地站点创建本地站点的具体操作如下：单击“站点”菜单，选择“新建站点”命令,打开如图2.3所示的“站点设置对象”对话框。选择硬盘上的一个位置作为本地站点的根目录所在位置。在选定的位置创建一个文件夹，作为本地站点的根目录。假设我们要建立一个名为“EBook”的站点，可以在D盘上创建同名文件夹。7图2.3 “站点设置对象”对话框第7页/共26页 第2章 Dreamweaver CS6站点创建与管理2.3 创建本地站点所谓本地站点，就是指本地硬盘中存放待发布到网络中的远程站点的所有文档的地方。2.3.2 站点高级设置 在图2.3所示的“站点设置对象”对话框左侧选择“高级设置”选项，可以进行站点的高级设置，如图2.4所示，主要选项的具体含义如下：8图2.4 “高级设置”选项第8页/共26页 第2章 Dreamweaver CS6站点创建与管理2.4 管理网站2.4.1 站点的编辑删除站点需要注意的是，删除站点操作仅仅是删除了站点文件与Dre