如何使用dreamweaver,第1张

  打开 Dreamweaver MX 2004 软件,执行站点 | 站点管理命令,在弹出的站点管理对话框中选择新建,按新建站点的步骤逐步进行设置,最后保存完成制作。

  操作步骤

  步骤一 定义站点

  ( 1 )开始新建站点。启动 Dreamweaver MX 2004 ,切换到文件面板,单击管理站点,然后在弹出的管理站点对话框中单击新建按钮

  

  ( 2 )设置站点属性参数。在弹出的 Dreamweaver 100 的站点定义为对话框的“编辑文件”、“编辑文件,第 2 部分”、“编辑文件,第 3 部分”中定义站点,

  提示:本实例是切换到基本选项卡中设置站点,建议初学者先以此方式建立站点,再通过高级选项卡对站点进行更详细的设置。

   步骤 4 如果选择的是否,我不想使用服务器技术,则站点为静态网站,此时将直接执行步骤 6 。静态网站与动态网站的区别不是指网站有没有 GIF 、 Flash 动画,而是指有没有互动性。“互动性”是指网站根据用户的要求和选择能够动态作出改变及响应,能够自动更新网站,自动生成批量页面,能够根据用户的条件(时间、浏览器类型、用户在站点的使用权限等),自动生成不同页面。

   步骤 5 主要是根据自身熟悉的服务器技术进行选择。如果读者熟悉 ASP 服务器技术,则可选择 ASP javascript 、 ASP VBScript 这两种脚本中的一种,如果熟悉 ASPNET ,则应选择 ASPNET C# 、 ASPNET VB 或 ASPNET Jscript 。

   步骤 7 如果选择的是在本地进行编辑,然后上传到远程测试服务器,那么在执行完步骤 9 之后,将会进入到测试文件中进行远程服务器的有关设置;如果选择的是使用本地网络直接在远程测试服务器上进行编辑,那么在第 8 步操作中就应输入该服务器的地址,鉴于安全性,建议初学者不要使用这种方式编辑网站。

   步骤 8 输入的是网站在本地网络中的物理存储位置,其设置一般与 IIS 服务器默认站点主目录的物理存储位置一致。

  

  ( 3 )接着测试站点及完成站点定义

  提示: 第 1 步操作输入“ http://localhost/ ”来代替在 8 步操作所设置的物理路径,现在打开 IE 就可以访问 http://localhost 站点下的所有 ASPNET 网页了。

   步骤 5 是关于编辑完每一个网页后是否将其传到远程服务器上的设置,如果选择是的,我要使用远程服务器,则执行完步骤 7 之后,将会进入到测试文件中进行远程服务器的相关设置。

  

  步骤二 规划站点结构

  前面已说过,要认真规划好结构,对站点的文件进行分类管理,把不同类的文件分别放在不同的目录下面。本实例的站点结构规划如下:站点目录规划用于存放所有网页文件,文件夹“ bin ”用于部署 DreamweaverCtrlsdll 控件,文件夹“ dat ”用于存放数据库,文件夹“ images ”用于存放与站点有关的文件。具体操作如下:

  在文件面板中为站点“ Dreamweaver100 ”建立新文件夹“ bin ”、“ images ”、“ dat ”

  提示:不是每个新建站点都必须包括这三个文件夹。但文件夹“ bin ”一般是用于存放站点运行的必要组件,文件夹“ images ”一般是用于存放与站点有关的文件。读者在站点规划时,可以规划更细一点,如网站的图像放在一个文件中,产品图像放在另一个文件中等等。但要注意的是,如果规划要存放站点运行的必要组件的文件夹名称,要与步骤三中的步骤( 2 )所使用的文件夹相对应

  

  步骤三 部署站点组件

  ( 1 )选择文件|新建菜单命令,在弹出的新建文档对话框中创建动态页为 ASPNET VB ,

  提示:由于本书主要讲解 ASPNET 网络应用程序的开发,所以是要通过新建 ASPNET 动态页进行开发的。而且如果不通过新建空白的 ASPNET 动态页,是不能进行下一步骤的。

  

  ( 2 )设置部署目录。切换到应用程序面板,选择绑定选项卡,单击部署按钮,在弹出的将支持文件部署到测试服务器对话框中将部署目录设置为“ C:Inetpubwwwrootbin ”

  提示:这里的绑定其实就是绑定 DreamweaverCtrlsdll 文件, DreamweaverCtrlsdll 文件是 Dreamweaver 下 aspnet 服务器行为运行的必要组件。 DreamweaverCtrlsdll 文件名称及其所在目录 bin 名称不能更改,并且 bin 文件夹必须保存在站点的根目录下。

  本书第 75 例至第 90 例将以该站点进行网络应用程序开发。

  

  ( 3 )如果在“ c:Intepubwwwroot ”文件夹下找不到“ aspnet_client ”文件,请将“光碟 源文件 实例 2aspnet_client ”文件夹复制到“ c:Intepubwwwroot ”文件夹下。

  提示:“ aspnet_client ”文件在安装 NET 框架时,默认情况下安装到“ c:Intepubwwwroot ”文件夹下(系统盘为 C 盘时)。

  构建好了开发环境,在 Dreamweaver 中建立好站点之后,可以说是网络应用程序的加工厂的构建完毕,可以加工各种产品——网页、网络应用程序等等。

  在 Dreamweaver 中建立站点,是进行网站开发的第二个关键步骤。这里所讲的建立站点,其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用文件面板对站点文件进行管理,也是为减少一些错误的出现,如路径出错,链接出错等等。许多初学者开始做网页时,就只知道做单一网页,对文件的条理性、结构性不加以管理,没有对文件进行分类管理,使整个站点结构显得很乱;所以在开发之前应该认真策划好站点结构。由于本书后面讲解的是 ASPNET 网络应用程序的开发,所以其开发之前,应该部署好 Dreamweaver 有关开发运行组件。

  效果说明

   用 Dreamweaver 建立的站点“ Dreamweaver100 ”,该站点是第 75 例至第 90 例中玩具公司构建网站的站点。本例就是介绍这个站点的建立方法。

