如何在Dreamweaver中创建一个Web站点

作者&投稿:长沙贩 (若有异议请与网页底部的电邮联系)
如何在Dreamweaver设置web站点?~

使用wamp、appserver这样的软件,直接安装在电脑里,不用自己配置,它直接就为你配置好php了,然后在dreamweaver建立站点,选择php服务,选择wamp安装后生成的网页发布文件夹作为站点文件夹,就可以了。

1、创建模板页面
最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。
当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。
新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。
举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。
准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。
2、设定可编辑区域
设定模板可编辑区域,一般来说有两种方法。
新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。
标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。
取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。
举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。
二、使用模板
1、根据模板新建页面
命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。
2、对一个已经有内容的页面应用模板
命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。
举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。
3、更新模板以全面更新站点
基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。
另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!
举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。
注意:新建和使用模板前需定义站点。方法是,执行命令:Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。

用了三个图片,分三步搞定,首先在电脑时建立一个文件夹,取名最好用英文,打开dreamweaver,第一步:第二步:第三步:重要的是用高级建立站点,而不是用基本

在dw的头部上,站点--新建站点--修改命名--点击“文件夹”的图标,选择路径。

不知道你说的是不是这个东西!

在 Dreamweaver 中,站点 是下列任意一项的简称:
  Web 站点:一组位于服务器
上的页,使用 Web 浏览器访问该站点的访问者可以对其进行浏览。
  远程站点:服务器上组成 Web 站点的文件,这是从您的(创作者的)角度而不是访问者的角度来看的。
  本地站点:与远程站点上的文件对应的本地磁盘上的文件。您在本地磁盘上编辑文件,然后将它们上传到远程站点。
  Dreamweaver站点定义:本地站点的一组定义特性,以及有关本地站点和远程站点对应方式的信息。
  通常,创建 Web 站点是从对其进行规划开始的:决定要创建多少页、每页上显示什么内容以及页是如何互相连接起来的。不过,在本课中,您将创建一个非常简单的站点,因此不需要太多的规划:它将只包含两个 Web 页,其间具有链接。因此,对于此站点,您可以跳过规划,进入创建站点定义阶段。
  您将使用“站点定义”对话框创建站点定义。您可以以两种视图中的任意一种来填写此对话框:“基本”或“高级”。“基本”方法指导您一步一步地完成站点设置。如果您宁愿在没有指导的情况下编辑站点信息,则可以随时单击“高级”选项卡。
  以下过程介绍如何设置“基本”版本对话框中的选项,该版本的对话框也叫做“站点定义向导”。如果需要有关如何在“高级”版本中设置选项的详细信息,请单击“高级”选项卡,然后单击“帮助”按钮。
  若要定义站点,请执行以下操作:
  1.选择“站点”>“新建站点”。(即从“站点”菜单中选择“新建站点”。)
   即会出现“站点定义”对话框。
2.如果对话框显示的是“高级”选项卡,则单击“基本”。
   出现“站点定义向导”的第一个屏幕,要求您为站点输入一个名称。
3.在文本框中,输入一个名称以在 Dreamweaver 中标识该站点。该名称可以 是任何所需的名称。例如,您可以将站点命名为“我的个人主页”。
4.单击“下一步”进入下一个步骤。
   出现向导的下一个屏幕,询问您是否要使用服务器技术。
5.选择“否”选项指示目前该站点是一个静态站点,没有动态页。
  6.单击“下一步”进入下一个步骤。
   出现向导的下一个屏幕,询问您要如何使用您的文件。
  7.选择标有“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”的选项。
  8.文本框允许您在本地磁盘上指定一个文件夹,Dreamweaver 将在其中存储站点文件的本地版本。若要指定一个准确的文件夹名称,通过浏览指定要比键入路径更加简便易行,因此请单击该文本框旁边的文件夹图标。
随即会出现“选择站点的本地根文件夹”对话框。
  9.在“选择站点的本地根文件夹”对话框中,先浏览到本地磁盘上可以存放所有站点的文件夹。现在不要单击“确定”。
  10.单击“下一步”进入下一个步骤。
   出现向导的下一个屏幕,询问您如何连接到远程服务器。
  11.现在,从弹出式菜单中选择“无”。单击“下一步”进入下一个步骤。
   该向导的下一个屏幕将出现,其中显示您的设置概要。
  “站点”面板现在显示当前站点的新本地根文件夹,同时显示一个图标允许您以分层树视图查看所有本地磁盘。该图标标为“桌面”(Windows) 或“计算机”(Macintosh)。


