网站开发环境的搭建.pptVIP

第二章 网站开发环境的的搭建;目 录;2.1 Dreamweaver CS3简介;Adobe Dreamweaver CS3的新增功能;2.2　Dreamweaver CS3的工作界面;2.2.2 工作区集成窗口 在Windows中，Dreamweaver CS3提供了一个将全部元素置于一个窗口的集成布局。 ;1.插入工具栏;2.文档工具栏 ;3.文档窗口 4.属性面板 ;5.组合面板;2.3 站点的基本操作;（２）打开Dreamweaver CS3，“起始页面”中单击，或者直接在Dreamweaver CS3的主界面中选择“站点”→“新建站点”菜单命令。;　　　出现“新建站点向导”对话框，在“您打算为您的站点起什么名字？”文本框中输入站点的名称，如MySite，在“您的站点的HTTP地址(URL)是什么？”文本框中输入站点的网址，若没有网址，则暂时可以不填。 ;（3）单击“下一步”按钮，打开如图2-16所示的“您是否打算使用服务器技术？”对话框。 ;（4）单击“下一步”按钮，打开对话框。选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”选项。在“您将把文件存储在计算机的什么位置”文本框中输入上述所建立的“MySite”文件夹的路径。 ;（5）单击“下一步”按钮，在“您如何连接远程服务器”对话框的下拉列表选项中选择“无” 。;（6）单击“下一步”按钮，对话框将列出之前的相关设定值，确认信息无误之后单击“完成”按钮结束站点信息的设置，同时在“文件”面板中出现MySite站点相应信息。;2.3.2 管理站点 （1）启动Dreamweaver CS3之后，选择“站点”→“管理站点”菜单命令，打开“管理站点”对话框。 ;2.4 网页文档的基本操作;悲锥泪步瓦洁宴翘己昨轰渊操帽琉糙陶婴烈钻秆糠曝桔亢爬鹤丝辊缝孵音网站开发环境的搭建网站开发环境的搭建; 选择好样式和页面类型之后，单击“创建”按钮，就可以新建一个指定的网页文档。 ;（2）通过“文件”面板创建网页。 在“文件”面板窗口中，选取需要创建网页的站点，然后右击站点，选择快捷菜单中的“新建文件”命令。;2.4.2 编辑网页 网页文档创建好之后，用户就可以编辑网页了，编辑的途径是通过“文件”面板，右击选中的网页文档，选择快捷菜单中的“编辑”命令，选择相应的编辑方式，对网页文档进行操作。;2.4.3 预览网页 （1）通过使用快捷键F12在浏览器中对网页效果进行预览。 （2）在菜单栏中选择“文件”→“在浏览器中预览”→“IExplore”命令进行预览(如果当前计算机中安装有多个浏览器，也可以选择不同的浏览器进行预览)。 （3）单击“文档工具栏”中的“在浏览器中预览/调试”按钮，选择“预览在IExplore”命令预览网页。;2.4.4 打开和关闭网页文档 1.打开网页文档 （1）选择“文件”→“打开”命令，在弹出的对话框中选择站点文件夹中需要打开的网页文档。 （2）在“文件”面板的站点管理器中找到相应的网页文档，直接双击打开。 （3）按Ctrl+O组合键，在弹出的对话框中选择并且打开网页文档。 （4）在页面标题处右击，在弹出的快捷菜单中选择“打开”命令。;2.关闭网页文档 关闭网页的方法主要有以下几种： （1）选择“文件”→“关闭”命令，关闭当前网页文档。 （2）单击网页文档右上角的按钮。 （3）使用Ctrl+W组合键。 （4）在网页标题处右击，在弹出的快捷菜单中选择“关闭”命令。;2.5.1 IIS的简介 IIS（Internet Information Server，因特网信息服务器）是Microsoft公司开发的Web服务器技术，提供了强大的Internet和Intranet服务功能。IIS具有简单易用、安全可靠、集成化管理等特点，它集成了Web服务、FTP服务、NNTP服务和SMTP服务，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，使用户能够在网络上方便的发布信息。; 静态网页制作好以后，可以直接在浏览器中进行预览和测试，但是动态网页制作好以后，必须要在Web服务器上进行预览和测试，也就是说需要搭建一个Web服务器的环境，那么IIS就是一个简单易用的Web服务器搭建系统，用来开发测试动态网页，甚至可以直接用来发布静态网站和动态网站。;2.5.2 IIS的安装 （1）打开“控制面板”窗口，双击“添加或删除程序”图标，打开 “添加或删除程序”窗口。; 单击“添加/删除Windows组件”按钮，打开“Windows组件向导”对话框，在该对话框中选中“Internet信息服务”复选框。 ;（3）单击“详细信息”按钮，打开“Internet信息服务（IIS