设置和编辑Dreamweaver本地根文件夹

规划站点结构后,在 Dreamweaver 中设置(定义)站点。您还应定义一个站点,以便编辑不是由 Dreamweaver 创建的 Web 站点。设置 Dreamweaver 站点是一种组织所有与 Web 站点关联的文档的方法。

本地根文件夹是 Dreamweaver 站点的工作目录。此文件夹可以位于本地计算机上,也可以位于网络服务器上。

如果要开始在计算机上编辑文件(而不进行发布),只需设置一个本地文件夹,以后再添加远程和测试信息。

即使没有使用 Dreamweaver 创建原始站点,也可以使用 Dreamweaver 编辑本地磁盘上的现有 Web 站点或编辑远程站点(或远程站点的分支)。

注: 如果本地根文件夹位于运行 Web 服务器的系统中,则无需指定远程文件夹。这意味着该 Web 服务器正在您的本地计算机上运行。

选择以下项之一:

若要设置新站点,请选择“站点”>“新建站点”。

若要编辑本地磁盘上的现有站点或远程站点(或远程站点的分支)的设置,无论该站点是否在 Dreamweaver 中创建,都可选择“站点”>“管理站点”,然后单击“编辑”。

注: 如果未定义任何 Dreamweaver 站点,将会出现“站点定义”对话框,而无需您单击“新建”。

输入设置信息:

若要使用站点设置向导设置站点,请单击“基本”选项卡,然后按照提示进行操作。

若要直接设置本地文件夹、远程文件夹和测试文件夹(用于处理动态页),请单击“高级”选项卡,选择“本地信息”类别并设置各个选项。

单击“确定”和“完成”以创建站点(在“文件”面板中显示)。

本地根文件夹设置选项

如果选择直接对本地根文件夹选项进行设置,而不使用“站点定义”对话框的“基本”选项卡,请单击“高级”选项卡并输入信息。

注: 在计算机上设置工作站点只需要设置前两个选项。

站点名称 显示在“文件”面板和“管理站点”对话框中的名称;该名称不会在浏览器中显示。

本地根文件夹 本地磁盘上存储站点文件、模板和库项目的文件夹的名称。在硬盘上创建一个文件夹,或者单击文件夹图标浏览到该文件夹。当 Dreamweaver 解析根目录相对链接时,它是相对于该文件夹来解析的。