长汀县19852705838: 在dreamweaver中创建文档有几种方法,分别如何操作 -
贡环坤复: 1、新建一个html文件2、在右侧的窗口中找到新建的文件右击—编辑—重命名3、输入名字index.html4、ok搞定记得给分.

长汀县19852705838: 如何在Dreamweaver中建立站点 -
贡环坤复: 1、打开DW,点击菜单栏上的“站点”--》新建站点.2、在站点设置对象面板中,选择左侧的“站点”,在右侧的“站点名称”中,填入站点的名称,在“本地站点文件夹”中,选择在本地的文件夹,用来存放网站文件.3、在左侧的“服务器...

长汀县19852705838: dreamweaver怎么创建网页 -
贡环坤复: 1、启动Dreamweaver1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”,2)在中间的“创建新项目”中点第一个 HTML,打开一个空白文档;2、保存文件1)点菜单“文件-保存”命令,弹出一个“另存为”对话框,在...

长汀县19852705838: 如何在Dreamweaver建立新站点? -
贡环坤复: 在Dreamweaver中建立站点--选择菜单--站点,建立新站点. 在站点对话框中填写相关的内容: 站点的名字(可以随意起); 你的站点的http地址是什么(要按照软件的提示填写); 你的站点使用的是什么服务器的支持(ASP;PHP;JSP...); 你要在本地机器的那个文件夹里储存站点文件; 你如何测试服务器(你用哪种方式上传和下载文件, FPT或者其它,如果是 FPT,要填写 FPT地址和密码); 测试你的http地址连接是否正常; 基本上是这些内容,填写正确之后,在文件(或者“站点”)窗口中,点击最边上的连接按钮,选择“远程视图”,就可以看到远程站点的文件了.

长汀县19852705838: 如何在Dreamweaver中创建一个Web站点 -
贡环坤复: 用了三个图片,分三步搞定,首先在电脑时建立一个文件夹,取名最好用英文,打开dreamweaver,第一步:第二步:第三步:重要的是用高级建立站点,而不是用基本

长汀县19852705838: 1、 在Dreamweaver中,如何建立站点? -
贡环坤复: 站点--新建站点--网站名称、网站域名--网站存储路径--使用服务器技术. 最主要的事你要安装IIs intelete信息服务(要有xp光盘)

长汀县19852705838: dreamweaver如何创建站点 -
贡环坤复: 在Dreamweaver中建立站点--选择菜单--站点,建立新站点. 第一步:为站点其名字,http地址可以不添. 第二步:选择是否要服务器技术,如果是asp,php选择是,如果纯html的选择否. 第三步:首先选择推荐的第一项,然后选择你在自己电脑里网站的位置,也就是你做网页存放的文件夹. 第四步:选择“无”,这样就不用选择希望放在网站的哪文件夹,完成就可以了 你这样的找不到文件夹,我还没遇过呢,可能你的方法有误吧.不懂的再追问!!!

长汀县19852705838: dreamweaver新建一个站点的流程是怎样的? -
贡环坤复: 使用Dreamweaver也可以制作出整个网站,只是Dreamweaver本身不适合处理图片,需要Photoshop或者Fireworks的配合.下面是使用Dreamweaver制作静态站点的流程,动态站点流程将在以后介绍.新建站点→站点文件命名→定义页面属...

长汀县19852705838: Dreamweaver里怎么创建图形按钮 -
贡环坤复: 步骤如下: 1、启动Dreamweaver,ctrl+n新建html文档; 2、设计视图,点击插入菜单--表单--表单命令,下图虚线区就是表单区域; 3、点击表单区域,点击插入菜单---表单--按钮命令; 4、输入标签文字提交,点击确定; 5、属性面板可查看默认动作...

长汀县19852705838: 在dreamweaver cs6中,在网页中怎么创建文本? -
贡环坤复: 在dreamweaver cs6中,创建文本两种办法: 第一种: 1、打开Dreamweaver CS6后,点击文件--->新建,如下图所示. 2、在新建文档对话框里选择新建HTML,然后点击创建,如下图所示. 3、我们可以在右边的插入工具栏里找到表单,...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网