自动刷新本地文件列表 指定 Dreamweaver 是否应在每次您将文件复制到本地站点时自动刷新本地文件列表。取消选择此选项将提高 Dreamweaver 在复制此类文件时的速度;但同时“文件”面板的“本地”视图不会自动刷新,您必须单击“文件”面板工具栏中的“刷新”按钮手动刷新面板。

默认图像文件夹 保存站点中使用的图像的文件夹的路径。输入路径或单击文件夹图标浏览到该文件夹。

链接相对于 更改您创建的链接到站点中其它页面的链接的相对路径。默认情况下,Dreamweaver 使用文档相对路径创建链接。选择“站点根目录”选项更改路径设置,确保在“HTTP 地址”选项中指定 HTTP 地址。

更改此设置将不会转换现有链接的路径;此设置仅应用于使用 Dreamweaver 以可视方式创建的新链接。

使用本地浏览器预览文档时,除非指定了测试服务器,或在“编辑”>“首选参数”>“在浏览器中预览”中选择“使用临时文件预览”选项,否则文档中用站点根目录相对路径链接的内容将不会显示。这是因为浏览器不识别站点根目录,而服务器能够识别。

HTTP 地址 Web 站点将要使用的 URL。这使 Dreamweaver 能够验证站点中使用绝对 URL 或站点根目录相对路径的链接。Dreamweaver 还使用此地址来确保站点根目录可能不同的站点根目录相对链接在远程服务器上能够正常工作。例如,如果您链接到位于硬盘上 C:\Sales\images\ 文件夹中的某个图像文件(Sales 是您的本地根文件夹),您完成的站点 URL 是 http://wwwmysitecom/SalesApp/(SalesApp 是您的远程根文件夹),那么应该在“HTTP 地址”文本框中输入 URL 以确保远程服务器上的链接文件路径为 /SalesApp/images/。

使用区分大小写的链接检查 在 Dreamweaver 检查链接时,将检查链接的大小写与文件名的大小写是否相匹配。此选项用于文件名区分大小写的 UNIX 系统。

启用缓存 指定是否创建本地缓存以提高链接和站点管理任务的速度。如果不选择此选项,Dreamweaver 在创建站点前将再次询问您是否希望创建缓存。最好选择此选项,因为只有在创建缓存后“资源”面板(在“文件”面板组中)才有效。

在dreamweaver中设置本地或网络连接,必须要选建立好站点。

一、在dreamweaver中设置本地连接:

1、建立好站点。

2、点击站点管理,点击“服务器”。

3、在连接方法中选择“本地/网络”,

4、在下面分别填写好“文件夹”和“Web Url”。

5、完成。

二,在dreamweaver中设置网络连接(以FPT连接为例):

步骤1、2同“一、本地连接”

3、连接方法选择“FTP”。

4、分别填写好远程的“FTP地址”、用户名、密码等。

5、保存。

远程站点通常是运行Web服务器的远程计算机上保存本地文件副本的位置

用户在浏览器中查看您的页时,就是在访问在Web服务器上运行的远程站点

了解远程站点创建了Web站点后,下一步就是通过将文件上传到远程文件夹来发布该站点

远程文件夹是存储文件的位置,这些文件用于测试、生产、协作和发布,具体取决于您的环境

Dreamweaver将此文件夹称为远程站点

在继续之前,您必须能够访问远程Web服务器(例如您的ISP的服务器、您的客户所拥有的服务器、公司中的Intranet服务器,或者Windows计算机上的Internet信息服务(IIS)服务器)

如果您尚不具有对这样一个服务器的访问权,请与您的ISP、客户或系统管理员联系

您也可以在本地计算机上运行一个Web服务器,如IIS(Windows)或Apache(Macintosh)

如果远程根文件夹为空,则本教程中所描述的过程效果最佳

如果您的远程站点已经包含文件,则在远程站点(在服务器上)中创建一个空文件夹,然后将该空文件夹用作您的远程根文件夹

继续操作之前,您还需要定义一个本地站点

定义远程文件夹现在,您需要设置一个远程文件夹,以便发布您的Web页

远程文件夹通常具有与本地文件夹相同的名称,因为远程站点通常完全就是本地站点的副本

也就是说,您发布到远程文件夹的文件和子文件夹是本地创建的文件和子文件夹的副本

在您的远程服务器上,在服务器的Web根文件夹中创建一个空文件夹

将新的空文件夹命名为cafe_townsend(与本地根文件夹的名称相同)

关于使用Dreamweaver创建一个远程文件夹如果Dreamweaver是您访问远程服务器的唯一方式,则在完成Dreamweaver中的远程设置并建立连接之前,您无法在远程服务器上创建一个空的文件夹

如果情况是这样,您可以将主机目录定义为远程文件夹,或者在建立与服务器的连接后创建一个远程文件夹

无论在何种情况下,在连接到远程服务器之前,都要按照本教程中的说明继续操作

建立连接之后,您可以使用Dreamweaver的"文件"面板创建一个新的远程文件夹

建立与远程服务器的连接后,"文件"面板在"远程"视图中显示远程服务器上的所有文件(就像它在"本地"视图中显示计算机上的所有本地文件一样)

要显示"远程"视图,请从"文件"面板顶部的弹出式菜单中选择"远程"视图,或者单击"文件"面板工具栏中的"扩展/折叠"

单击"扩展/折叠"后,"文件"面板同时显示"本地"视图和"远程"视图

要在"远程"视图中添加一个空的文件夹,请首先使用前面描述的方法之一显示"远程"视图

(如果您最初没有看到连接,请单击"文件"面板工具栏中的"刷新"

)看到您已经连接到Web服务器之后,在"远程"视图中右键单击"(Windows)"或按住Control键并单击"(Macintosh)",然后选择"新建文件夹"

在"远程"视图中添加一个空的文件夹在Dreamweaver中,选择"站点""管理站点"

在"管理站点"对话框中,选择"CafeTownsend站点"

如果您没有定义CafeTownsend站点,请在继续之前为该站点创建一个本地文件夹

单击"编辑"

在"站点定义"对话框中,如果未显示"高级"设置,请单击"高级"选项卡

从左侧的"类别"列表中选择"远程信息"

选择一个"访问"选项

连接到Internet上的服务器的最常见方法是"FTP"和"SFTP";连接您的Intranet上的服务器的最常见方法,或者如果您使用本地计算机作为Web服务器,连接到本地计算机的最常见方法是"本地/网络"

如果您不确定选择哪种方法,请询问服务器的系统管理员

那是通过FTP链接的!首称你要有一个空间的登录信息,一般是:IP地址 FTP用户名 FTP登录密码

然后在配置站点时,第二项里输入相关信息,就可以用DW链接远程网站进行操作啦!wwwasp1988cn

我是这样设定的:

服务器模型,按照你的程序来选择,可能是asp吧?

url前缀,你可以填写http://loaclhost;或者http://loaclhost后面加上你的站点文件夹名称。

1、在Dreamweaver 中打开需要上传的本地站点,具体如图所示。

2、为确保上传成功,将首页更名为“indexhtml”,具体如图所示。

3、将站点视图由本地视图切换至远程服务器视图,具体如图所示。

4、点击“添加服务器”,具体如图所示。

5、输入相关信息:服务器名称,自定义;连接方法 一定要选择Ftp,Ftp地址,用户名,密码键入申请域名时保存的信息,注意不要更改Ftp地址的端口。以上信息输入完毕后点击“测试”,具体如图所示。

6、若测试不成功,则根据系统提示操作,通常需要在“更多”选项中勾选或取消勾选“使用被动式Ftp”,若使用的网络连接方式为IPv6,则需要勾选“使用IPv6传输模式”,具体如图所示。

7、更改完后重新测试,这时可以看到系统提示已成功。若第一次测试就成功连接,则忽略上一步操作。注意一定要连接成功后,即Dreamweaver 弹出此窗口,才能进行下一步操作,具体如图所示。

8、根目录,不填;Web URL 将由系统自动生成,不用手动填写,此时直接点击“保存”即可,具体如图所示。

9、此时返回Dreamweaver 站点操作窗口,点击“连接到远程服务器”按钮,具体如图所示。

10、连接成功后,点击“向远程服务器上传文件”,确定即可(注意要将整个站点一齐上传)。上传完成后,用浏览器检验效果,具体如图所示。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 如何使用dreamweaver

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情